/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
  font-family: 'FontAwesome';
  src: url('https://www.honor.com/content/dam/honor/common/products/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://www.honor.com/content/dam/honor/common/products/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://www.honor.com/content/dam/honor/common/products/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://www.honor.com/content/dam/honor/common/products/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://www.honor.com/content/dam/honor/common/products/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://www.honor.com/content/dam/honor/common/products/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571429em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.85714286em
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right {
  margin-left: .3em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: "\f000"
}

.fa-music:before {
  content: "\f001"
}

.fa-search:before {
  content: "\f002"
}

.fa-envelope-o:before {
  content: "\f003"
}

.fa-heart:before {
  content: "\f004"
}

.fa-star:before {
  content: "\f005"
}

.fa-star-o:before {
  content: "\f006"
}

.fa-user:before {
  content: "\f007"
}

.fa-film:before {
  content: "\f008"
}

.fa-th-large:before {
  content: "\f009"
}

.fa-th:before {
  content: "\f00a"
}

.fa-th-list:before {
  content: "\f00b"
}

.fa-check:before {
  content: "\f00c"
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"
}

.fa-search-plus:before {
  content: "\f00e"
}

.fa-search-minus:before {
  content: "\f010"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-signal:before {
  content: "\f012"
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013"
}

.fa-trash-o:before {
  content: "\f014"
}

.fa-home:before {
  content: "\f015"
}

.fa-file-o:before {
  content: "\f016"
}

.fa-clock-o:before {
  content: "\f017"
}

.fa-road:before {
  content: "\f018"
}

.fa-download:before {
  content: "\f019"
}

.fa-arrow-circle-o-down:before {
  content: "\f01a"
}

.fa-arrow-circle-o-up:before {
  content: "\f01b"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-play-circle-o:before {
  content: "\f01d"
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"
}

.fa-refresh:before {
  content: "\f021"
}

.fa-list-alt:before {
  content: "\f022"
}

.fa-lock:before {
  content: "\f023"
}

.fa-flag:before {
  content: "\f024"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-volume-down:before {
  content: "\f027"
}

.fa-volume-up:before {
  content: "\f028"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-book:before {
  content: "\f02d"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-print:before {
  content: "\f02f"
}

.fa-camera:before {
  content: "\f030"
}

.fa-font:before {
  content: "\f031"
}

.fa-bold:before {
  content: "\f032"
}

.fa-italic:before {
  content: "\f033"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-list:before {
  content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-video-camera:before {
  content: "\f03d"
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"
}

.fa-pencil:before {
  content: "\f040"
}

.fa-map-marker:before {
  content: "\f041"
}

.fa-adjust:before {
  content: "\f042"
}

.fa-tint:before {
  content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"
}

.fa-share-square-o:before {
  content: "\f045"
}

.fa-check-square-o:before {
  content: "\f046"
}

.fa-arrows:before {
  content: "\f047"
}

.fa-step-backward:before {
  content: "\f048"
}

.fa-fast-backward:before {
  content: "\f049"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-play:before {
  content: "\f04b"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-fast-forward:before {
  content: "\f050"
}

.fa-step-forward:before {
  content: "\f051"
}

.fa-eject:before {
  content: "\f052"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-minus-circle:before {
  content: "\f056"
}

.fa-times-circle:before {
  content: "\f057"
}

.fa-check-circle:before {
  content: "\f058"
}

.fa-question-circle:before {
  content: "\f059"
}

.fa-info-circle:before {
  content: "\f05a"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-times-circle-o:before {
  content: "\f05c"
}

.fa-check-circle-o:before {
  content: "\f05d"
}

.fa-ban:before {
  content: "\f05e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"
}

.fa-expand:before {
  content: "\f065"
}

.fa-compress:before {
  content: "\f066"
}

.fa-plus:before {
  content: "\f067"
}

.fa-minus:before {
  content: "\f068"
}

.fa-asterisk:before {
  content: "\f069"
}

.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"
}

.fa-plane:before {
  content: "\f072"
}

.fa-calendar:before {
  content: "\f073"
}

.fa-random:before {
  content: "\f074"
}

.fa-comment:before {
  content: "\f075"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-folder:before {
  content: "\f07b"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-arrows-v:before {
  content: "\f07d"
}

.fa-arrows-h:before {
  content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"
}

.fa-twitter-square:before {
  content: "\f081"
}

.fa-facebook-square:before {
  content: "\f082"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-key:before {
  content: "\f084"
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"
}

.fa-comments:before {
  content: "\f086"
}

.fa-thumbs-o-up:before {
  content: "\f087"
}

.fa-thumbs-o-down:before {
  content: "\f088"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-heart-o:before {
  content: "\f08a"
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-linkedin-square:before {
  content: "\f08c"
}

.fa-thumb-tack:before {
  content: "\f08d"
}

.fa-external-link:before {
  content: "\f08e"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-github-square:before {
  content: "\f092"
}

.fa-upload:before {
  content: "\f093"
}

.fa-lemon-o:before {
  content: "\f094"
}

.fa-phone:before {
  content: "\f095"
}

.fa-square-o:before {
  content: "\f096"
}

.fa-bookmark-o:before {
  content: "\f097"
}

.fa-phone-square:before {
  content: "\f098"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a"
}

.fa-github:before {
  content: "\f09b"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-credit-card:before {
  content: "\f09d"
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e"
}

.fa-hdd-o:before {
  content: "\f0a0"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-hand-o-right:before {
  content: "\f0a4"
}

.fa-hand-o-left:before {
  content: "\f0a5"
}

.fa-hand-o-up:before {
  content: "\f0a6"
}

.fa-hand-o-down:before {
  content: "\f0a7"
}

.fa-arrow-circle-left:before {
  content: "\f0a8"
}

.fa-arrow-circle-right:before {
  content: "\f0a9"
}

.fa-arrow-circle-up:before {
  content: "\f0aa"
}

.fa-arrow-circle-down:before {
  content: "\f0ab"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-tasks:before {
  content: "\f0ae"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-arrows-alt:before {
  content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"
}

.fa-list-ul:before {
  content: "\f0ca"
}

.fa-list-ol:before {
  content: "\f0cb"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magic:before {
  content: "\f0d0"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-pinterest-square:before {
  content: "\f0d3"
}

.fa-google-plus-square:before {
  content: "\f0d4"
}

.fa-google-plus:before {
  content: "\f0d5"
}

.fa-money:before {
  content: "\f0d6"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-columns:before {
  content: "\f0db"
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-linkedin:before {
  content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"
}

.fa-comment-o:before {
  content: "\f0e5"
}

.fa-comments-o:before {
  content: "\f0e6"
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"
}

.fa-lightbulb-o:before {
  content: "\f0eb"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-user-md:before {
  content: "\f0f0"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-bell-o:before {
  content: "\f0a2"
}

.fa-coffee:before {
  content: "\f0f4"
}

.fa-cutlery:before {
  content: "\f0f5"
}

.fa-file-text-o:before {
  content: "\f0f6"
}

.fa-building-o:before {
  content: "\f0f7"
}

.fa-hospital-o:before {
  content: "\f0f8"
}

.fa-ambulance:before {
  content: "\f0f9"
}

.fa-medkit:before {
  content: "\f0fa"
}

.fa-fighter-jet:before {
  content: "\f0fb"
}

.fa-beer:before {
  content: "\f0fc"
}

.fa-h-square:before {
  content: "\f0fd"
}

.fa-plus-square:before {
  content: "\f0fe"
}

.fa-angle-double-left:before {
  content: "\f100"
}

.fa-angle-double-right:before {
  content: "\f101"
}

.fa-angle-double-up:before {
  content: "\f102"
}

.fa-angle-double-down:before {
  content: "\f103"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-desktop:before {
  content: "\f108"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-tablet:before {
  content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"
}

.fa-circle-o:before {
  content: "\f10c"
}

.fa-quote-left:before {
  content: "\f10d"
}

.fa-quote-right:before {
  content: "\f10e"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-circle:before {
  content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-folder-o:before {
  content: "\f114"
}

.fa-folder-open-o:before {
  content: "\f115"
}

.fa-smile-o:before {
  content: "\f118"
}

.fa-frown-o:before {
  content: "\f119"
}

.fa-meh-o:before {
  content: "\f11a"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-keyboard-o:before {
  content: "\f11c"
}

.fa-flag-o:before {
  content: "\f11d"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-code:before {
  content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-crop:before {
  content: "\f125"
}

.fa-code-fork:before {
  content: "\f126"
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"
}

.fa-question:before {
  content: "\f128"
}

.fa-info:before {
  content: "\f129"
}

.fa-exclamation:before {
  content: "\f12a"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-shield:before {
  content: "\f132"
}

.fa-calendar-o:before {
  content: "\f133"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-chevron-circle-left:before {
  content: "\f137"
}

.fa-chevron-circle-right:before {
  content: "\f138"
}

.fa-chevron-circle-up:before {
  content: "\f139"
}

.fa-chevron-circle-down:before {
  content: "\f13a"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-unlock-alt:before {
  content: "\f13e"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-ellipsis-h:before {
  content: "\f141"
}

.fa-ellipsis-v:before {
  content: "\f142"
}

.fa-rss-square:before {
  content: "\f143"
}

.fa-play-circle:before {
  content: "\f144"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-minus-square:before {
  content: "\f146"
}

.fa-minus-square-o:before {
  content: "\f147"
}

.fa-level-up:before {
  content: "\f148"
}

.fa-level-down:before {
  content: "\f149"
}

.fa-check-square:before {
  content: "\f14a"
}

.fa-pencil-square:before {
  content: "\f14b"
}

.fa-external-link-square:before {
  content: "\f14c"
}

.fa-share-square:before {
  content: "\f14d"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153"
}

.fa-gbp:before {
  content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"
}

.fa-won:before,
.fa-krw:before {
  content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"
}

.fa-file:before {
  content: "\f15b"
}

.fa-file-text:before {
  content: "\f15c"
}

.fa-sort-alpha-asc:before {
  content: "\f15d"
}

.fa-sort-alpha-desc:before {
  content: "\f15e"
}

.fa-sort-amount-asc:before {
  content: "\f160"
}

.fa-sort-amount-desc:before {
  content: "\f161"
}

.fa-sort-numeric-asc:before {
  content: "\f162"
}

.fa-sort-numeric-desc:before {
  content: "\f163"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-youtube-square:before {
  content: "\f166"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-xing:before {
  content: "\f168"
}

.fa-xing-square:before {
  content: "\f169"
}

.fa-youtube-play:before {
  content: "\f16a"
}

.fa-dropbox:before {
  content: "\f16b"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-adn:before {
  content: "\f170"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-bitbucket-square:before {
  content: "\f172"
}

.fa-tumblr:before {
  content: "\f173"
}

.fa-tumblr-square:before {
  content: "\f174"
}

.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-apple:before {
  content: "\f179"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-android:before {
  content: "\f17b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-trello:before {
  content: "\f181"
}

.fa-female:before {
  content: "\f182"
}

.fa-male:before {
  content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184"
}

.fa-sun-o:before {
  content: "\f185"
}

.fa-moon-o:before {
  content: "\f186"
}

.fa-archive:before {
  content: "\f187"
}

.fa-bug:before {
  content: "\f188"
}

.fa-vk:before {
  content: "\f189"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-arrow-circle-o-right:before {
  content: "\f18e"
}

.fa-arrow-circle-o-left:before {
  content: "\f190"
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"
}

.fa-dot-circle-o:before {
  content: "\f192"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-vimeo-square:before {
  content: "\f194"
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"
}

.fa-plus-square-o:before {
  content: "\f196"
}

.fa-space-shuttle:before {
  content: "\f197"
}

.fa-slack:before {
  content: "\f198"
}

.fa-envelope-square:before {
  content: "\f199"
}

.fa-wordpress:before {
  content: "\f19a"
}

.fa-openid:before {
  content: "\f19b"
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"
}

.fa-yahoo:before {
  content: "\f19e"
}

.fa-google:before {
  content: "\f1a0"
}

.fa-reddit:before {
  content: "\f1a1"
}

.fa-reddit-square:before {
  content: "\f1a2"
}

.fa-stumbleupon-circle:before {
  content: "\f1a3"
}

.fa-stumbleupon:before {
  content: "\f1a4"
}

.fa-delicious:before {
  content: "\f1a5"
}

.fa-digg:before {
  content: "\f1a6"
}

.fa-pied-piper-pp:before {
  content: "\f1a7"
}

.fa-pied-piper-alt:before {
  content: "\f1a8"
}

.fa-drupal:before {
  content: "\f1a9"
}

.fa-joomla:before {
  content: "\f1aa"
}

.fa-language:before {
  content: "\f1ab"
}

.fa-fax:before {
  content: "\f1ac"
}

.fa-building:before {
  content: "\f1ad"
}

.fa-child:before {
  content: "\f1ae"
}

.fa-paw:before {
  content: "\f1b0"
}

.fa-spoon:before {
  content: "\f1b1"
}

.fa-cube:before {
  content: "\f1b2"
}

.fa-cubes:before {
  content: "\f1b3"
}

.fa-behance:before {
  content: "\f1b4"
}

.fa-behance-square:before {
  content: "\f1b5"
}

.fa-steam:before {
  content: "\f1b6"
}

.fa-steam-square:before {
  content: "\f1b7"
}

.fa-recycle:before {
  content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"
}

.fa-tree:before {
  content: "\f1bb"
}

.fa-spotify:before {
  content: "\f1bc"
}

.fa-deviantart:before {
  content: "\f1bd"
}

.fa-soundcloud:before {
  content: "\f1be"
}

.fa-database:before {
  content: "\f1c0"
}

.fa-file-pdf-o:before {
  content: "\f1c1"
}

.fa-file-word-o:before {
  content: "\f1c2"
}

.fa-file-excel-o:before {
  content: "\f1c3"
}

.fa-file-powerpoint-o:before {
  content: "\f1c4"
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"
}

.fa-file-code-o:before {
  content: "\f1c9"
}

.fa-vine:before {
  content: "\f1ca"
}

.fa-codepen:before {
  content: "\f1cb"
}

.fa-jsfiddle:before {
  content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"
}

.fa-circle-o-notch:before {
  content: "\f1ce"
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0"
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"
}

.fa-git-square:before {
  content: "\f1d2"
}

.fa-git:before {
  content: "\f1d3"
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4"
}

.fa-tencent-weibo:before {
  content: "\f1d5"
}

.fa-qq:before {
  content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"
}

.fa-history:before {
  content: "\f1da"
}

.fa-circle-thin:before {
  content: "\f1db"
}

.fa-header:before {
  content: "\f1dc"
}

.fa-paragraph:before {
  content: "\f1dd"
}

.fa-sliders:before {
  content: "\f1de"
}

.fa-share-alt:before {
  content: "\f1e0"
}

.fa-share-alt-square:before {
  content: "\f1e1"
}

.fa-bomb:before {
  content: "\f1e2"
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"
}

.fa-tty:before {
  content: "\f1e4"
}

.fa-binoculars:before {
  content: "\f1e5"
}

.fa-plug:before {
  content: "\f1e6"
}

.fa-slideshare:before {
  content: "\f1e7"
}

.fa-twitch:before {
  content: "\f1e8"
}

.fa-yelp:before {
  content: "\f1e9"
}

.fa-newspaper-o:before {
  content: "\f1ea"
}

.fa-wifi:before {
  content: "\f1eb"
}

.fa-calculator:before {
  content: "\f1ec"
}

.fa-paypal:before {
  content: "\f1ed"
}

.fa-google-wallet:before {
  content: "\f1ee"
}

.fa-cc-visa:before {
  content: "\f1f0"
}

.fa-cc-mastercard:before {
  content: "\f1f1"
}

.fa-cc-discover:before {
  content: "\f1f2"
}

.fa-cc-amex:before {
  content: "\f1f3"
}

.fa-cc-paypal:before {
  content: "\f1f4"
}

.fa-cc-stripe:before {
  content: "\f1f5"
}

.fa-bell-slash:before {
  content: "\f1f6"
}

.fa-bell-slash-o:before {
  content: "\f1f7"
}

.fa-trash:before {
  content: "\f1f8"
}

.fa-copyright:before {
  content: "\f1f9"
}

.fa-at:before {
  content: "\f1fa"
}

.fa-eyedropper:before {
  content: "\f1fb"
}

.fa-paint-brush:before {
  content: "\f1fc"
}

.fa-birthday-cake:before {
  content: "\f1fd"
}

.fa-area-chart:before {
  content: "\f1fe"
}

.fa-pie-chart:before {
  content: "\f200"
}

.fa-line-chart:before {
  content: "\f201"
}

.fa-lastfm:before {
  content: "\f202"
}

.fa-lastfm-square:before {
  content: "\f203"
}

.fa-toggle-off:before {
  content: "\f204"
}

.fa-toggle-on:before {
  content: "\f205"
}

.fa-bicycle:before {
  content: "\f206"
}

.fa-bus:before {
  content: "\f207"
}

.fa-ioxhost:before {
  content: "\f208"
}

.fa-angellist:before {
  content: "\f209"
}

.fa-cc:before {
  content: "\f20a"
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"
}

.fa-meanpath:before {
  content: "\f20c"
}

.fa-buysellads:before {
  content: "\f20d"
}

.fa-connectdevelop:before {
  content: "\f20e"
}

.fa-dashcube:before {
  content: "\f210"
}

.fa-forumbee:before {
  content: "\f211"
}

.fa-leanpub:before {
  content: "\f212"
}

.fa-sellsy:before {
  content: "\f213"
}

.fa-shirtsinbulk:before {
  content: "\f214"
}

.fa-simplybuilt:before {
  content: "\f215"
}

.fa-skyatlas:before {
  content: "\f216"
}

.fa-cart-plus:before {
  content: "\f217"
}

.fa-cart-arrow-down:before {
  content: "\f218"
}

.fa-diamond:before {
  content: "\f219"
}

.fa-ship:before {
  content: "\f21a"
}

.fa-user-secret:before {
  content: "\f21b"
}

.fa-motorcycle:before {
  content: "\f21c"
}

.fa-street-view:before {
  content: "\f21d"
}

.fa-heartbeat:before {
  content: "\f21e"
}

.fa-venus:before {
  content: "\f221"
}

.fa-mars:before {
  content: "\f222"
}

.fa-mercury:before {
  content: "\f223"
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224"
}

.fa-transgender-alt:before {
  content: "\f225"
}

.fa-venus-double:before {
  content: "\f226"
}

.fa-mars-double:before {
  content: "\f227"
}

.fa-venus-mars:before {
  content: "\f228"
}

.fa-mars-stroke:before {
  content: "\f229"
}

.fa-mars-stroke-v:before {
  content: "\f22a"
}

.fa-mars-stroke-h:before {
  content: "\f22b"
}

.fa-neuter:before {
  content: "\f22c"
}

.fa-genderless:before {
  content: "\f22d"
}

.fa-facebook-official:before {
  content: "\f230"
}

.fa-pinterest-p:before {
  content: "\f231"
}

.fa-whatsapp:before {
  content: "\f232"
}

.fa-server:before {
  content: "\f233"
}

.fa-user-plus:before {
  content: "\f234"
}

.fa-user-times:before {
  content: "\f235"
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236"
}

.fa-viacoin:before {
  content: "\f237"
}

.fa-train:before {
  content: "\f238"
}

.fa-subway:before {
  content: "\f239"
}

.fa-medium:before {
  content: "\f23a"
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b"
}

.fa-optin-monster:before {
  content: "\f23c"
}

.fa-opencart:before {
  content: "\f23d"
}

.fa-expeditedssl:before {
  content: "\f23e"
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241"
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"
}

.fa-mouse-pointer:before {
  content: "\f245"
}

.fa-i-cursor:before {
  content: "\f246"
}

.fa-object-group:before {
  content: "\f247"
}

.fa-object-ungroup:before {
  content: "\f248"
}

.fa-sticky-note:before {
  content: "\f249"
}

.fa-sticky-note-o:before {
  content: "\f24a"
}

.fa-cc-jcb:before {
  content: "\f24b"
}

.fa-cc-diners-club:before {
  content: "\f24c"
}

.fa-clone:before {
  content: "\f24d"
}

.fa-balance-scale:before {
  content: "\f24e"
}

.fa-hourglass-o:before {
  content: "\f250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"
}

.fa-hourglass:before {
  content: "\f254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255"
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256"
}

.fa-hand-scissors-o:before {
  content: "\f257"
}

.fa-hand-lizard-o:before {
  content: "\f258"
}

.fa-hand-spock-o:before {
  content: "\f259"
}

.fa-hand-pointer-o:before {
  content: "\f25a"
}

.fa-hand-peace-o:before {
  content: "\f25b"
}

.fa-trademark:before {
  content: "\f25c"
}

.fa-registered:before {
  content: "\f25d"
}

.fa-creative-commons:before {
  content: "\f25e"
}

.fa-gg:before {
  content: "\f260"
}

.fa-gg-circle:before {
  content: "\f261"
}

.fa-tripadvisor:before {
  content: "\f262"
}

.fa-odnoklassniki:before {
  content: "\f263"
}

.fa-odnoklassniki-square:before {
  content: "\f264"
}

.fa-get-pocket:before {
  content: "\f265"
}

.fa-wikipedia-w:before {
  content: "\f266"
}

.fa-safari:before {
  content: "\f267"
}

.fa-chrome:before {
  content: "\f268"
}

.fa-firefox:before {
  content: "\f269"
}

.fa-opera:before {
  content: "\f26a"
}

.fa-internet-explorer:before {
  content: "\f26b"
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c"
}

.fa-contao:before {
  content: "\f26d"
}

.fa-500px:before {
  content: "\f26e"
}

.fa-amazon:before {
  content: "\f270"
}

.fa-calendar-plus-o:before {
  content: "\f271"
}

.fa-calendar-minus-o:before {
  content: "\f272"
}

.fa-calendar-times-o:before {
  content: "\f273"
}

.fa-calendar-check-o:before {
  content: "\f274"
}

.fa-industry:before {
  content: "\f275"
}

.fa-map-pin:before {
  content: "\f276"
}

.fa-map-signs:before {
  content: "\f277"
}

.fa-map-o:before {
  content: "\f278"
}

.fa-map:before {
  content: "\f279"
}

.fa-commenting:before {
  content: "\f27a"
}

.fa-commenting-o:before {
  content: "\f27b"
}

.fa-houzz:before {
  content: "\f27c"
}

.fa-vimeo:before {
  content: "\f27d"
}

.fa-black-tie:before {
  content: "\f27e"
}

.fa-fonticons:before {
  content: "\f280"
}

.fa-reddit-alien:before {
  content: "\f281"
}

.fa-edge:before {
  content: "\f282"
}

.fa-credit-card-alt:before {
  content: "\f283"
}

.fa-codiepie:before {
  content: "\f284"
}

.fa-modx:before {
  content: "\f285"
}

.fa-fort-awesome:before {
  content: "\f286"
}

.fa-usb:before {
  content: "\f287"
}

.fa-product-hunt:before {
  content: "\f288"
}

.fa-mixcloud:before {
  content: "\f289"
}

.fa-scribd:before {
  content: "\f28a"
}

.fa-pause-circle:before {
  content: "\f28b"
}

.fa-pause-circle-o:before {
  content: "\f28c"
}

.fa-stop-circle:before {
  content: "\f28d"
}

.fa-stop-circle-o:before {
  content: "\f28e"
}

.fa-shopping-bag:before {
  content: "\f290"
}

.fa-shopping-basket:before {
  content: "\f291"
}

.fa-hashtag:before {
  content: "\f292"
}

.fa-bluetooth:before {
  content: "\f293"
}

.fa-bluetooth-b:before {
  content: "\f294"
}

.fa-percent:before {
  content: "\f295"
}

.fa-gitlab:before {
  content: "\f296"
}

.fa-wpbeginner:before {
  content: "\f297"
}

.fa-wpforms:before {
  content: "\f298"
}

.fa-envira:before {
  content: "\f299"
}

.fa-universal-access:before {
  content: "\f29a"
}

.fa-wheelchair-alt:before {
  content: "\f29b"
}

.fa-question-circle-o:before {
  content: "\f29c"
}

.fa-blind:before {
  content: "\f29d"
}

.fa-audio-description:before {
  content: "\f29e"
}

.fa-volume-control-phone:before {
  content: "\f2a0"
}

.fa-braille:before {
  content: "\f2a1"
}

.fa-assistive-listening-systems:before {
  content: "\f2a2"
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4"
}

.fa-glide:before {
  content: "\f2a5"
}

.fa-glide-g:before {
  content: "\f2a6"
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7"
}

.fa-low-vision:before {
  content: "\f2a8"
}

.fa-viadeo:before {
  content: "\f2a9"
}

.fa-viadeo-square:before {
  content: "\f2aa"
}

.fa-snapchat:before {
  content: "\f2ab"
}

.fa-snapchat-ghost:before {
  content: "\f2ac"
}

.fa-snapchat-square:before {
  content: "\f2ad"
}

.fa-pied-piper:before {
  content: "\f2ae"
}

.fa-first-order:before {
  content: "\f2b0"
}

.fa-yoast:before {
  content: "\f2b1"
}

.fa-themeisle:before {
  content: "\f2b2"
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3"
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4"
}

.fa-handshake-o:before {
  content: "\f2b5"
}

.fa-envelope-open:before {
  content: "\f2b6"
}

.fa-envelope-open-o:before {
  content: "\f2b7"
}

.fa-linode:before {
  content: "\f2b8"
}

.fa-address-book:before {
  content: "\f2b9"
}

.fa-address-book-o:before {
  content: "\f2ba"
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb"
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc"
}

.fa-user-circle:before {
  content: "\f2bd"
}

.fa-user-circle-o:before {
  content: "\f2be"
}

.fa-user-o:before {
  content: "\f2c0"
}

.fa-id-badge:before {
  content: "\f2c1"
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2"
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3"
}

.fa-quora:before {
  content: "\f2c4"
}

.fa-free-code-camp:before {
  content: "\f2c5"
}

.fa-telegram:before {
  content: "\f2c6"
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7"
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8"
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9"
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca"
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb"
}

.fa-shower:before {
  content: "\f2cc"
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd"
}

.fa-podcast:before {
  content: "\f2ce"
}

.fa-window-maximize:before {
  content: "\f2d0"
}

.fa-window-minimize:before {
  content: "\f2d1"
}

.fa-window-restore:before {
  content: "\f2d2"
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3"
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4"
}

.fa-bandcamp:before {
  content: "\f2d5"
}

.fa-grav:before {
  content: "\f2d6"
}

.fa-etsy:before {
  content: "\f2d7"
}

.fa-imdb:before {
  content: "\f2d8"
}

.fa-ravelry:before {
  content: "\f2d9"
}

.fa-eercast:before {
  content: "\f2da"
}

.fa-microchip:before {
  content: "\f2db"
}

.fa-snowflake-o:before {
  content: "\f2dc"
}

.fa-superpowers:before {
  content: "\f2dd"
}

.fa-wpexplorer:before {
  content: "\f2de"
}

.fa-meetup:before {
  content: "\f2e0"
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
  font-family: 'bignoodletitlingregular';
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/big_noodle_titling-webfont.eot");
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/big_noodle_titling-webfont.eot?#iefix") format("embedded-opentype"), url("https://www.honor.com/content/dam/honor/common/products/fonts/big_noodle_titling-webfont.woff2") format("woff2"), url("https://www.honor.com/content/dam/honor/common/products/fonts/big_noodle_titling-webfont.woff") format("woff"), url("https://www.honor.com/content/dam/honor/common/products/fonts/big_noodle_titling-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lunaregular';
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/luna-webfont.eot");
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/luna-webfont.eot?#iefix") format("embedded-opentype"), url("https://www.honor.com/content/dam/honor/common/products/fonts/luna-webfont.woff2") format("woff2"), url("https://www.honor.com/content/dam/honor/common/products/fonts/luna-webfont.woff") format("woff"), url("https://www.honor.com/content/dam/honor/common/products/fonts/luna-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'futura_t_lightregular';
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/ufonts.com_futura-t-light-webfont.eot");
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/ufonts.com_futura-t-light-webfont.eot?#iefix") format("embedded-opentype"), url("https://www.honor.com/content/dam/honor/common/products/fonts/ufonts.com_futura-t-light-webfont.woff2") format("woff2"), url("https://www.honor.com/content/dam/honor/common/products/fonts/ufonts.com_futura-t-light-webfont.woff") format("woff"), url("https://www.honor.com/content/dam/honor/common/products/fonts/ufonts.com_futura-t-light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'dead_island';
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/dead-island.eot");
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/dead-island.eot?#iefix") format("embedded-opentype"), url("https://www.honor.com/content/dam/honor/common/products/fonts/dead-island.woff2") format("woff2"), url("https://www.honor.com/content/dam/honor/common/products/fonts/dead-island.woff") format("woff"), url("https://www.honor.com/content/dam/honor/common/products/fonts/dead-island.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open sans';
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/opensans-webfont.eot");
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/opensans-webfont.eot?#iefix") format("embedded-opentype"), url("https://www.honor.com/content/dam/honor/common/products/fonts/opensans-webfont.woff2") format("woff2"), url("https://www.honor.com/content/dam/honor/common/products/fonts/opensans-webfont.woff") format("woff"), url("https://www.honor.com/content/dam/honor/common/products/fonts/opensans-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Century_Gothic';
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/Century_Gothic.eot");
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/Century_Gothic.eot?#iefix") format("embedded-opentype"), url("https://www.honor.com/content/dam/honor/common/products/fonts/Century_Gothic.woff2") format("woff2"), url("https://www.honor.com/content/dam/honor/common/products/fonts/Century_Gothic.woff") format("woff"), url("https://www.honor.com/content/dam/honor/common/products/fonts/Century_Gothic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*@2017.11.22*/

@font-face {
  font-family: 'AmpleSoftLight';
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/AmpleSoft_Light.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AmpleSoftMed';
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/AmpleSoft_Med.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro';
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/DINPro-Regular_13937.ttf");
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/DINPro-Regular_13937.eot") format("embedded-opentype"), url("https://www.honor.com/content/dam/honor/common/products/fonts/DINPro-Regular_13937.woff2") format("woff2"), url("https://www.honor.com/content/dam/honor/common/products/fonts/DINPro-Regular_13937.woff") format("woff"), url("https://www.honor.com/content/dam/honor/common/products/fonts/DINPro-Regular_13937.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BignoodletitlingIndia';
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/big_noodle_titling_oblique.ttf");
  font-weight: normal;
  font-style: normal;
}

/*@2017.12.07*/

@font-face {
  font-family: 'Helvetica-Black-SemiBold';
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/Helvetica-Black-SemiBold.ttf");
  font-weight: normal;
  font-style: normal;
}

/* 补充字体2018.07.24 */
@font-face {
  font-family: 'DIN Condensed';
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/ParaType - DIN Condensed.eot");
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/ParaType - DIN Condensed.eot?#iefix") format("embedded-opentype"), url("https://www.honor.com/content/dam/honor/common/products/fonts/ParaType - DIN Condensed.woff2") format("woff2"), url("https://www.honor.com/content/dam/honor/common/products/fonts/ParaType - DIN Condensed.woff") format("woff"), url("https://www.honor.com/content/dam/honor/common/products/fonts/ParaType - DIN Condensed.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro';
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/DINPro-Regular_13937.eot");
  src: url("https://www.honor.com/content/dam/honor/common/products/fonts/DINPro-Regular_13937.eot?#iefix") format("embedded-opentype"), url("https://www.honor.com/content/dam/honor/common/products/fonts/DINPro-Regular_13937.woff2") format("woff2"), url("https://www.honor.com/content/dam/honor/common/products/fonts/DINPro-Regular_13937.woff") format("woff"), url("https://www.honor.com/content/dam/honor/common/products/fonts/DINPro-Regular_13937.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

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

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

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

[hidden] {
  display: none
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif
}

body {
  margin: 0
}

a:focus {
  outline: thin dotted
}

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

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

h2 {
  font-size: 1.5em;
  margin: 0.83em 0
}

h3 {
  font-size: 1.17em;
  margin: 1em 0
}

h4 {
  font-size: 1em;
  margin: 1.33em 0
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0
}

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

b,
strong {
  font-weight: bold
}

blockquote {
  margin: 1em 40px
}

dfn {
  font-style: italic
}

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

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

p,
pre {
  margin: 0.6em 0
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}

q {
  quotes: none
}

q:before,
q:after {
  content: '';
  content: none
}

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
}

dl,
menu,
ol,
ul {
  margin: 0
}

dd {
  margin: 0 0 0 40px
}

menu,
ol,
ul {
  padding: 0
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic
}

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

figure {
  margin: 0
}

form {
  margin: 0
}

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

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle
}

button,
input {
  line-height: normal
}

button,
select {
  text-transform: none
}

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

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

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px
}

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

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

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

textarea {
  overflow: auto;
  vertical-align: top
}

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

/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=dbf730c7bd0e542fca82)
 * Config saved to config.json and https://gist.github.com/dbf730c7bd0e542fca82
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

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 {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  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"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  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
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important
  }
  a,
  a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: " (" attr(href) ")"
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  tr,
  img {
    page-break-inside: avoid
  }
  img {
    max-width: 100% !important
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3
  }
  h2,
  h3 {
    page-break-after: avoid
  }
  select {
    background: #fff !important
  }
  .navbar {
    display: none
  }
  .btn>.caret,
  .dropup>.btn>.caret {
    border-top-color: #000 !important
  }
  .label {
    border: 1px solid #000
  }
  .table {
    border-collapse: collapse !important
  }
  .table td,
  .table th {
    background-color: #fff !important
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important
  }
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

a {
  color: #337ab7;
  text-decoration: none
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

figure {
  margin: 0
}

img {
  vertical-align: middle
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  display: block;
  max-width: 100%;
  height: auto
}

.img-rounded {
  border-radius: 6px
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto
}

.img-circle {
  border-radius: 50%
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

[role="button"] {
  cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit
}

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: #777
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px
}

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: 10px;
  margin-bottom: 10px
}

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%
}

h1,
.h1 {
  font-size: 36px
}

h2,
.h2 {
  font-size: 30px
}

h3,
.h3 {
  font-size: 24px
}

h4,
.h4 {
  font-size: 18px
}

h5,
.h5 {
  font-size: 14px
}

h6,
.h6 {
  font-size: 12px
}

p {
  margin: 0 0 10px
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4
}

@media (min-width:768px) {
  .lead {
    font-size: 21px
  }
}

small,
.small {
  font-size: 85%
}

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em
}

.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-muted {
  color: #777
}

.text-primary {
  color: #337ab7
}

a.text-primary:hover {
  color: #286090
}

.text-success {
  color: #3c763d
}

a.text-success:hover {
  color: #2b542c
}

.text-info {
  color: #31708f
}

a.text-info:hover {
  color: #245269
}

.text-warning {
  color: #8a6d3b
}

a.text-warning:hover {
  color: #66512c
}

.text-danger {
  color: #a94442
}

a.text-danger:hover {
  color: #843534
}

.bg-primary {
  color: #fff;
  background-color: #337ab7
}

a.bg-primary:hover {
  background-color: #286090
}

.bg-success {
  background-color: #dff0d8
}

a.bg-success:hover {
  background-color: #c1e2b3
}

.bg-info {
  background-color: #d9edf7
}

a.bg-info:hover {
  background-color: #afd9ee
}

.bg-warning {
  background-color: #fcf8e3
}

a.bg-warning:hover {
  background-color: #f7ecb5
}

.bg-danger {
  background-color: #f2dede
}

a.bg-danger:hover {
  background-color: #e4b9b9
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0
}

.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px
}

.list-inline>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px
}

dl {
  margin-top: 0;
  margin-bottom: 20px
}

dt,
dd {
  line-height: 1.42857143
}

dt {
  font-weight: bold
}

dd {
  margin-left: 0
}

@media (min-width:768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  .dl-horizontal dd {
    margin-left: 180px
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777
}

.initialism {
  font-size: 90%;
  text-transform: uppercase
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
  text-align: right
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: ''
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014'
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px
}

@media (min-width:768px) {
  .container {
    width: 730px
  }
}

@media (min-width:992px) {
  .container {
    width: 950px
  }
}

@media (min-width:1200px) {
  .container {
    width: 1150px
  }
}

.container-fluid-new {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px
}

.row-new {
  margin-left: -5px;
  margin-right: -5px
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5-new,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8-new,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12-new,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left
}

.col-xs-12 {
  width: 100%
}

.col-xs-11 {
  width: 91.66666667%
}

.col-xs-10 {
  width: 83.33333333%
}

.col-xs-9 {
  width: 75%
}

.col-xs-8 {
  width: 66.66666667%
}

.col-xs-7 {
  width: 58.33333333%
}

.col-xs-6 {
  width: 50%
}

.col-xs-5 {
  width: 41.66666667%
}

.col-xs-4 {
  width: 33.33333333%
}

.col-xs-3 {
  width: 25%
}

.col-xs-2 {
  width: 16.66666667%
}

.col-xs-1 {
  width: 8.33333333%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-pull-11 {
  right: 91.66666667%
}

.col-xs-pull-10 {
  right: 83.33333333%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-8 {
  right: 66.66666667%
}

.col-xs-pull-7 {
  right: 58.33333333%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-5 {
  right: 41.66666667%
}

.col-xs-pull-4 {
  right: 33.33333333%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-2 {
  right: 16.66666667%
}

.col-xs-pull-1 {
  right: 8.33333333%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-push-11 {
  left: 91.66666667%
}

.col-xs-push-10 {
  left: 83.33333333%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-8 {
  left: 66.66666667%
}

.col-xs-push-7 {
  left: 58.33333333%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-5 {
  left: 41.66666667%
}

.col-xs-push-4 {
  left: 33.33333333%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-2 {
  left: 16.66666667%
}

.col-xs-push-1 {
  left: 8.33333333%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-offset-12 {
  margin-left: 100%
}

.col-xs-offset-11 {
  margin-left: 91.66666667%
}

.col-xs-offset-10 {
  margin-left: 83.33333333%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-8 {
  margin-left: 66.66666667%
}

.col-xs-offset-7 {
  margin-left: 58.33333333%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-5 {
  margin-left: 41.66666667%
}

.col-xs-offset-4 {
  margin-left: 33.33333333%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-2 {
  margin-left: 16.66666667%
}

.col-xs-offset-1 {
  margin-left: 8.33333333%
}

.col-xs-offset-0 {
  margin-left: 0
}

@media (min-width:768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5-new,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8-new,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12-new {
    float: left
  }
  .col-sm-12-new {
    width: 100%
  }
  .col-sm-11 {
    width: 91.66666667%
  }
  .col-sm-10 {
    width: 83.33333333%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-8-new {
    width: 66.66666667%
  }
  .col-sm-7 {
    width: 58.33333333%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-5-new {
    width: 41.66666667%
  }
  .col-sm-4 {
    width: 33.33333333%
  }
  .col-sm-3 {
    width: 25%
  }
  .col-sm-2 {
    width: 16.66666667%
  }
  .col-sm-1 {
    width: 8.33333333%
  }
  .col-sm-pull-12 {
    right: 100%
  }
  .col-sm-pull-11 {
    right: 91.66666667%
  }
  .col-sm-pull-10 {
    right: 83.33333333%
  }
  .col-sm-pull-9 {
    right: 75%
  }
  .col-sm-pull-8 {
    right: 66.66666667%
  }
  .col-sm-pull-7 {
    right: 58.33333333%
  }
  .col-sm-pull-6 {
    right: 50%
  }
  .col-sm-pull-5 {
    right: 41.66666667%
  }
  .col-sm-pull-4 {
    right: 33.33333333%
  }
  .col-sm-pull-3 {
    right: 25%
  }
  .col-sm-pull-2 {
    right: 16.66666667%
  }
  .col-sm-pull-1 {
    right: 8.33333333%
  }
  .col-sm-pull-0 {
    right: auto
  }
  .col-sm-push-12 {
    left: 100%
  }
  .col-sm-push-11 {
    left: 91.66666667%
  }
  .col-sm-push-10 {
    left: 83.33333333%
  }
  .col-sm-push-9 {
    left: 75%
  }
  .col-sm-push-8 {
    left: 66.66666667%
  }
  .col-sm-push-7 {
    left: 58.33333333%
  }
  .col-sm-push-6 {
    left: 50%
  }
  .col-sm-push-5 {
    left: 41.66666667%
  }
  .col-sm-push-4 {
    left: 33.33333333%
  }
  .col-sm-push-3 {
    left: 25%
  }
  .col-sm-push-2 {
    left: 16.66666667%
  }
  .col-sm-push-1 {
    left: 8.33333333%
  }
  .col-sm-push-0 {
    left: auto
  }
  .col-sm-offset-12 {
    margin-left: 100%
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%
  }
  .col-sm-offset-9 {
    margin-left: 75%
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%
  }
  .col-sm-offset-6 {
    margin-left: 50%
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%
  }
  .col-sm-offset-3 {
    margin-left: 25%
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%
  }
  .col-sm-offset-0 {
    margin-left: 0
  }
}

@media (min-width:992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left
  }
  .col-md-12 {
    width: 100%
  }
  .col-md-11 {
    width: 91.66666667%
  }
  .col-md-10 {
    width: 83.33333333%
  }
  .col-md-9 {
    width: 75%
  }
  .col-md-8 {
    width: 66.66666667%
  }
  .col-md-7 {
    width: 58.33333333%
  }
  .col-md-6 {
    width: 50%
  }
  .col-md-5 {
    width: 41.66666667%
  }
  .col-md-4 {
    width: 33.33333333%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-2 {
    width: 16.66666667%
  }
  .col-md-1 {
    width: 8.33333333%
  }
  .col-md-pull-12 {
    right: 100%
  }
  .col-md-pull-11 {
    right: 91.66666667%
  }
  .col-md-pull-10 {
    right: 83.33333333%
  }
  .col-md-pull-9 {
    right: 75%
  }
  .col-md-pull-8 {
    right: 66.66666667%
  }
  .col-md-pull-7 {
    right: 58.33333333%
  }
  .col-md-pull-6 {
    right: 50%
  }
  .col-md-pull-5 {
    right: 41.66666667%
  }
  .col-md-pull-4 {
    right: 33.33333333%
  }
  .col-md-pull-3 {
    right: 25%
  }
  .col-md-pull-2 {
    right: 16.66666667%
  }
  .col-md-pull-1 {
    right: 8.33333333%
  }
  .col-md-pull-0 {
    right: auto
  }
  .col-md-push-12 {
    left: 100%
  }
  .col-md-push-11 {
    left: 91.66666667%
  }
  .col-md-push-10 {
    left: 83.33333333%
  }
  .col-md-push-9 {
    left: 75%
  }
  .col-md-push-8 {
    left: 66.66666667%
  }
  .col-md-push-7 {
    left: 58.33333333%
  }
  .col-md-push-6 {
    left: 50%
  }
  .col-md-push-5 {
    left: 41.66666667%
  }
  .col-md-push-4 {
    left: 33.33333333%
  }
  .col-md-push-3 {
    left: 25%
  }
  .col-md-push-2 {
    left: 16.66666667%
  }
  .col-md-push-1 {
    left: 8.33333333%
  }
  .col-md-push-0 {
    left: auto
  }
  .col-md-offset-12 {
    margin-left: 100%
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%
  }
  .col-md-offset-0 {
    margin-left: 0
  }
}

@media (min-width:1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left
  }
  .col-lg-12 {
    width: 100%
  }
  .col-lg-11 {
    width: 91.66666667%
  }
  .col-lg-10 {
    width: 83.33333333%
  }
  .col-lg-9 {
    width: 75%
  }
  .col-lg-8 {
    width: 66.66666667%
  }
  .col-lg-7 {
    width: 58.33333333%
  }
  .col-lg-6 {
    width: 50%
  }
  .col-lg-5 {
    width: 41.66666667%
  }
  .col-lg-4 {
    width: 33.33333333%
  }
  .col-lg-3 {
    width: 25%
  }
  .col-lg-2 {
    width: 16.66666667%
  }
  .col-lg-1 {
    width: 8.33333333%
  }
  .col-lg-pull-12 {
    right: 100%
  }
  .col-lg-pull-11 {
    right: 91.66666667%
  }
  .col-lg-pull-10 {
    right: 83.33333333%
  }
  .col-lg-pull-9 {
    right: 75%
  }
  .col-lg-pull-8 {
    right: 66.66666667%
  }
  .col-lg-pull-7 {
    right: 58.33333333%
  }
  .col-lg-pull-6 {
    right: 50%
  }
  .col-lg-pull-5 {
    right: 41.66666667%
  }
  .col-lg-pull-4 {
    right: 33.33333333%
  }
  .col-lg-pull-3 {
    right: 25%
  }
  .col-lg-pull-2 {
    right: 16.66666667%
  }
  .col-lg-pull-1 {
    right: 8.33333333%
  }
  .col-lg-pull-0 {
    right: auto
  }
  .col-lg-push-12 {
    left: 100%
  }
  .col-lg-push-11 {
    left: 91.66666667%
  }
  .col-lg-push-10 {
    left: 83.33333333%
  }
  .col-lg-push-9 {
    left: 75%
  }
  .col-lg-push-8 {
    left: 66.66666667%
  }
  .col-lg-push-7 {
    left: 58.33333333%
  }
  .col-lg-push-6 {
    left: 50%
  }
  .col-lg-push-5 {
    left: 41.66666667%
  }
  .col-lg-push-4 {
    left: 33.33333333%
  }
  .col-lg-push-3 {
    left: 25%
  }
  .col-lg-push-2 {
    left: 16.66666667%
  }
  .col-lg-push-1 {
    left: 8.33333333%
  }
  .col-lg-push-0 {
    left: auto
  }
  .col-lg-offset-12 {
    margin-left: 100%
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%
  }
  .col-lg-offset-9 {
    margin-left: 75%
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%
  }
  .col-lg-offset-6 {
    margin-left: 50%
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%
  }
  .col-lg-offset-3 {
    margin-left: 25%
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%
  }
  .col-lg-offset-0 {
    margin-left: 0
  }
}

table {
  background-color: transparent
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left
}

th {
  text-align: left
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd
}

.table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
  border-top: 0
}

.table>tbody+tbody {
  border-top: 2px solid #ddd
}

.table .table {
  background-color: #fff
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
  padding: 5px
}

.table-bordered {
  border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
  border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
  border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
  background-color: #f5f5f5
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
  background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
  background-color: #e8e8e8
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
  background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
  background-color: #d0e9c6
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
  background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
  background-color: #c4e3f3
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
  background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
  background-color: #faf2cc
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
  background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
  background-color: #ebcccc
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%
}

@media screen and (max-width:767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd
  }
  .table-responsive>.table {
    margin-bottom: 0
  }
  .table-responsive>.table>thead>tr>th,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tfoot>tr>td {
    white-space: nowrap
  }
  .table-responsive>.table-bordered {
    border: 0
  }
  .table-responsive>.table-bordered>thead>tr>th:first-child,
  .table-responsive>.table-bordered>tbody>tr>th:first-child,
  .table-responsive>.table-bordered>tfoot>tr>th:first-child,
  .table-responsive>.table-bordered>thead>tr>td:first-child,
  .table-responsive>.table-bordered>tbody>tr>td:first-child,
  .table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
  }
  .table-responsive>.table-bordered>thead>tr>th:last-child,
  .table-responsive>.table-bordered>tbody>tr>th:last-child,
  .table-responsive>.table-bordered>tfoot>tr>th:last-child,
  .table-responsive>.table-bordered>thead>tr>td:last-child,
  .table-responsive>.table-bordered>tbody>tr>td:last-child,
  .table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
  }
  .table-responsive>.table-bordered>tbody>tr:last-child>th,
  .table-responsive>.table-bordered>tfoot>tr:last-child>th,
  .table-responsive>.table-bordered>tbody>tr:last-child>td,
  .table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal
}

input[type="file"] {
  display: block
}

input[type="range"] {
  display: block;
  width: 100%
}

select[multiple],
select[size] {
  height: auto
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #999
}

.form-control::-webkit-input-placeholder {
  color: #999
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed
}

textarea.form-control {
  height: auto
}

input[type="search"] {
  -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px
  }
}

.form-group {
  margin-bottom: 15px
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9
}

.radio+.radio,
.checkbox+.checkbox {
  margin-top: -5px
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
  margin-top: 0;
  margin-left: 10px
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

select.input-sm {
  height: 30px;
  line-height: 30px
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px
}

textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  height: auto
}

.form-group-sm .form-control-static {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  min-height: 32px
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}

select.input-lg {
  height: 46px;
  line-height: 46px
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}

select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px
}

textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  height: auto
}

.form-group-lg .form-control-static {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  min-height: 38px
}

.has-feedback {
  position: relative
}

.has-feedback .form-control {
  padding-right: 42.5px
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none
}

.input-lg+.form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px
}

.input-sm+.form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8
}

.has-success .form-control-feedback {
  color: #3c763d
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3
}

.has-warning .form-control-feedback {
  color: #8a6d3b
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede
}

.has-error .form-control-feedback {
  color: #a94442
}

.has-feedback label~.form-control-feedback {
  top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
  top: 0
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373
}

@media (min-width:768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }
  .form-inline .form-control-static {
    display: inline-block
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto
  }
  .form-inline .input-group>.form-control {
    width: 100%
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px
}

.form-horizontal .form-group {
  margin-left: -5px;
  margin-right: -5px
}

@media (min-width:768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 5px
}

@media (min-width:768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px
  }
}

@media (min-width:768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none
}

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
  background-image: none
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc
}

.btn-default .badge {
  color: #fff;
  background-color: #333
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  background-image: none
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
  background-image: none
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
  background-image: none
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
  background-image: none
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
  background-image: none
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff
}

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent
}

.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none
}

.btn-lg,
.btn-group-lg>.btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}

.btn-sm,
.btn-group-sm>.btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-xs,
.btn-group-xs>.btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: 5px
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.fade.in {
  opacity: 1
}

.collapse {
  display: none
}

.collapse.in {
  display: block
}

tr.collapse.in {
  display: table-row
}

tbody.collapse.in {
  display: table-row-group
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.dropup,
.dropdown {
  position: relative
}

.dropdown-toggle:focus {
  outline: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  color: #777
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed
}

.open>.dropdown-menu {
  display: block
}

.open>a {
  outline: 0
}

.dropdown-menu-right {
  left: auto;
  right: 0
}

.dropdown-menu-left {
  left: 0;
  right: auto
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px
}

@media (min-width:768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
  position: relative;
  float: left
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
  z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
  margin-left: -1px
}

.btn-toolbar {
  margin-left: -5px
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
  margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0
}

.btn-group>.btn:first-child {
  margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.btn-group>.btn-group {
  float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0
}

.btn-group>.btn+.dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn .caret {
  margin-left: 0
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
  float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
  margin-top: -1px;
  margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
  border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
  float: none;
  display: table-cell;
  width: 1%
}

.btn-group-justified>.btn-group .btn {
  width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
  left: auto
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
  height: 46px;
  line-height: 46px
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
  height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
  height: 30px;
  line-height: 30px
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
  height: auto
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group-addon:first-child {
  border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.input-group-addon:last-child {
  border-left: 0
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap
}

.input-group-btn>.btn {
  position: relative
}

.input-group-btn>.btn+.btn {
  margin-left: -1px
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
  z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
  margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
  margin-left: -1px
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none
}

.nav>li {
  position: relative;
  display: block
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px
}

.nav>li>a:hover,
.nav>li>a:focus {
  text-decoration: none;
  background-color: #eee
}

.nav>li.disabled>a {
  color: #777
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
  color: #777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background-color: #eee;
  border-color: #337ab7
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.nav>li>a>img {
  max-width: none
}

.nav-tabs {
  border-bottom: 1px solid #ddd
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px
}

.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0
}

.nav-tabs.nav-justified>li {
  float: none
}

.nav-tabs.nav-justified>li>a {
  text-align: center;
  margin-bottom: 5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
  top: auto;
  left: auto
}

@media (min-width:768px) {
  .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%
  }
  .nav-tabs.nav-justified>li>a {
    margin-bottom: 0
  }
}

.nav-tabs.nav-justified>li>a {
  margin-right: 0;
  border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
  border: 1px solid #ddd
}

@media (min-width:768px) {
  .nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0
  }
  .nav-tabs.nav-justified>.active>a,
  .nav-tabs.nav-justified>.active>a:hover,
  .nav-tabs.nav-justified>.active>a:focus {
    border-bottom-color: #fff
  }
}

.nav-pills>li {
  float: left
}

.nav-pills>li>a {
  border-radius: 4px
}

.nav-pills>li+li {
  margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  color: #fff;
  background-color: #337ab7
}

.nav-stacked>li {
  float: none
}

.nav-stacked>li+li {
  margin-top: 2px;
  margin-left: 0
}

.nav-justified {
  width: 100%
}

.nav-justified>li {
  float: none
}

.nav-justified>li>a {
  text-align: center;
  margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
  top: auto;
  left: auto
}

@media (min-width:768px) {
  .nav-justified>li {
    display: table-cell;
    width: 1%
  }
  .nav-justified>li>a {
    margin-bottom: 0
  }
}

.nav-tabs-justified {
  border-bottom: 0
}

.nav-tabs-justified>li>a {
  margin-right: 0;
  border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
  border: 1px solid #ddd
}

@media (min-width:768px) {
  .nav-tabs-justified>li>a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0
  }
  .nav-tabs-justified>.active>a,
  .nav-tabs-justified>.active>a:hover,
  .nav-tabs-justified>.active>a:focus {
    border-bottom-color: #fff
  }
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent
}

@media (min-width:768px) {
  .navbar {
    border-radius: 4px
  }
}

@media (min-width:768px) {
  .navbar-header {
    float: left
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 5px;
  padding-left: 5px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
  overflow-y: auto
}

@media (min-width:768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important
  }
  .navbar-collapse.in {
    overflow-y: visible
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px
  }
}

.container>.navbar-header,
.container-fluid-new>.navbar-header,
.container>.navbar-collapse,
.container-fluid-new>.navbar-collapse {
  margin-right: -5px;
  margin-left: -5px
}

@media (min-width:768px) {
  .container>.navbar-header,
  .container-fluid-new>.navbar-header,
  .container>.navbar-collapse,
  .container-fluid-new>.navbar-collapse {
    margin-right: 0;
    margin-left: 0
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px
}

@media (min-width:768px) {
  .navbar-static-top {
    border-radius: 0
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}

@media (min-width:768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0
}

.navbar-brand {
  float: left;
  padding: 15px 5px;
  font-size: 18px;
  line-height: 20px;
  height: 50px
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none
}

.navbar-brand>img {
  display: block
}

@media (min-width:768px) {
  .navbar>.container .navbar-brand,
  .navbar>.container-fluid-new .navbar-brand {
    margin-left: -5px
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 5px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.navbar-toggle:focus {
  outline: 0
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px
}

@media (min-width:768px) {
  .navbar-toggle {
    display: none
  }
}

.navbar-nav {
  margin: 7.5px -5px
}

.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px
}

@media (max-width:767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  .navbar-nav .open .dropdown-menu>li>a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px
  }
  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 20px
  }
  .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-nav .open .dropdown-menu>li>a:focus {
    background-image: none
  }
}

@media (min-width:768px) {
  .navbar-nav {
    float: left;
    margin: 0
  }
  .navbar-nav>li {
    float: left
  }
  .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.navbar-form {
  margin-left: -5px;
  margin-right: -5px;
  padding: 10px 5px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px
}

@media (min-width:768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }
  .navbar-form .form-control-static {
    display: inline-block
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto
  }
  .navbar-form .input-group>.form-control {
    width: 100%
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0
  }
}

@media (max-width:767px) {
  .navbar-form .form-group {
    margin-bottom: 5px
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0
  }
}

@media (min-width:768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px
}

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px
}

@media (min-width:768px) {
  .navbar-text {
    float: left;
    margin-left: 5px;
    margin-right: 5px
  }
}

@media (min-width:768px) {
  .navbar-left {
    float: left !important
  }
  .navbar-right {
    float: right !important;
    margin-right: -5px
  }
  .navbar-right~.navbar-right {
    margin-right: 0
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7
}

.navbar-default .navbar-brand {
  color: #777
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent
}

.navbar-default .navbar-text {
  color: #777
}

.navbar-default .navbar-nav>li>a {
  color: #777
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: #333;
  background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
  color: #555;
  background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
  color: #ccc;
  background-color: transparent
}

.navbar-default .navbar-toggle {
  border-color: #ddd
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  background-color: #e7e7e7;
  color: #555
}

@media (max-width:767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #333;
    background-color: transparent
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
  }
}

.navbar-default .navbar-link {
  color: #777
}

.navbar-default .navbar-link:hover {
  color: #333
}

.navbar-default .btn-link {
  color: #777
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc
}

.navbar-inverse {
  background-color: #222;
  border-color: #080808
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent
}

.navbar-inverse .navbar-text {
  color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
  color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
  color: #fff;
  background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
  color: #fff;
  background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
  color: #444;
  background-color: transparent
}

.navbar-inverse .navbar-toggle {
  border-color: #333
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #080808;
  color: #fff
}

@media (max-width:767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color: #080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #9d9d9d
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #fff;
    background-color: transparent
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #fff;
    background-color: #080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #444;
    background-color: transparent
  }
}

.navbar-inverse .navbar-link {
  color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
  color: #fff
}

.navbar-inverse .btn-link {
  color: #9d9d9d
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff
}

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px
}

.breadcrumb>li {
  display: inline-block
}

.breadcrumb>li+li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc
}

.breadcrumb>.active {
  color: #777
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px
}

.pagination>li {
  display: inline
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
  color: #777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 18px
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
  padding: 5px 10px;
  font-size: 12px
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center
}

.pager li {
  display: inline
}

.pager li>a,
.pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px
}

.pager li>a:hover,
.pager li>a:focus {
  text-decoration: none;
  background-color: #eee
}

.pager .next>a,
.pager .next>span {
  float: right
}

.pager .previous>a,
.pager .previous>span {
  float: left
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
  color: #777;
  background-color: #fff;
  cursor: not-allowed
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em
}

a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

.label:empty {
  display: none
}

.btn .label {
  position: relative;
  top: -1px
}

.label-default {
  background-color: #777
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e
}

.label-primary {
  background-color: #337ab7
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090
}

.label-success {
  background-color: #5cb85c
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44
}

.label-info {
  background-color: #5bc0de
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5
}

.label-warning {
  background-color: #f0ad4e
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f
}

.label-danger {
  background-color: #d9534f
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777;
  border-radius: 10px
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.btn-xs .badge,
.btn-group-xs>.btn .badge {
  top: 0;
  padding: 1px 5px
}

a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
  color: #337ab7;
  background-color: #fff
}

.list-group-item>.badge {
  float: right
}

.list-group-item>.badge+.badge {
  margin-right: 5px
}

.nav-pills>li>a>.badge {
  margin-left: 3px
}

.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee
}

.jumbotron h1,
.jumbotron .h1 {
  color: inherit
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200
}

.jumbotron>hr {
  border-top-color: #d5d5d5
}

.container .jumbotron,
.container-fluid-new .jumbotron {
  border-radius: 6px
}

.jumbotron .container {
  max-width: 100%
}

@media screen and (min-width:768px) {
  .jumbotron {
    padding: 48px 0
  }
  .container .jumbotron,
  .container-fluid-new .jumbotron {
    padding-left: 60px;
    padding-right: 60px
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img {
  margin-left: auto;
  margin-right: auto
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7
}

.thumbnail .caption {
  padding: 9px;
  color: #333
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px
}

.alert h4 {
  margin-top: 0;
  color: inherit
}

.alert .alert-link {
  font-weight: bold
}

.alert>p,
.alert>ul {
  margin-bottom: 0
}

.alert>p+p {
  margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d
}

.alert-success hr {
  border-top-color: #c9e2b3
}

.alert-success .alert-link {
  color: #2b542c
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f
}

.alert-info hr {
  border-top-color: #a6e1ec
}

.alert-info .alert-link {
  color: #245269
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b
}

.alert-warning hr {
  border-top-color: #f7e1b5
}

.alert-warning .alert-link {
  color: #66512c
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442
}

.alert-danger hr {
  border-top-color: #e4b9c0
}

.alert-danger .alert-link {
  color: #843534
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
  background-color: #5cb85c
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
  background-color: #5bc0de
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
  background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
  background-color: #d9534f
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media {
  margin-top: 15px
}

.media:first-child {
  margin-top: 0
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden
}

.media-body {
  width: 10000px
}

.media-object {
  display: block
}

.media-right,
.media>.pull-right {
  padding-left: 10px
}

.media-left,
.media>.pull-left {
  padding-right: 10px
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top
}

.media-middle {
  vertical-align: middle
}

.media-bottom {
  vertical-align: bottom
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px
}

.media-list {
  padding-left: 0;
  list-style: none
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

a.list-group-item {
  color: #555
}

a.list-group-item .list-group-item-heading {
  color: #333
}

a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eee;
  color: #777;
  cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
  color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8
}

a.list-group-item-success {
  color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
  color: inherit
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7
}

a.list-group-item-info {
  color: #31708f
}

a.list-group-item-info .list-group-item-heading {
  color: inherit
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3
}

a.list-group-item-warning {
  color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
  color: inherit
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede
}

a.list-group-item-danger {
  color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
  color: inherit
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
  padding: 15px
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
  color: inherit
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
  color: inherit
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
  margin-bottom: 0
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0
}

.list-group+.panel-footer {
  border-top-width: 0
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
  margin-bottom: 0
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
  padding-left: 15px;
  padding-right: 15px
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
  border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
  border-top-right-radius: 3px
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
  border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
  border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
  border: 0
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
  border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
  border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
  border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
  border-bottom: 0
}

.panel>.table-responsive {
  border: 0;
  margin-bottom: 0
}

.panel-group {
  margin-bottom: 20px
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px
}

.panel-group .panel+.panel {
  margin-top: 5px
}

.panel-group .panel-heading {
  border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
  border-top: 1px solid #ddd
}

.panel-group .panel-footer {
  border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #ddd
}

.panel-default {
  border-color: #ddd
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ddd
}

.panel-primary {
  border-color: #337ab7
}

.panel-primary>.panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
  color: #337ab7;
  background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #337ab7
}

.panel-success {
  border-color: #d6e9c6
}

.panel-success>.panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6
}

.panel-info {
  border-color: #bce8f1
}

.panel-info>.panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bce8f1
}

.panel-warning {
  border-color: #faebcc
}

.panel-warning>.panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #faebcc
}

.panel-danger {
  border-color: #ebccd1
}

.panel-danger>.panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
  color: #f2dede;
  background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ebccd1
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%
}

.embed-responsive-4by3 {
  padding-bottom: 75%
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15)
}

.well-lg {
  padding: 24px;
  border-radius: 6px
}

.well-sm {
  padding: 9px;
  border-radius: 3px
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20)
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
  filter: alpha(opacity=50)
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none
}

.modal-new-open {
  overflow: hidden
}

.modal-new {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0
}

.modal-new.fade .modal-new-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out
}

.modal-new.in .modal-new-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0)
}

.modal-new-open .modal-new {
  overflow-x: hidden;
  overflow-y: auto
}

.modal-new-dialog {
  position: relative;
  width: auto;
  margin: 10px
}

.modal-new-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0
}

.modal-new-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modal-new-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0)
}

.modal-new-backdrop.in {
  opacity: .5;
  filter: alpha(opacity=50)
}

.modal-new-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px
}

.modal-new-header .close {
  margin-top: -2px
}

.modal-new-title {
  margin: 0;
  line-height: 1.42857143
}

.modal-new-body {
  position: relative;
  padding: 15px
}

.modal-new-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5
}

.modal-new-footer .btn+.btn {
  margin-left: 5px;
  margin-bottom: 0
}

.modal-new-footer .btn-group .btn+.btn {
  margin-left: -1px
}

.modal-new-footer .btn-block+.btn-block {
  margin-left: 0
}

.modal-new-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

@media (min-width:768px) {
  .modal-new-dialog {
    width: 600px;
    margin: 30px auto
  }
  .modal-new-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
  }
  .modal-new-sm {
    width: 300px
  }
}

@media (min-width:992px) {
  .modal-new-lg {
    width: 900px
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0)
}

.tooltip.in {
  opacity: .9;
  filter: alpha(opacity=90)
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal
}

.popover.top {
  margin-top: -10px
}

.popover.right {
  margin-left: 10px
}

.popover.bottom {
  margin-top: 10px
}

.popover.left {
  margin-left: -10px
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0
}

.popover-content {
  padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover>.arrow {
  border-width: 11px
}

.popover>.arrow:after {
  border-width: 10px;
  content: ""
}

.popover.top>.arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px
}

.popover.top>.arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff
}

.popover.right>.arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right>.arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff
}

.popover.bottom>.arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px
}

.popover.bottom>.arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff
}

.popover.left>.arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left>.arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px
}

.carousel {
  position: relative
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%
}

.carousel-inner>.item {
  display: none;
  position: relative;
  -webkit-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner>.item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000
  }
  .carousel-inner>.item.next,
  .carousel-inner>.item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0
  }
  .carousel-inner>.item.prev,
  .carousel-inner>.item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0
  }
  .carousel-inner>.item.next.left,
  .carousel-inner>.item.prev.right,
  .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0
  }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
  display: block
}

.carousel-inner>.active {
  left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
  position: absolute;
  top: 0;
  width: 100%
}

.carousel-inner>.next {
  left: 100%
}

.carousel-inner>.prev {
  left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
  left: 0
}

.carousel-inner>.active.left {
  left: -100%
}

.carousel-inner>.active.right {
  left: 100%
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90)
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  line-height: 1;
  font-family: serif
}

.carousel-control .icon-prev:before {
  content: '\2039'
}

.carousel-control .icon-next:before {
  content: '\203a'
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0)
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
  text-shadow: none
}

@media screen and (min-width:768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px
  }
  .carousel-indicators {
    bottom: 20px
  }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid-new:before,
.container-fluid-new:after,
.row-new:before,
.row-new:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-new-footer:before,
.modal-new-footer:after {
  content: " ";
  display: table
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid-new:after,
.row-new:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-new-footer:after {
  clear: both
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.pull-right {
  float: right !important
}

.pull-left {
  float: left !important
}

.hide {
  display: none !important
}

.show {
  display: block !important
}

.invisible {
  visibility: hidden
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.hidden {
  display: none !important
}

.affix {
  position: fixed
}

@-ms-viewport {
  width: device-width
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important
}

@media (max-width:767px) {
  .visible-xs {
    display: block !important
  }
  table.visible-xs {
    display: table
  }
  tr.visible-xs {
    display: table-row !important
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important
  }
}

@media (max-width:767px) {
  .visible-xs-block {
    display: block !important
  }
}

@media (max-width:767px) {
  .visible-xs-inline {
    display: inline !important
  }
}

@media (max-width:767px) {
  .visible-xs-inline-block {
    display: inline-block !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm {
    display: block !important
  }
  table.visible-sm {
    display: table
  }
  tr.visible-sm {
    display: table-row !important
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm-block {
    display: block !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm-inline {
    display: inline !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .visible-sm-inline-block {
    display: inline-block !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md {
    display: block !important
  }
  table.visible-md {
    display: table
  }
  tr.visible-md {
    display: table-row !important
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md-block {
    display: block !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md-inline {
    display: inline !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md-inline-block {
    display: inline-block !important
  }
}

@media (min-width:1200px) {
  .visible-lg {
    display: block !important
  }
  table.visible-lg {
    display: table
  }
  tr.visible-lg {
    display: table-row !important
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important
  }
}

@media (min-width:1200px) {
  .visible-lg-block {
    display: block !important
  }
}

@media (min-width:1200px) {
  .visible-lg-inline {
    display: inline !important
  }
}

@media (min-width:1200px) {
  .visible-lg-inline-block {
    display: inline-block !important
  }
}

@media (max-width:767px) {
  .hidden-xs {
    display: none !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none !important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none !important
  }
}

@media (min-width:1200px) {
  .hidden-lg {
    display: none !important
  }
}

.visible-print {
  display: none !important
}

@media print {
  .visible-print {
    display: block !important
  }
  table.visible-print {
    display: table
  }
  tr.visible-print {
    display: table-row !important
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important
  }
}

.visible-print-block {
  display: none !important
}

@media print {
  .visible-print-block {
    display: block !important
  }
}

.visible-print-inline {
  display: none !important
}

@media print {
  .visible-print-inline {
    display: inline !important
  }
}

.visible-print-inline-block {
  display: none !important
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important
  }
}

@media print {
  .hidden-print {
    display: none !important
  }
}

/*!
 * Jasny Bootstrap v3.1.3 (http://jasny.github.io/bootstrap)
 * Copyright 2012-2014 Arnold Daniels
 * Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE)
 */

.container-smooth {
  max-width: 1170px
}

@media (min-width:1px) {
  .container-smooth {
    width: auto
  }
}

.btn-labeled {
  padding-top: 0;
  padding-bottom: 0
}

.btn-label {
  position: relative;
  background: 0 0;
  background: rgba(0, 0, 0, .15);
  display: inline-block;
  padding: 6px 12px;
  left: -12px;
  border-radius: 3px 0 0 3px
}

.btn-label.btn-label-right {
  left: auto;
  right: -12px;
  border-radius: 0 3px 3px 0
}

.btn-lg .btn-label {
  padding: 10px 16px;
  left: -16px;
  border-radius: 5px 0 0 5px
}

.btn-lg .btn-label.btn-label-right {
  left: auto;
  right: -16px;
  border-radius: 0 5px 5px 0
}

.btn-sm .btn-label {
  padding: 5px 10px;
  left: -10px;
  border-radius: 2px 0 0 2px
}

.btn-sm .btn-label.btn-label-right {
  left: auto;
  right: -10px;
  border-radius: 0 2px 2px 0
}

.btn-xs .btn-label {
  padding: 1px 5px;
  left: -5px;
  border-radius: 2px 0 0 2px
}

.btn-xs .btn-label.btn-label-right {
  left: auto;
  right: -5px;
  border-radius: 0 2px 2px 0
}

.nav-tabs-bottom {
  border-bottom: 0;
  border-top: 1px solid #ddd
}

.nav-tabs-bottom>li {
  margin-bottom: 0;
  margin-top: -1px
}

.nav-tabs-bottom>li>a {
  border-radius: 0 0 4px 4px
}

.nav-tabs-bottom>li>a:hover,
.nav-tabs-bottom>li>a:focus,
.nav-tabs-bottom>li.active>a,
.nav-tabs-bottom>li.active>a:hover,
.nav-tabs-bottom>li.active>a:focus {
  border: 1px solid #ddd;
  border-top-color: transparent
}

.nav-tabs-left {
  border-bottom: 0;
  border-right: 1px solid #ddd
}

.nav-tabs-left>li {
  margin-bottom: 0;
  margin-right: -1px;
  float: none
}

.nav-tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  margin-bottom: 2px
}

.nav-tabs-left>li>a:hover,
.nav-tabs-left>li>a:focus,
.nav-tabs-left>li.active>a,
.nav-tabs-left>li.active>a:hover,
.nav-tabs-left>li.active>a:focus {
  border: 1px solid #ddd;
  border-right-color: transparent
}

.row-new>.nav-tabs-left {
  padding-right: 0;
  padding-left: 15px;
  margin-right: -1px;
  position: relative;
  z-index: 1
}

.row-new>.nav-tabs-left+.tab-content {
  border-left: 1px solid #ddd
}

.nav-tabs-right {
  border-bottom: 0;
  border-left: 1px solid #ddd
}

.nav-tabs-right>li {
  margin-bottom: 0;
  margin-left: -1px;
  float: none
}

.nav-tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-left: 0;
  margin-bottom: 2px
}

.nav-tabs-right>li>a:hover,
.nav-tabs-right>li>a:focus,
.nav-tabs-right>li.active>a,
.nav-tabs-right>li.active>a:hover,
.nav-tabs-right>li.active>a:focus {
  border: 1px solid #ddd;
  border-left-color: transparent
}

.row-new>.nav-tabs-right {
  padding-left: 0;
  padding-right: 15px
}

.navmenu,
.navbar-offcanvas {
  width: 300px;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px
}

.navmenu-fixed-left,
.navmenu-fixed-right,
.navbar-offcanvas {
  position: fixed;
  z-index: 1030;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  border-radius: 0
}

.navmenu-fixed-left,
.navbar-offcanvas.navmenu-fixed-left {
  left: 0;
  right: auto;
  border-width: 0 1px 0 0
}

.navmenu-fixed-right,
.navbar-offcanvas {
  left: auto;
  right: 0;
  border-width: 0 0 0 1px
}

.navmenu-nav {
  margin-bottom: 10px
}

.navmenu-nav.dropdown-menu {
  position: static;
  margin: 0;
  padding-top: 0;
  float: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0
}

.navbar-offcanvas .navbar-nav {
  margin: 0
}

@media (min-width:768px) {
  .navbar-offcanvas {
    width: auto;
    border-top: 0;
    box-shadow: none
  }
  .navbar-offcanvas.offcanvas {
    position: static;
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important
  }
  .navbar-offcanvas .navbar-nav.navbar-left:first-child {
    margin-left: -15px
  }
  .navbar-offcanvas .navbar-nav.navbar-right:last-child {
    margin-right: -15px
  }
  .navbar-offcanvas .navmenu-brand {
    display: none
  }
}

.navmenu-brand {
  display: block;
  font-size: 18px;
  line-height: 20px;
  padding: 10px 15px;
  margin: 10px 0
}

.navmenu-brand:hover,
.navmenu-brand:focus {
  text-decoration: none
}

.navmenu-default,
.navbar-default .navbar-offcanvas {
  background-color: #f8f8f8;
  border-color: #e7e7e7
}

.navmenu-default .navmenu-brand,
.navbar-default .navbar-offcanvas .navmenu-brand {
  color: #777
}

.navmenu-default .navmenu-brand:hover,
.navbar-default .navbar-offcanvas .navmenu-brand:hover,
.navmenu-default .navmenu-brand:focus,
.navbar-default .navbar-offcanvas .navmenu-brand:focus {
  color: #5e5e5e;
  background-color: transparent
}

.navmenu-default .navmenu-text,
.navbar-default .navbar-offcanvas .navmenu-text {
  color: #777
}

.navmenu-default .navmenu-nav>.dropdown>a:hover .caret,
.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,
.navmenu-default .navmenu-nav>.dropdown>a:focus .caret,
.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333
}

.navmenu-default .navmenu-nav>.open>a,
.navbar-default .navbar-offcanvas .navmenu-nav>.open>a,
.navmenu-default .navmenu-nav>.open>a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover,
.navmenu-default .navmenu-nav>.open>a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus {
  background-color: #e7e7e7;
  color: #555
}

.navmenu-default .navmenu-nav>.open>a .caret,
.navbar-default .navbar-offcanvas .navmenu-nav>.open>a .caret,
.navmenu-default .navmenu-nav>.open>a:hover .caret,
.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,
.navmenu-default .navmenu-nav>.open>a:focus .caret,
.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus .caret {
  border-top-color: #555;
  border-bottom-color: #555
}

.navmenu-default .navmenu-nav>.dropdown>a .caret,
.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a .caret {
  border-top-color: #777;
  border-bottom-color: #777
}

.navmenu-default .navmenu-nav.dropdown-menu,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
  background-color: #e7e7e7
}

.navmenu-default .navmenu-nav.dropdown-menu>.divider,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider {
  background-color: #f8f8f8
}

.navmenu-default .navmenu-nav.dropdown-menu>.active>a,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,
.navmenu-default .navmenu-nav.dropdown-menu>.active>a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,
.navmenu-default .navmenu-nav.dropdown-menu>.active>a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus {
  background-color: #d7d7d7
}

.navmenu-default .navmenu-nav>li>a,
.navbar-default .navbar-offcanvas .navmenu-nav>li>a {
  color: #777
}

.navmenu-default .navmenu-nav>li>a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover,
.navmenu-default .navmenu-nav>li>a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus {
  color: #333;
  background-color: transparent
}

.navmenu-default .navmenu-nav>.active>a,
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a,
.navmenu-default .navmenu-nav>.active>a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover,
.navmenu-default .navmenu-nav>.active>a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus {
  color: #555;
  background-color: #e7e7e7
}

.navmenu-default .navmenu-nav>.disabled>a,
.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a,
.navmenu-default .navmenu-nav>.disabled>a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:hover,
.navmenu-default .navmenu-nav>.disabled>a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:focus {
  color: #ccc;
  background-color: transparent
}

.navmenu-inverse,
.navbar-inverse .navbar-offcanvas {
  background-color: #222;
  border-color: #080808
}

.navmenu-inverse .navmenu-brand,
.navbar-inverse .navbar-offcanvas .navmenu-brand {
  color: #999
}

.navmenu-inverse .navmenu-brand:hover,
.navbar-inverse .navbar-offcanvas .navmenu-brand:hover,
.navmenu-inverse .navmenu-brand:focus,
.navbar-inverse .navbar-offcanvas .navmenu-brand:focus {
  color: #fff;
  background-color: transparent
}

.navmenu-inverse .navmenu-text,
.navbar-inverse .navbar-offcanvas .navmenu-text {
  color: #999
}

.navmenu-inverse .navmenu-nav>.dropdown>a:hover .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,
.navmenu-inverse .navmenu-nav>.dropdown>a:focus .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff
}

.navmenu-inverse .navmenu-nav>.open>a,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a,
.navmenu-inverse .navmenu-nav>.open>a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover,
.navmenu-inverse .navmenu-nav>.open>a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus {
  background-color: #080808;
  color: #fff
}

.navmenu-inverse .navmenu-nav>.open>a .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a .caret,
.navmenu-inverse .navmenu-nav>.open>a:hover .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,
.navmenu-inverse .navmenu-nav>.open>a:focus .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff
}

.navmenu-inverse .navmenu-nav>.dropdown>a .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a .caret {
  border-top-color: #999;
  border-bottom-color: #999
}

.navmenu-inverse .navmenu-nav.dropdown-menu,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu {
  background-color: #080808
}

.navmenu-inverse .navmenu-nav.dropdown-menu>.divider,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider {
  background-color: #222
}

.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,
.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,
.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus {
  background-color: #000
}

.navmenu-inverse .navmenu-nav>li>a,
.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a {
  color: #999
}

.navmenu-inverse .navmenu-nav>li>a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:hover,
.navmenu-inverse .navmenu-nav>li>a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:focus {
  color: #fff;
  background-color: transparent
}

.navmenu-inverse .navmenu-nav>.active>a,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a,
.navmenu-inverse .navmenu-nav>.active>a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:hover,
.navmenu-inverse .navmenu-nav>.active>a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:focus {
  color: #fff;
  background-color: #080808
}

.navmenu-inverse .navmenu-nav>.disabled>a,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a,
.navmenu-inverse .navmenu-nav>.disabled>a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:hover,
.navmenu-inverse .navmenu-nav>.disabled>a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:focus {
  color: #444;
  background-color: transparent
}

.alert-fixed-top,
.alert-fixed-bottom {
  position: fixed;
  width: 100%;
  z-index: 1035;
  border-radius: 0;
  margin: 0;
  left: 0
}

@media (min-width:992px) {
  .alert-fixed-top,
  .alert-fixed-bottom {
    width: 992px;
    left: 50%;
    margin-left: -496px
  }
}

.alert-fixed-top {
  top: 0;
  border-width: 0 0 1px
}

@media (min-width:992px) {
  .alert-fixed-top {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-width: 0 1px 1px
  }
}

.alert-fixed-bottom {
  bottom: 0;
  border-width: 1px 0 0
}

@media (min-width:992px) {
  .alert-fixed-bottom {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-width: 1px 1px 0
  }
}

.offcanvas {
  display: none
}

.offcanvas.in {
  display: block
}

@media (max-width:767px) {
  .offcanvas-xs {
    display: none
  }
  .offcanvas-xs.in {
    display: block
  }
}

@media (max-width:991px) {
  .offcanvas-sm {
    display: none
  }
  .offcanvas-sm.in {
    display: block
  }
}

@media (max-width:1199px) {
  .offcanvas-md {
    display: none
  }
  .offcanvas-md.in {
    display: block
  }
}

.offcanvas-lg {
  display: none
}

.offcanvas-lg.in {
  display: block
}

.canvas-sliding {
  -webkit-transition: top .35s, left .35s, bottom .35s, right .35s;
  transition: top .35s, left .35s, bottom .35s, right .35s
}

.offcanvas-clone {
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  top: auto !important;
  left: auto !important;
  bottom: 0 !important;
  right: 0 !important;
  opacity: 0 !important
}

.table.row-newlink td:not(.row-newlink-skip),
.table .row-newlink td:not(.row-newlink-skip) {
  cursor: pointer
}

.table.row-newlink td:not(.row-newlink-skip) a,
.table .row-newlink td:not(.row-newlink-skip) a {
  color: inherit;
  font: inherit;
  text-decoration: inherit
}

.table-hover.row-newlink tr:hover td,
.table-hover .row-newlink tr:hover td {
  background-color: #cfcfcf
}

.btn-file {
  overflow: hidden;
  position: relative;
  vertical-align: middle
}

.btn-file>input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 23px;
  height: 100%;
  width: 100%;
  direction: ltr;
  cursor: pointer
}

.fileinput {
  margin-bottom: 9px;
  display: inline-block
}

.fileinput .form-control {
  padding-top: 7px;
  padding-bottom: 5px;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: text
}

.fileinput .thumbnail {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
  text-align: center
}

.fileinput .thumbnail>img {
  max-height: 100%
}

.fileinput .btn {
  vertical-align: middle
}

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
  display: none
}

.fileinput-inline .fileinput-controls {
  display: inline
}

.fileinput-filename {
  vertical-align: middle;
  display: inline-block;
  overflow: hidden
}

.form-control .fileinput-filename {
  vertical-align: bottom
}

.fileinput.input-group {
  display: table
}

.fileinput.input-group>* {
  position: relative;
  z-index: 2
}

.fileinput.input-group>.btn-file {
  z-index: 1
}

.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
  border-radius: 0 4px 4px 0
}

.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm {
  border-radius: 0 3px 3px 0
}

.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg {
  border-radius: 0 6px 6px 0
}

.form-group.has-warning .fileinput .fileinput-preview {
  color: #8a6d3b
}

.form-group.has-warning .fileinput .thumbnail {
  border-color: #faebcc
}

.form-group.has-error .fileinput .fileinput-preview {
  color: #a94442
}

.form-group.has-error .fileinput .thumbnail {
  border-color: #ebccd1
}

.form-group.has-success .fileinput .fileinput-preview {
  color: #3c763d
}

.form-group.has-success .fileinput .thumbnail {
  border-color: #d6e9c6
}

.input-group-addon:not(:first-child) {
  border-left: 0
}

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px
}

.swiper-pagination-progress {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg)
  }
}

/*!
Video.js Default Styles (http://videojs.com)
Version 4.12.7
Create your own skin at http://designer.videojs.com
*/

.vjs-default-skin {
  color: #ccc
}

@font-face {
  font-family: VideoJS;
  src: url(https://www.honor.com/content/dam/honor/common/products/css/font/vjs.eot);
  src: url(https://www.honor.com/content/dam/honor/common/products/css/font/vjs.eot?#iefix) format('embedded-opentype'), url(https://www.honor.com/content/dam/honor/common/products/css/font/vjs.woff) format('woff'), url(https://www.honor.com/content/dam/honor/common/products/css/font/vjs.ttf) format('truetype'), url(https://www.honor.com/content/dam/honor/common/products/css/font/vjs.svg#icomoon) format('svg');
  font-weight: 400;
  font-style: normal
}

.vjs-default-skin .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  background-color: #333;
  background-color: rgba(51, 51, 51, .9)
}

.vjs-default-skin .vjs-slider:focus {
  -webkit-box-shadow: 0 0 2em #fff;
  -moz-box-shadow: 0 0 2em #fff;
  box-shadow: 0 0 2em #fff
}

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  left: 0;
  top: 0
}

.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.vjs-default-skin .vjs-control-bar {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, .7)
}

.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility .1s, opacity .1s;
  -moz-transition: visibility .1s, opacity .1s;
  -o-transition: visibility .1s, opacity .1s;
  transition: visibility .1s, opacity .1s
}

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s
}

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none
}

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none
}

.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none
}

.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible
}

@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""
  }
}

.vjs-default-skin .vjs-control {
  outline: 0;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3em;
  width: 4em
}

.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff
}

.vjs-default-skin .vjs-control:focus {}

.vjs-default-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer
}

.vjs-default-skin .vjs-play-control:before {
  content: "\e001"
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002"
}

.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none
}

.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right
}

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006"
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003"
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004"
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005"
}

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right
}

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: .6em;
  margin: 1.1em auto 0
}

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: .5em;
  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: .5em;
  height: .5em;
  left: 4.5em
}

.vjs-default-skin .vjs-volume-handle:before {
  font-size: .9em;
  top: -.2em;
  left: -.2em;
  width: 1em;
  height: 1em
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0
}

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, .5)
}

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em
}

.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: .3em;
  height: 1em;
  top: -1em;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}

.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s
}

.vjs-default-skin .vjs-progress-holder {
  height: 100%
}

.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0
}

.vjs-default-skin .vjs-play-progress {
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat
}

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, .2)
}

.vjs-default-skin .vjs-load-progress div {
  background: #787878;
  background: rgba(255, 255, 255, .1)
}

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%
}

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: .1em
}

.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none
}

.vjs-default-skin.vjs-live .vjs-live-display {
  display: block
}

.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em
}

.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  line-height: 3em
}

.vjs-default-skin .vjs-current-time {
  float: left
}

.vjs-default-skin .vjs-duration {
  float: left
}

.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left
}

.vjs-time-divider {
  float: left;
  line-height: 3em
}

.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right
}

.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000"
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b"
}

.vjs-default-skin .vjs-big-play-button {
  left: .5em;
  top: .5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, .7);
  border: .1em solid #3b4249;
  -webkit-border-radius: .8em;
  -moz-border-radius: .8em;
  border-radius: .8em;
  -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, .25);
  -moz-box-shadow: 0 0 1em rgba(255, 255, 255, .25);
  box-shadow: 0 0 1em rgba(255, 255, 255, .25);
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}

.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  left: 50%;
  margin-left: -2.1em;
  top: 50%;
  margin-top: -1.4000000000000001em
}

.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none
}

.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none
}

.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none
}

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #505050;
  background-color: rgba(50, 50, 50, .75);
  -webkit-box-shadow: 0 0 3em #fff;
  -moz-box-shadow: 0 0 3em #fff;
  box-shadow: 0 0 3em #fff;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s
}

.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  line-height: 2.6em;
  text-shadow: .05em .05em .1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%
}

.vjs-error .vjs-big-play-button {
  display: none
}

.vjs-error-display {
  display: none
}

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666;
  line-height: 1;
  text-shadow: .05em .05em .1em #000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.5em;
  width: 100%
}

.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000;
  background: rgba(0, 0, 0, .5)
}

.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -.5em;
  margin-top: -.5em;
  opacity: .75
}

.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear
}

.vjs-error .vjs-loading-spinner {
  display: none;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none
}

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0 0 .1em #000
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg)
  }
  100% {
    -moz-transform: rotate(359deg)
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg)
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg)
  }
  100% {
    -o-transform: rotate(359deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(359deg)
  }
}

.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer
}

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000;
  border-top-color: rgba(7, 40, 50, .5)
}

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  max-height: 15em;
  overflow: auto;
  left: -5em;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, .7);
  -webkit-box-shadow: -.2em -.2em .3em rgba(255, 255, 255, .2);
  -moz-box-shadow: -.2em -.2em .3em rgba(255, 255, 255, .2);
  box-shadow: -.2em -.2em .3em rgba(255, 255, 255, .2)
}

.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block
}

.vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {
  display: none
}

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: .3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000
}

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .75);
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 .3em;
  font-weight: 700;
  cursor: default
}

.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c"
}

.vjs-default-skin .vjs-captions-button:before {
  content: "\e008"
}

.vjs-default-skin .vjs-chapters-button:before {
  content: "\e00c"
}

.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em
}

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff
}

.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.video-js:-moz-full-screen {
  position: absolute
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto
}

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none
}

.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%
}

.video-js.vjs-has-started .vjs-poster {
  display: none
}

.video-js.vjs-audio.vjs-has-started .vjs-poster {
  display: block
}

.video-js.vjs-controls-disabled .vjs-poster {
  display: none
}

.video-js.vjs-using-native-controls .vjs-poster {
  display: none
}

.video-js .vjs-text-track-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 3em;
  right: 0;
  pointer-events: none
}

.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #000;
  opacity: .75;
  color: #FFF;
  margin: 0 auto;
  padding: .5em;
  height: 15em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left
}

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px
}

.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px
}

.vjs-caption-settings .vjs-tracksetting>div {
  margin-bottom: 5px;
  min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting>div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0
}

.vjs-caption-settings label>input {
  margin-right: 10px
}

.vjs-caption-settings input[type=button] {
  width: 40px;
  height: 40px
}

.vjs-hidden {
  display: none !important
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible
}

.vjs-no-js {
  padding: 2em;
  color: #ccc;
  background-color: #333;
  font-size: 1.8em;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 30em;
  height: 15em;
  margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460
}

/*
Theme Name: Honor
Theme URI:
Author: the Honor team
Author URI:
Description: Honor Theme
Version: 1.3
License:
License URI:
Tags: honor2
Text Domain: honor2

This theme private for Honor team
*/

/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */

/*@import url(http://fonts.233.wiki/css?family=Open+Sans:300italic,300);*/

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/* line 17, ../sass/main.scss */

html,
button,
input,
select,
textarea {
  color: #222;
}

/* line 21, ../sass/main.scss */

body {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

/* line 32, ../sass/main.scss */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 37, ../sass/main.scss */

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

/* line 46, ../sass/main.scss */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

/* line 59, ../sass/main.scss */

img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

/* line 67, ../sass/main.scss */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

/* line 77, ../sass/main.scss */

textarea {
  resize: vertical;
}

/* $font-futuraL: 'futura_t_lightregular'; */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

/* line 9, ../sass/global/_helper.scss */

/* .ir,
.icon {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  IE 6/7 fallback
  *text-indent: -9999px;
} */

/* line 17, ../sass/global/_helper.scss */

/* .ir:before,
.icon:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
} */

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

/* line 28, ../sass/global/_helper.scss */

.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

/* line 37, ../sass/global/_helper.scss */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

/* line 54, ../sass/global/_helper.scss */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

/* line 67, ../sass/global/_helper.scss */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

/* line 84, ../sass/global/_helper.scss */

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

/* line 91, ../sass/global/_helper.scss */

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

/* line 100, ../sass/global/_helper.scss */

.clearfix {
  *zoom: 1;
}

/* jQuery UI - v1.10.3 - 2013-06-19
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/

/* line 8, ../sass/global/_jquery-ui.scss */

.ui-helper-hidden {
  display: none;
}

/* line 12, ../sass/global/_jquery-ui.scss */

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 23, ../sass/global/_jquery-ui.scss */

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

/* line 35, ../sass/global/_jquery-ui.scss */

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

/* line 41, ../sass/global/_jquery-ui.scss */

.ui-helper-clearfix:after {
  clear: both;
}

/* line 45, ../sass/global/_jquery-ui.scss */

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

/* line 50, ../sass/global/_jquery-ui.scss */

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

/* line 60, ../sass/global/_jquery-ui.scss */

.ui-front {
  z-index: 999;
}

/* Interaction Cues
----------------------------------*/

/* line 66, ../sass/global/_jquery-ui.scss */

.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */

/* line 74, ../sass/global/_jquery-ui.scss */

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

/* line 85, ../sass/global/_jquery-ui.scss */

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 93, ../sass/global/_jquery-ui.scss */

.ui-resizable {
  position: relative;
}

/* line 97, ../sass/global/_jquery-ui.scss */

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

/* line 104, ../sass/global/_jquery-ui.scss */

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

/* line 108, ../sass/global/_jquery-ui.scss */

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

/* line 116, ../sass/global/_jquery-ui.scss */

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

/* line 124, ../sass/global/_jquery-ui.scss */

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

/* line 132, ../sass/global/_jquery-ui.scss */

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

/* line 140, ../sass/global/_jquery-ui.scss */

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

/* line 148, ../sass/global/_jquery-ui.scss */

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

/* line 156, ../sass/global/_jquery-ui.scss */

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

/* line 164, ../sass/global/_jquery-ui.scss */

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

/* line 172, ../sass/global/_jquery-ui.scss */

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

/* line 178, ../sass/global/_jquery-ui.scss */

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
}

/* line 188, ../sass/global/_jquery-ui.scss */

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

/* line 192, ../sass/global/_jquery-ui.scss */

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em;
}

/* line 196, ../sass/global/_jquery-ui.scss */

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

/* line 200, ../sass/global/_jquery-ui.scss */

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

/* line 207, ../sass/global/_jquery-ui.scss */

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

/* line 213, ../sass/global/_jquery-ui.scss */

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

/* line 220, ../sass/global/_jquery-ui.scss */

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}

/* line 237, ../sass/global/_jquery-ui.scss */

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */

/* line 242, ../sass/global/_jquery-ui.scss */

.ui-button-icon-only {
  width: 2.2em;
}

/* button elements seem to need a little more width */

/* line 247, ../sass/global/_jquery-ui.scss */

button.ui-button-icon-only {
  width: 2.4em;
}

/* line 251, ../sass/global/_jquery-ui.scss */

.ui-button-icons-only {
  width: 3.4em;
}

/* line 255, ../sass/global/_jquery-ui.scss */

button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */

/* line 260, ../sass/global/_jquery-ui.scss */

.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

/* line 265, ../sass/global/_jquery-ui.scss */

.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}

/* line 270, ../sass/global/_jquery-ui.scss */

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}

/* line 276, ../sass/global/_jquery-ui.scss */

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}

/* line 281, ../sass/global/_jquery-ui.scss */

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}

/* line 285, ../sass/global/_jquery-ui.scss */

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */

/* line 291, ../sass/global/_jquery-ui.scss */

input.ui-button {
  padding: .4em 1em;
}

/* button icon element(s) */

/* line 301, ../sass/global/_jquery-ui.scss */

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

/* line 307, ../sass/global/_jquery-ui.scss */

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

/* line 314, ../sass/global/_jquery-ui.scss */

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}

/* line 320, ../sass/global/_jquery-ui.scss */

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

/* button sets */

/* line 325, ../sass/global/_jquery-ui.scss */

.ui-buttonset {
  margin-right: 7px;
}

/* line 329, ../sass/global/_jquery-ui.scss */

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */

/* reset extra padding in Firefox, see h5bp.com/l */

/* line 338, ../sass/global/_jquery-ui.scss */

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

/* line 343, ../sass/global/_jquery-ui.scss */

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

/* line 349, ../sass/global/_jquery-ui.scss */

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

/* line 355, ../sass/global/_jquery-ui.scss */

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

/* line 363, ../sass/global/_jquery-ui.scss */

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

/* line 367, ../sass/global/_jquery-ui.scss */

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

/* line 371, ../sass/global/_jquery-ui.scss */

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

/* line 375, ../sass/global/_jquery-ui.scss */

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

/* line 379, ../sass/global/_jquery-ui.scss */

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

/* line 384, ../sass/global/_jquery-ui.scss */

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

/* line 393, ../sass/global/_jquery-ui.scss */

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

/* line 399, ../sass/global/_jquery-ui.scss */

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

/* line 404, ../sass/global/_jquery-ui.scss */

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

/* line 409, ../sass/global/_jquery-ui.scss */

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

/* line 413, ../sass/global/_jquery-ui.scss */

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

/* line 420, ../sass/global/_jquery-ui.scss */

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

/* line 427, ../sass/global/_jquery-ui.scss */

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

/* line 433, ../sass/global/_jquery-ui.scss */

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

/* line 440, ../sass/global/_jquery-ui.scss */

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

/* line 449, ../sass/global/_jquery-ui.scss */

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

/* line 458, ../sass/global/_jquery-ui.scss */

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */

/* line 463, ../sass/global/_jquery-ui.scss */

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

/* line 467, ../sass/global/_jquery-ui.scss */

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

/* line 471, ../sass/global/_jquery-ui.scss */

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

/* line 476, ../sass/global/_jquery-ui.scss */

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

/* line 480, ../sass/global/_jquery-ui.scss */

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

/* line 484, ../sass/global/_jquery-ui.scss */

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

/* line 489, ../sass/global/_jquery-ui.scss */

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

/* line 493, ../sass/global/_jquery-ui.scss */

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

/* line 497, ../sass/global/_jquery-ui.scss */

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */

/* line 504, ../sass/global/_jquery-ui.scss */

.ui-datepicker-rtl {
  direction: rtl;
}

/* line 508, ../sass/global/_jquery-ui.scss */

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

/* line 513, ../sass/global/_jquery-ui.scss */

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

/* line 518, ../sass/global/_jquery-ui.scss */

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

/* line 523, ../sass/global/_jquery-ui.scss */

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

/* line 528, ../sass/global/_jquery-ui.scss */

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

/* line 532, ../sass/global/_jquery-ui.scss */

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

/* line 537, ../sass/global/_jquery-ui.scss */

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

/* line 542, ../sass/global/_jquery-ui.scss */

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* line 547, ../sass/global/_jquery-ui.scss */

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  outline: 0;
}

/* line 555, ../sass/global/_jquery-ui.scss */

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

/* line 560, ../sass/global/_jquery-ui.scss */

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 569, ../sass/global/_jquery-ui.scss */

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

/* line 579, ../sass/global/_jquery-ui.scss */

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

/* line 587, ../sass/global/_jquery-ui.scss */

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

/* line 595, ../sass/global/_jquery-ui.scss */

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

/* line 599, ../sass/global/_jquery-ui.scss */

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

/* line 604, ../sass/global/_jquery-ui.scss */

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

/* line 612, ../sass/global/_jquery-ui.scss */

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

/* line 616, ../sass/global/_jquery-ui.scss */

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

/* line 624, ../sass/global/_jquery-ui.scss */

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}

/* line 629, ../sass/global/_jquery-ui.scss */

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  /* support: IE10, see #8844 */
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

/* line 637, ../sass/global/_jquery-ui.scss */

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

/* line 645, ../sass/global/_jquery-ui.scss */

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  /* support: IE7 */
  font-weight: normal;
}

/* line 656, ../sass/global/_jquery-ui.scss */

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

/* line 661, ../sass/global/_jquery-ui.scss */

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}

/* line 667, ../sass/global/_jquery-ui.scss */

.ui-menu .ui-state-disabled a {
  cursor: default;
}

/* icon support */

/* line 672, ../sass/global/_jquery-ui.scss */

.ui-menu-icons {
  position: relative;
}

/* line 676, ../sass/global/_jquery-ui.scss */

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}

/* left-aligned */

/* line 682, ../sass/global/_jquery-ui.scss */

.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}

/* right-aligned */

/* line 689, ../sass/global/_jquery-ui.scss */

.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}

/* line 694, ../sass/global/_jquery-ui.scss */

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

/* line 700, ../sass/global/_jquery-ui.scss */

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

/* line 705, ../sass/global/_jquery-ui.scss */

.ui-progressbar .ui-progressbar-overlay {
  background: url("https://www.honor.com/content/dam/honor/common/products/css/images/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

/* line 712, ../sass/global/_jquery-ui.scss */

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

/* line 716, ../sass/global/_jquery-ui.scss */

.ui-slider {
  position: relative;
  text-align: left;
}

/* line 721, ../sass/global/_jquery-ui.scss */

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

/* line 729, ../sass/global/_jquery-ui.scss */

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* For IE8 - See #6727 */

/* line 741, ../sass/global/_jquery-ui.scss */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

/* line 745, ../sass/global/_jquery-ui.scss */

.ui-slider-horizontal {
  height: .8em;
}

/* line 749, ../sass/global/_jquery-ui.scss */

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

/* line 754, ../sass/global/_jquery-ui.scss */

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

/* line 759, ../sass/global/_jquery-ui.scss */

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

/* line 763, ../sass/global/_jquery-ui.scss */

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

/* line 767, ../sass/global/_jquery-ui.scss */

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

/* line 772, ../sass/global/_jquery-ui.scss */

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

/* line 778, ../sass/global/_jquery-ui.scss */

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

/* line 783, ../sass/global/_jquery-ui.scss */

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

/* line 787, ../sass/global/_jquery-ui.scss */

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/* line 791, ../sass/global/_jquery-ui.scss */

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

/* line 799, ../sass/global/_jquery-ui.scss */

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}

/* line 810, ../sass/global/_jquery-ui.scss */

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to overide default borders */

/* line 825, ../sass/global/_jquery-ui.scss */

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

/* vertical centre icon */

/* line 832, ../sass/global/_jquery-ui.scss */

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

/* line 839, ../sass/global/_jquery-ui.scss */

.ui-spinner-up {
  top: 0;
}

/* line 843, ../sass/global/_jquery-ui.scss */

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */

/* line 848, ../sass/global/_jquery-ui.scss */

.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

/* line 853, ../sass/global/_jquery-ui.scss */

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}

/* line 859, ../sass/global/_jquery-ui.scss */

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

/* line 864, ../sass/global/_jquery-ui.scss */

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

/* line 875, ../sass/global/_jquery-ui.scss */

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

/* line 881, ../sass/global/_jquery-ui.scss */

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

/* line 888, ../sass/global/_jquery-ui.scss */

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}

/* line 893, ../sass/global/_jquery-ui.scss */

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}

/* line 897, ../sass/global/_jquery-ui.scss */

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

/* line 904, ../sass/global/_jquery-ui.scss */

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

/* line 913, ../sass/global/_jquery-ui.scss */

body .ui-tooltip {
  border-width: 2px;
}

/* CUSTOM */

/* line 920, ../sass/global/_jquery-ui.scss */

.ui-dialog .ui-dialog-title {
  display: none;
}

/* line 924, ../sass/global/_jquery-ui.scss */

.ui-dialog .ui-dialog-titlebar {
  padding: 0;
  height: 1px;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 25000;
}

/* line 933, ../sass/global/_jquery-ui.scss */

.ui-dialog .ui-dialog-titlebar-close {
  /* background-image: url(/content/dam/honor/common/products/img/ui.png); */
  background-position: -120px -60px;
  background-repeat: none;
  width: 43px;
  height: 44px;
  padding: 0;
  margin: 0;
}

/* line 939, ../sass/global/_jquery-ui.scss */

.ui-dialog .ui-dialog-titlebar-close:hover {
  /* background-image: url(/content/dam/honor/common/products/img/ui.png); */
  background-position: -120px -120px;
  background-repeat: none;
  width: 43px;
  height: 44px;
}

/* line 945, ../sass/global/_jquery-ui.scss */

.ui-dialog .select-wrapper select {
  z-index: 200040;
}

/* line 949, ../sass/global/_jquery-ui.scss */

.ui-widget-overlay {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/modal-overlay.png") 0 0 repeat;
}

/* line 953, ../sass/global/_jquery-ui.scss */

.modal-new-style-1 {
  background: none;
}

/* line 955, ../sass/global/_jquery-ui.scss */

.modal-new-style-1 .ui-dialog-content {
  padding: 0;
  margin: 0;
}

/* line 959, ../sass/global/_jquery-ui.scss */

.modal-new-style-1 .ui-dialog-titlebar {
  top: 0;
  right: 0;
}

/* line 963, ../sass/global/_jquery-ui.scss */

.modal-new-style-1 .modal-new-wrapper {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/modal-style-1-top.png) top left no-repeat;
  width: 661px;
  padding: 11px 0 0 0;
  margin: 12px 0 0 0;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
}

/* line 970, ../sass/global/_jquery-ui.scss */

.modal-new-style-1 .modal-new-container {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/modal-style-1.png) bottom left no-repeat;
  padding: 0 0 30px 0;
}

/* Fades and background-images don't work well together in IE6, drop the image */

/* line 977, ../sass/global/_jquery-ui.scss */

* html .ui-tooltip {
  background-image: none;
}

/* line 981, ../sass/global/_jquery-ui.scss */

body .ui-tooltip {
  border-width: 2px;
}

/*
** ICON
** Please use icon- as your CSS class prefix
*/

/* line 5, ../sass/global/_icon.scss */

/* .icon {
  text-decoration: none;
  display: block;
} */

/*
** BUTTONS
** Please use btn- as your CSS class prefix
*/

/* line 5, ../sass/global/_button.scss */

.btn {
  text-decoration: none;
  display: block;
}

/* line 1, ../sass/global/_form.scss */

.standard-form-style .desc {
  text-align: left;
  color: #fff;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

/* line 1, ../sass/global/_form.scss */

.standard-form-style a.link:link,
.standard-form-style a.link:active,
.standard-form-style a.link:visited {
  color: #fff;
  text-decoration: underline;
}

/* line 1, ../sass/global/_form.scss */

.standard-form-style a.link:hover {
  text-decoration: none;
}

/* line 1, ../sass/global/_form.scss */

.standard-form-style .form-item {
  margin: 0 0 6px 0;
  text-align: left;
}

/* line 1, ../sass/global/_form.scss */

.standard-form-style .form-item p {
  color: #fff;
}

/* line 1, ../sass/global/_form.scss */

.standard-form-style .form-item label {
  float: left;
}

/* line 1, ../sass/global/_form.scss */

.standard-form-style .form-item .input-text {
  float: left;
}

/* line 1, ../sass/global/_form.scss */

.standard-form-style .form-item .textarea {
  float: left;
}

/* line 1, ../sass/global/_form.scss */

label {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

/* line 1, ../sass/global/_form.scss */

label.label-1 {
  width: 78px;
  padding: 6px 10px 0 0;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}

/* line 1, ../sass/global/_form.scss */

.input-file {
  float: left;
  margin: 0;
  position: relative;
}

/* line 1, ../sass/global/_form.scss */

.input-file input {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  width: 341px;
  height: 23px;
}

/* line 1, ../sass/global/_form.scss */

.input-file span {
  position: absolute;
  width: 248px;
  height: 23px;
  line-height: 23px;
  color: #444;
  display: block;
  top: 0;
  left: 10px;
}

/* line 1, ../sass/global/_form.scss */

.input-file.input-file-1 {
  /* background-image: url(/content/dam/honor/common/products/img/ui.png); */
  background-position: -60px 0px;
  background-repeat: none;
  width: 340px;
  height: 23px;
}

/* line 1, ../sass/global/_form.scss */

.input-file.input-file-1 span {
  position: absolute;
  width: 248px;
  height: 23px;
  line-height: 23px;
  color: #444;
  display: block;
  top: 0;
  left: 10px;
}

/* line 1, ../sass/global/_form.scss */

.input-text {
  position: relative;
}

/* line 1, ../sass/global/_form.scss */

.input-text input {
  font-family: Arial, Helvetica, sans-serif;
}

/* line 1, ../sass/global/_form.scss */

.input-text.input-text-1 {
  /* background-image: url(/content/dam/honor/common/products/img/ui.png); */
  background-position: -390px 0px;
  background-repeat: none;
  width: 210px;
  height: 30px;
}

/* line 1, ../sass/global/_form.scss */

.input-text.input-text-1 input {
  background: none;
  border: none;
  width: 192px;
  position: absolute;
  top: 5px;
  left: 9px;
  height: 16px;
  font-size: 13px;
  color: #444;
  line-height: 1em;
}

/* line 1, ../sass/global/_form.scss */

.textarea {
  color: #444;
  position: relative;
}

/* line 1, ../sass/global/_form.scss */

.textarea textarea {
  resize: none;
  background: none;
  overflow: auto;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
}

/* line 1, ../sass/global/_form.scss */

.textarea.textarea-1 {
  /* background-image: url(/content/dam/honor/common/products/img/ui.png); */
  background-position: 0px -180px;
  background-repeat: none;
  width: 207px;
  height: 81px;
}

/* line 1, ../sass/global/_form.scss */

.textarea.textarea-1 textarea {
  width: 192px;
  color: #444;
  height: 68px;
  position: absolute;
  top: 8px;
  left: 8px;
}

/* line 1, ../sass/global/_form.scss */

.checkbox-wrapper {
  border: medium none;
  cursor: pointer;
  float: left;
  margin-right: 5px;
}

/* line 1, ../sass/global/_form.scss */

.checkbox-wrapper .input-checkbox {
  border: medium none;
  cursor: pointer;
  height: 21px;
  margin: 3px 0 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  width: 26px;
  z-index: 0;
  float: left;
  margin-right: 10px;
}

/* line 1, ../sass/global/_form.scss */

.checkbox-wrapper.checkbox-1 {
  /* background-image: url(/content/dam/honor/common/products/img/ui.png); */
  background-position: -810px 0px;
  background-repeat: none;
  width: 17px;
  height: 17px;
}

/* line 1, ../sass/global/_form.scss */

.checkbox-wrapper.checkbox-1.checked {
  /* background-image: url(/content/dam/honor/common/products/img/ui.png); */
  background-position: -810px -30px;
  background-repeat: none;
  width: 17px;
  height: 17px;
}

/* line 1, ../sass/global/_form.scss */

.radio-wrapper {
  /* background-image: url(/content/dam/honor/common/products/img/ui.png); */
  background-position: -690px 0px;
  background-repeat: none;
  width: 28px;
  height: 28px;
  border: medium none;
  cursor: pointer;
  float: left;
  margin-right: 5px;
}

/* line 1, ../sass/global/_form.scss */

.radio-wrapper .input-radio {
  border: medium none;
  cursor: pointer;
  height: 21px;
  margin: 3px 0 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  width: 26px;
  z-index: 0;
  float: left;
  margin-right: 10px;
}

/* line 1, ../sass/global/_form.scss */

.radio-wrapper.radio-selected {
  /* background-image: url(/content/dam/honor/common/products/img/ui.png); */
  background-position: -690px -30px;
  background-repeat: none;
  width: 28px;
  height: 28px;
}

/* line 1, ../sass/global/_form.scss */

.radio-wrapper.radio-1 {
  /* background-image: url(/content/dam/honor/common/products/img/ui.png); */
  background-position: -1080px 0px;
  background-repeat: none;
  width: 16px;
  height: 16px;
}

/* line 1, ../sass/global/_form.scss */

.radio-wrapper.radio-1.radio-selected {
  /* background-image: url(/content/dam/honor/common/products/img/ui.png); */
  background-position: -1080px -30px;
  background-repeat: none;
  width: 16px;
  height: 16px;
}

/* line 1, ../sass/global/_form.scss */

.select-wrapper {
  border: none;
  float: left;
  margin-right: 0;
  position: relative;
  z-index: 20;
}

/* line 1, ../sass/global/_form.scss */

.select-wrapper select {
  cursor: pointer;
  opacity: 0;
  position: relative;
  z-index: 10;
  filter: alpha(opacity=0);
}

/* line 1, ../sass/global/_form.scss */

.select-wrapper span {
  color: #000;
  font-size: 13px;
  left: 10px;
  overflow: hidden;
  position: absolute;
  top: 2px;
  white-space: nowrap;
  z-index: 20;
}

/* line 1, ../sass/global/_form.scss */

.select-wrapper.select-1 {
  /* background-image: url(/content/dam/honor/common/products/img/ui.png); */
  background-position: -600px 0px;
  background-repeat: none;
  width: 208px;
  height: 30px;
}

/* line 1, ../sass/global/_form.scss */

.select-wrapper.select-1 span {
  left: 11px;
  top: 7px;
  color: #444;
}

/* line 1, ../sass/global/_form.scss */

.select-wrapper.select-1 select {
  width: 208px;
  height: 30px;
}

/* line 1, ../sass/global/_modal.scss */

.modal-new-backdrop {
  /*background-color: transparent;*/
}

@media only screen and (max-width: 767px) {
  /* line 5, ../sass/global/_modal.scss */
  #video-dialog {
    padding: 0 !important;
  }
}

/* line 10, ../sass/global/_modal.scss */

#video-dialog .modal-new-dialog {
  width: 76%;
}

@media only screen and (max-width: 767px) {
  /* line 10, ../sass/global/_modal.scss */
  #video-dialog .modal-new-dialog {
    width: auto;
  }
}

/* line 16, ../sass/global/_modal.scss */

#video-dialog .modal-new-dialog .modal-new-content {
  background-color: transparent;
  box-shadow: none;
  border: none;
}

/* line 21, ../sass/global/_modal.scss */

#video-dialog .modal-new-dialog .modal-new-content .modal-new-header {
  text-align: right;
  border: none;
  padding: 0;
}

/* line 27, ../sass/global/_modal.scss */

#video-dialog .modal-new-dialog .modal-new-content .modal-new-body {
  padding: 0;
}

/* line 31, ../sass/global/_modal.scss */

#video-dialog .modal-new-dialog .modal-new-content .close-video-btn {
  background: #ed1b24;
  font-size: 18px;
  font-family: "bignoodletitlingregular";
  color: #fff;
  padding: 10px 20px 0 20px;
  line-height: 15px;
  display: inline-block;
  height: 30px;
}

/*
** MISC
*/

/*
** HEADER
*/

/* line 4, ../sass/global/_header.scss */

nav {
  background: #00b3e0 !important;
  border-right: 5px solid #0096bb !important;
}

@media only screen and (min-width: 768px) {
  /* line 4, ../sass/global/_header.scss */
  nav {
    width: 65px !important;
    height: 100% !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block !important;
    overflow: visible !important;
  }
}

/* line 19, ../sass/global/_header.scss */

nav .sidebar-nav {
  padding-top: 100px;
}

@media only screen and (max-width: 767px) {
  /* line 19, ../sass/global/_header.scss */
  nav .sidebar-nav {
    padding-top: 0;
  }
}

/* line 27, ../sass/global/_header.scss */

nav .sidebar-nav li a {
  display: block;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/loop-line.png) left top repeat-x;
  padding: 12px 0;
  width: 100%;
  text-align: center;
  color: #fff;
}

/* line 36, ../sass/global/_header.scss */

nav .sidebar-nav li a .fa {
  font-size: 32px;
}

/* line 37, ../sass/global/_header.scss */

nav .sidebar-nav li a .txt {
  padding-top: 10px;
  font-size: 16px;
  line-height: 16px;
  font-family: "bignoodletitlingregular";
  text-transform: uppercase;
  display: block;
}

nav .sidebar-nav li a .menu-image-title {
  padding-top: 10px;
  font-size: 16px;
  line-height: 16px;
  font-family: "bignoodletitlingregular";
  text-transform: uppercase;
  display: block;
}

nav .sidebar-nav li .mobile-nav-second .menu-image-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
}

/* line 45, ../sass/global/_header.scss */

nav .sidebar-nav li a .icon-connect {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  width: 23px;
  height: 18px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/icon-connect.png) no-repeat;
}

@media only screen and (max-width: 767px) {
  /* line 27, ../sass/global/_header.scss */
  nav .sidebar-nav li a {
    text-align: left;
    padding: 15px 0 15px 10px;
  }
  /* line 57, ../sass/global/_header.scss */
  nav .sidebar-nav li a .txt {
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
    padding-top: 10px;
    padding-left: 10px;
  }
  nav .sidebar-nav li a .menu-image-title {
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
    padding-top: 10px;
    padding-left: 10px;
  }
}

/* line 67, ../sass/global/_header.scss */

nav .sidebar-nav li:last-child {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/loop-line.png) left bottom repeat-x;
}

@media only screen and (max-width: 767px) {
  /* line 70, ../sass/global/_header.scss */
  nav .sidebar-nav li:first-child {
    background: none;
  }
}

/* line 76, ../sass/global/_header.scss */

nav .social {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  /* line 76, ../sass/global/_header.scss */
  nav .social {
    text-align: center;
  }
}

/* line 85, ../sass/global/_header.scss */

nav .social li a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding-bottom: 10px;
  padding-top: 10px;
  -moz-transition: all 0.4s linear 0;
  -webkit-transition: all 0.4s linear 0;
  -ms-transition: all 0.4s linear 0;
  -o-transition: all 0.4s linear 0;
  transition: all 0.4s linear 0;
}

/* line 93, ../sass/global/_header.scss */

nav .social li a:hover {
  opacity: 0.9;
}

/* line 97, ../sass/global/_header.scss */

nav .social li a.have-hover {
  position: relative;
}

/* line 99, ../sass/global/_header.scss */

nav .social li a.have-hover .hover-panel {
  padding: 10px;
  background: #fff;
  position: absolute;
  display: block;
  left: 65px;
  top: 0;
  z-index: 999;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  display: none;
}

/* line 109, ../sass/global/_header.scss */

nav .social li a.have-hover .hover-panel .arrow {
  width: 10px;
  height: 20px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/zh/global/arrow-left.png) no-repeat;
  position: absolute;
  display: block;
  left: -10px;
  top: 10px;
}

/* line 117, ../sass/global/_header.scss */

nav .social li a.have-hover:hover {
  background: #089fc4;
}

/* line 119, ../sass/global/_header.scss */

nav .social li a.have-hover:hover .hover-panel {
  display: block;
}

@media only screen and (max-width: 767px) {
  /* line 117, ../sass/global/_header.scss */
  nav .social li a.have-hover:hover {
    background: none;
  }
  /* line 123, ../sass/global/_header.scss */
  nav .social li a.have-hover:hover .hover-panel {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  /* line 84, ../sass/global/_header.scss */
  nav .social li {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    padding: 0 20px;
  }
  /* line 134, ../sass/global/_header.scss */
  nav .social li a {
    font-size: 24px;
  }
}

/* line 143, ../sass/global/_header.scss */

header {
  width: 100%;
  height: 85px;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  z-index: 98;
}

@media only screen and (max-width: 767px) {
  /* line 143, ../sass/global/_header.scss */
  header {
    background-color: #00b5e2;
    overflow: hidden;
    margin: 0;
    position: relative;
    height: 50px;
  }
}

/* line 157, ../sass/global/_header.scss */

header .navbar-toggle {
  position: absolute;
  display: block;
  left: 0px;
  top: 0;
  margin: 0;
  padding: 0;
  border: none;
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 24px;
}

/* line 167, ../sass/global/_header.scss */

header .highlight {
  width: 2px;
  height: 50px;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/bg-border-right-toggle-menu.png") repeat-y;
  position: absolute;
  display: block;
  left: 50px;
  top: 0;
}

/* line 174, ../sass/global/_header.scss */

header .logo {
  position: absolute;
  display: block;
  width: 20%;
  top: 18px;
}

/* line 176, ../sass/global/_header.scss */

header .logo .blue-logo {
  display: none;
}

/* line 177, ../sass/global/_header.scss */

header .logo .white-logo {
  display: block;
}

/* line 178, ../sass/global/_header.scss */

header .logo .visible {
  display: block;
}

/* line 180, ../sass/global/_header.scss */

header .logo img {
  width: 102px;
  height: 36px;
}

/* line 186, ../sass/global/_header.scss */

header .mb-logo {
  width: 85px;
  height: 33px;
  /*21改33*/
  background: url(https://www.honor.com/content/dam/honor/common/products/img/logo-wap1.png) no-repeat;
  position: absolute;
  display: block;
  left: 70px;
  top: 12px;
}

/* line 193, ../sass/global/_header.scss */

header .right-section {
  position: absolute;
  display: block;
  top: 40px;
  right: 30px;
}

@media only screen and (max-width: 767px) {
  /* line 193, ../sass/global/_header.scss */
  header .right-section {
    right: 10px;
    top: 0px;
  }
}

/* line 200, ../sass/global/_header.scss */

header .right-section a {
  -moz-transition: all 0.4s linear 0;
  -webkit-transition: all 0.4s linear 0;
  -ms-transition: all 0.4s linear 0;
  -o-transition: all 0.4s linear 0;
  transition: all 0.4s linear 0;
}

/* line 202, ../sass/global/_header.scss */

header .right-section a:hover {
  opacity: 0.9;
  -moz-transition: all 0.4s linear 0;
  -webkit-transition: all 0.4s linear 0;
  -ms-transition: all 0.4s linear 0;
  -o-transition: all 0.4s linear 0;
  transition: all 0.4s linear 0;
}

/* line 208, ../sass/global/_header.scss */

header .sign_in,
header .your-cart,
header .search {
  font-size: 18px;
  line-height: 18px;
  font-family: "bignoodletitlingregular";
  color: #fff;
  float: left;
  margin-right: 18px;
}

@media only screen and (max-width: 767px) {
  /* line 208, ../sass/global/_header.scss */
  header .sign_in,
  header .your-cart,
  header .search {
    margin-right: 0px;
  }
}

/* line 220, ../sass/global/_header.scss */

header .sign_in:last-child,
header .your-cart:last-child,
header .search:last-child {
  margin-right: 0;
}

/* line 223, ../sass/global/_header.scss */

header .sign_in .fa,
header .your-cart .fa,
header .search .fa {
  font-size: 16px;
  vertical-align: middle;
  padding-right: 8px;
}

@media only screen and (max-width: 767px) {
  /* line 223, ../sass/global/_header.scss */
  header .sign_in .fa,
  header .your-cart .fa,
  header .search .fa {
    font-size: 24px;
    line-height: 50px;
  }
}

/* line 234, ../sass/global/_header.scss */

header .sign_in a,
header .your-cart a,
header .search a {
  font-size: 18px;
  line-height: 18px;
  font-family: "bignoodletitlingregular";
  text-transform: uppercase;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  /* line 240, ../sass/global/_header.scss */
  header .sign_in a .txt,
  header .your-cart a .txt,
  header .search a .txt {
    display: none;
  }
}

/* line 243, ../sass/global/_header.scss */

header .sign_in a .ico,
header .your-cart a .ico,
header .search a .ico {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-login.png) no-repeat;
}

/* line 253, ../sass/global/_header.scss */

header .your-cart {
  display: none;
}

/* line 255, ../sass/global/_header.scss */

header .your-cart a .ico {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-cart.png) no-repeat;
}

/* line 258, ../sass/global/_header.scss */

header .search {
  display: none;
}

/* line 260, ../sass/global/_header.scss */

header .search a .ico {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-search.png) no-repeat;
}

/* line 264, ../sass/global/_header.scss */

header.affix {
  height: 70px;
  position: fixed;
  background: #fff;
  z-index: 999;
}

header.affix.cookie {
  height: 140px;
}

/* line 270, ../sass/global/_header.scss */

header.affix .logo {
  top: 20px;
}

/* line 272, ../sass/global/_header.scss */

header.affix .logo .blue-logo {
  display: block;
}

/* line 273, ../sass/global/_header.scss */

header.affix .logo .white-logo {
  display: none;
}

/* line 275, ../sass/global/_header.scss */

header.affix .logo img {
  width: 102px;
  height: 36px;
}

/* line 280, ../sass/global/_header.scss */

header.affix .right-section {
  top: 27px;
}

/* line 283, ../sass/global/_header.scss */

header.affix .right-section .sign_in a,
header.affix .right-section .your-cart a,
header.affix .right-section .search a {
  color: #777;
}

/* line 288, ../sass/global/_header.scss */

header.affix .right-section .your-cart a {
  color: #777;
}

/* line 293, ../sass/global/_header.scss */

header.affix .right-section .search a {
  color: #777;
}

@media only screen and (max-width: 767px) {
  /* line 264, ../sass/global/_header.scss */
  header.affix {
    position: relative;
  }
}

/* line 306, ../sass/global/_header.scss */

header.grey-header .sign_in a,
header.grey-header .your-cart a,
header.grey-header .search a {
  color: #777;
}

/* line 311, ../sass/global/_header.scss */

header.grey-header .your-cart a {
  color: #777;
}

/* line 316, ../sass/global/_header.scss */

header.grey-header .search a {
  color: #777;
}

@media only screen and (max-width: 767px) {
  /* line 322, ../sass/global/_header.scss */
  header.grey-header .sign_in a,
  header.grey-header .your-cart a,
  header.grey-header .search a {
    color: #fff;
  }
  /* line 323, ../sass/global/_header.scss */
  header.grey-header .your-cart a {
    color: #fff;
  }
  /* line 324, ../sass/global/_header.scss */
  header.grey-header .search a {
    color: #fff;
  }
}

/*
** FOOTER
*/

/* line 5, ../sass/global/_footer.scss */

footer .footer {
  padding-top: 70px;
  padding-left: 100px;
}

/* line 9, ../sass/global/_footer.scss */

footer .footer .txt {
  font-size: 26px;
  font-family: "bignoodletitlingregular";
  color: #cccccc;
  line-height: 70px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  /* line 5, ../sass/global/_footer.scss */
  footer .footer {
    padding-left: 0;
    text-align: center;
    /* background: url(/content/dam/honor/common/products/img/footer-mb-mask.jpg) left top no-repeat #139ed1;
    background-size: 100%; */
    background: #139ed1;
    padding-top: 40px;
    /* margin-top: 30px; */
  }
  /* line 27, ../sass/global/_footer.scss */
  footer .footer .social li {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    text-align: center;
    padding: 0 25px;
  }
  /* line 33, ../sass/global/_footer.scss */
  footer .footer .social li a {
    font-size: 24px;
    color: #fff;
  }
}

/* line 1, ../sass/global/_global.scss */

body {
  color: black;
  width: 100%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  position: relative;
  overflow-x: hidden;
}

/* line 11, ../sass/global/_global.scss */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 17, ../sass/global/_global.scss */

a {
  color: #0d79ac;
}

/* line 20, ../sass/global/_global.scss */

a.pink-btn,
a.white-btn,
a.blue-btn {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/btn.png") no-repeat;
  width: 174px;
  height: 43px;
  display: inline-block;
  margin-right: -4px;
  font-family: "bignoodletitlingregular";
  font-size: 19px;
  line-height: 43px;
  text-align: center;
  color: #fff;
  -moz-transition: all 0.4s linear 0;
  -webkit-transition: all 0.4s linear 0;
  -ms-transition: all 0.4s linear 0;
  -o-transition: all 0.4s linear 0;
  transition: all 0.4s linear 0;
}

/* line 33, ../sass/global/_global.scss */

a.pink-btn .fa,
a.white-btn .fa,
a.blue-btn .fa {
  font-size: 20px;
}

/* line 35, ../sass/global/_global.scss */

a.pink-btn:hover,
a.white-btn:hover,
a.blue-btn:hover {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 90 ")";
  filter: alpha(opacity=90);
  zoom: 1;
}

/* line 39, ../sass/global/_global.scss */

a.white-btn,
a.blue-btn {
  background: none;
  width: auto;
  border: 2px solid #fff;
  padding: 0 60px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
}

/* line 47, ../sass/global/_global.scss */

a.blue-btn {
  border: 2px solid #00b3e0;
  color: #00b3e0;
}

/* line 54, ../sass/global/_global.scss */

a:link,
a:visited,
a:active {
  text-decoration: none;
}

/* line 58, ../sass/global/_global.scss */

a:hover {
  -moz-transition: color 500ms ease 0s;
  -webkit-transition: color 500ms ease 0s;
}

/* line 63, ../sass/global/_global.scss */

a:focus,
button:focus,
textarea:focus,
input:focus {
  outline: none;
}

/* line 67, ../sass/global/_global.scss */

:focus {
  outline: none;
}

/* line 71, ../sass/global/_global.scss */

::-moz-focus-inner {
  border: 0;
}

/* line 75, ../sass/global/_global.scss */

textarea:focus,
input:focus {
  outline: none;
}

/* line 79, ../sass/global/_global.scss */

input,
textarea {
  font-family: Arial, Helvetica, sans-serif;
}

/* line 83, ../sass/global/_global.scss */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

/* line 89, ../sass/global/_global.scss */

ul,
ol {
  list-style: none;
}

/* line 93, ../sass/global/_global.scss */

img.full-size {
  width: 100%;
}

/*
** PAGE
*/

/* line 98, ../sass/global/_global.scss */

.page {
  margin: 0 auto;
  width: 100%;
}

/* line 102, ../sass/global/_global.scss */

.no-wrapp {
  padding-right: 0;
  padding-left: 0;
}

/* line 107, ../sass/global/_global.scss */

.no-gutter>[class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

/* line 112, ../sass/global/_global.scss */

.check-screen {
  position: absolute;
  display: block;
  left: -100%;
  top: -100%;
}

/* centered columns styles */

/* line 117, ../sass/global/_global.scss */

.row-new-centered {
  text-align: center;
}

/* line 120, ../sass/global/_global.scss */

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px;
}

/* line 1, ../sass/page/_home.scss */

#top-banner {
  position: relative;
  overflow: hidden;
}

/* line 6, ../sass/page/_home.scss */

#top-banner .topbannerSlider .slider-item-c-new {
  position: relative;
}

/* line 9, ../sass/page/_home.scss */

#top-banner .topbannerSlider .slider-item-c-new .big-photo-c {
  width: 100%;
}

/* line 14, ../sass/page/_home.scss */

#top-banner .bx-viewport {
  z-index: 0;
}

/* line 16, ../sass/page/_home.scss */

#top-banner .bx-pager {
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  bottom: 12px;
  text-align: center;
  z-index: 1;
  display: none;
}

@media only screen and (max-width: 767px) {
  /* line 16, ../sass/page/_home.scss */
  #top-banner .bx-pager {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 16, ../sass/page/_home.scss */
  #top-banner .bx-pager {
    display: block;
  }
}

/* line 30, ../sass/page/_home.scss */

#top-banner .bx-pager .bx-pager-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
  margin-left: 18px;
}

/* line 36, ../sass/page/_home.scss */

#top-banner .bx-pager .bx-pager-item:first-child {
  margin-left: 0;
}

div#top-banner {
  z-index: 1;
  margin-top: -2%;
}

/* line 38, ../sass/page/_home.scss */

#top-banner .bx-pager .bx-pager-item .bx-pager-link {
  display: block;
  width: 7px;
  height: 7px;
  background: none;
  border: 1px solid #fefefe;
  border-radius: 100px 100px 100px 100px;
  -moz-border-radius: 100px 100px 100px 100px;
  -webkit-border-radius: 100px 100px 100px 100px;
  text-indent: -9999px;
}

/* line 47, ../sass/page/_home.scss */

#top-banner .bx-pager .bx-pager-item .bx-pager-link.active {
  background: #fefefe;
}

/* line 54, ../sass/page/_home.scss */

#top-banner .bx-controls-direction {
  margin: 0 auto;
}

/* line 57, ../sass/page/_home.scss */

#top-banner .bx-controls-direction .bx-prev {
  width: 21px;
  height: 42px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/icon-arrow-left.png) no-repeat;
  position: absolute;
  display: block;
  left: 95px;
  top: 45%;
  text-indent: -9999px;
}

@media only screen and (max-width: 767px) {
  /* line 57, ../sass/page/_home.scss */
  #top-banner .bx-controls-direction .bx-prev {
    background-image: url(https://www.honor.com/content/dam/honor/common/products/img/icon-arrow-left-mobile.png);
    left: 15px;
  }
}

/* line 68, ../sass/page/_home.scss */

#top-banner .bx-controls-direction .bx-next {
  width: 21px;
  height: 42px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/icon-arrow-right.png) no-repeat;
  position: absolute;
  display: block;
  top: 45%;
  right: 15px;
  text-indent: -9999px;
}

@media only screen and (max-width: 767px) {
  /* line 68, ../sass/page/_home.scss */
  #top-banner .bx-controls-direction .bx-next {
    background-image: url(https://www.honor.com/content/dam/honor/common/products/img/icon-arrow-right-mobile.png);
  }
}

#top-banner .bx-controls-direction .bx-prev-end {
  position: absolute;
  left: 95px;
  top: 40%;
  width: 60px;
  height: 60px;
  z-index: 20;
  background: #000;
  opacity: .3;
  -moz-opacity: .3;
  filter: Alpha(opacity=30);
  transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
}

/* line 80, ../sass/page/_home.scss */

#top-banner .banner-mask {
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  z-index: 98;
}

/* line 84, ../sass/page/_home.scss */

#top-banner .banner-mask img {
  width: 100%;
}

/* line 87, ../sass/page/_home.scss */

#top-banner .align-center-section {
  width: 100%;
  text-align: center;
  position: absolute;
  display: block;
  left: 0;
  bottom: 80px;
  z-index: 98;
}

/* line 93, ../sass/page/_home.scss */

#top-banner .align-center-section .scroll-down-btn {
  width: 78px;
  height: 78px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/scroll-down-btn.png) no-repeat;
  display: inline-block;
}

/* line 102, ../sass/page/_home.scss */

#wrap-features-product {
  position: relative;
}

/* line 105, ../sass/page/_home.scss */

#wrap-features-product .features-heading {
  margin-top: 10%;
  width: 50%;
  float: left;
}

@media only screen and (max-width: 767px) {
  /* line 105, ../sass/page/_home.scss */
  #wrap-features-product .features-heading {
    width: 100%;
    float: none;
  }
}

/* line 113, ../sass/page/_home.scss */

#wrap-features-product .features-heading .title {
  font-family: "bignoodletitlingregular";
  font-size: 60px;
  color: #333333;
  text-transform: uppercase;
  line-height: 50px;
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  /* line 113, ../sass/page/_home.scss */
  #wrap-features-product .features-heading .title {
    text-align: center;
    font-size: 40px;
    margin-top: 20px;
  }
}

/* line 127, ../sass/page/_home.scss */

#wrap-features-product .features-heading .desc {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  color: #666666;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
  /* line 127, ../sass/page/_home.scss */
  #wrap-features-product .features-heading .desc {
    text-align: center;
  }
}

/* line 139, ../sass/page/_home.scss */

#wrap-features-product .wrap-info .features-list {
  width: 50%;
  float: left;
}

/* line 143, ../sass/page/_home.scss */

#wrap-features-product .wrap-info .features-list ul {
  overflow: hidden;
  width: 100%;
  margin: 0;
}

/* line 148, ../sass/page/_home.scss */

#wrap-features-product .wrap-info .features-list ul li {
  float: left;
}

/* line 151, ../sass/page/_home.scss */

#wrap-features-product .wrap-info .features-list ul li a {
  display: block;
  padding-right: 50px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  /* line 151, ../sass/page/_home.scss */
  #wrap-features-product .wrap-info .features-list ul li a {
    padding-right: 0;
    width: 75px;
    text-align: center;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 151, ../sass/page/_home.scss */
  #wrap-features-product .wrap-info .features-list ul li a {
    padding-right: 25px;
  }
}

/* line 165, ../sass/page/_home.scss */

#wrap-features-product .wrap-info .features-list ul li a .name {
  display: block;
  margin-top: 10px;
  text-transform: uppercase;
  font-family: "bignoodletitlingregular";
  font-size: 16px;
  color: #444444;
  max-width: 60px;
}

@media only screen and (max-width: 767px) {
  /* line 165, ../sass/page/_home.scss */
  #wrap-features-product .wrap-info .features-list ul li a .name {
    max-width: 100%;
    width: 100%;
  }
}

/* line 184, ../sass/page/_home.scss */

#wrap-features-product .wrap-info .lnk-learn-more {
  margin-top: 45px;
  display: inline-block;
  border: 2px solid #ebebeb;
  background-color: #fff;
  width: auto;
  padding: 0 20px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #01b4e1;
  text-transform: uppercase;
  font-size: 20px;
  font-family: "bignoodletitlingregular";
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
}

/* line 200, ../sass/page/_home.scss */

#wrap-features-product .wrap-info .lnk-learn-more:hover {
  opacity: 0.7;
}

/* line 205, ../sass/page/_home.scss */

#wrap-features-product .wrap-info .features-img {
  width: 50%;
}

@media only screen and (max-width: 767px) {
  /* line 208, ../sass/page/_home.scss */
  #wrap-features-product .wrap-info .features-img img {
    width: 100%;
  }
}

/* line 218, ../sass/page/_home.scss */

#story-block {
  position: relative;
  color: #fff;
  margin-top: 0px;
}

/* line 223, ../sass/page/_home.scss */

#story-block .skew-block {
  width: 100%;
  height: 60px;
  -ms-transform: skewY(-3deg);
  /* IE 9 */
  -webkit-transform: skewY(-3deg);
  /* Safari */
  transform: skewY(-3deg);
  /* Standard syntax */
  -sand-transform: skewY(-3deg);
  /* IE 8 */
  background: url("https://www.honor.com/content/dam/honor/common/products/img/bg-block.png") repeat;
}

/* line 233, ../sass/page/_home.scss */

#story-block .inner {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/bg-block.png") repeat;
  position: relative;
}

@media only screen and (max-width: 767px) {
  /* line 233, ../sass/page/_home.scss */
  #story-block .inner {
    margin-top: -20px;
  }
}

/* line 240, ../sass/page/_home.scss */

#story-block .inner .block-photo {
  margin-top: -60px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 240, ../sass/page/_home.scss */
  #story-block .inner .block-photo {
    margin-top: -55px;
  }
}

/* line 247, ../sass/page/_home.scss */

#story-block .inner .banner-mask {
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  bottom: -2px;
  z-index: 98;
}

@media only screen and (max-width: 767px) {
  /* line 247, ../sass/page/_home.scss */
  #story-block .inner .banner-mask {
    position: absolute;
    display: block;
    left: 0;
    bottom: -4px;
  }
}

/* line 254, ../sass/page/_home.scss */

#story-block .inner .banner-mask img {
  width: 100%;
}

/* line 257, ../sass/page/_home.scss */

#story-block .inner .wrap-slider-story-block .slider-story-block {
  overflow: hidden;
  margin: 0;
}

/* line 261, ../sass/page/_home.scss */

#story-block .inner .wrap-slider-story-block .slider-story-block .item {
  position: relative;
}

/* line 264, ../sass/page/_home.scss */

#story-block .inner .wrap-slider-story-block .slider-story-block .item .wrap-info {
  position: absolute;
  bottom: 30px;
  left: 15px;
}

/* line 269, ../sass/page/_home.scss */

#story-block .inner .wrap-slider-story-block .slider-story-block .item .wrap-info .name {
  font-family: "bignoodletitlingregular";
  font-size: 25px;
  text-transform: uppercase;
  color: #fff;
  display: block;
}

/* line 276, ../sass/page/_home.scss */

#story-block .inner .wrap-slider-story-block .slider-story-block .item .wrap-info .title {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 14px;
  text-transform: capitalize;
  color: #fff;
  display: block;
  margin-top: 8px;
}

/* line 285, ../sass/page/_home.scss */

#story-block .inner .wrap-slider-story-block .slider-story-block .item img {
  width: 100%;
}

/* line 290, ../sass/page/_home.scss */

#story-block .inner .wrap-slider-story-block .bx-controls {
  position: absolute;
  bottom: 10px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

/* line 297, ../sass/page/_home.scss */

#story-block .inner .wrap-slider-story-block .bx-controls .bx-pager {
  overflow: hidden;
}

/* line 300, ../sass/page/_home.scss */

#story-block .inner .wrap-slider-story-block .bx-controls .bx-pager .bx-pager-item {
  padding: 0 5px;
  display: inline-block;
}

/* line 304, ../sass/page/_home.scss */

#story-block .inner .wrap-slider-story-block .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  opacity: 0.6;
  background-color: #fff;
  display: block;
  width: 14px;
  height: 14px;
  text-indent: -99999px;
  border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
}

/* line 313, ../sass/page/_home.scss */

#story-block .inner .wrap-slider-story-block .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  opacity: 1;
}

/* line 323, ../sass/page/_home.scss */

#story-block .block-txt {
  padding-top: 30%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  /* line 323, ../sass/page/_home.scss */
  #story-block .block-txt {
    padding-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 323, ../sass/page/_home.scss */
  #story-block .block-txt {
    padding-top: 10px;
  }
}

/* line 335, ../sass/page/_home.scss */

#story-block .block-txt .block-title {
  font-family: "lunaregular";
  font-size: 20px;
  text-shadow: 1px 3px 1px #0a7d99;
}

/* line 340, ../sass/page/_home.scss */

#story-block .block-txt .block-desc {
  max-width: 235px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  line-height: 18px;
  margin: 22px auto;
}

@media only screen and (max-width: 767px) {
  /* line 347, ../sass/page/_home.scss */
  #story-block .block-txt .pink-btn,
  #story-block .block-txt a.white-btn,
  #story-block .block-txt a.blue-btn {
    margin-bottom: 35px;
  }
}

/* line 354, ../sass/page/_home.scss */

#story-block .col-wrapper {
  float: right;
  margin-top: -72px;
}

/* line 358, ../sass/page/_home.scss */

#story-block .col-wrapper>div {
  float: left;
  position: relative;
}

/* line 362, ../sass/page/_home.scss */

#story-block .col-wrapper>div>img {
  width: 100%;
}

/* line 366, ../sass/page/_home.scss */

#story-block .col-wrapper .name-wrapper {
  left: 30px;
  position: absolute;
}

/* line 370, ../sass/page/_home.scss */

#story-block .col-wrapper .name-wrapper .name {
  font-family: "bignoodletitlingregular";
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

/* line 376, ../sass/page/_home.scss */

#story-block .col-wrapper .name-wrapper .desc {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
}

/* line 381, ../sass/page/_home.scss */

#story-block .col-wrapper .img-1 {
  margin-right: -3.37%;
  margin-top: 24px;
  width: 36.7%;
}

/* line 386, ../sass/page/_home.scss */

#story-block .col-wrapper .img-1 .name-wrapper {
  bottom: 35px;
}

/* line 390, ../sass/page/_home.scss */

#story-block .col-wrapper .img-2 {
  margin-right: -7.4%;
  margin-top: 12px;
  width: 37.87%;
}

/* line 395, ../sass/page/_home.scss */

#story-block .col-wrapper .img-2 .name-wrapper {
  top: 50px;
}

/* line 399, ../sass/page/_home.scss */

#story-block .col-wrapper .img-3 {
  width: 36.2%;
}

/* line 401, ../sass/page/_home.scss */

#story-block .col-wrapper .img-3 .name-wrapper {
  bottom: 56px;
}

/* line 409, ../sass/page/_home.scss */

#wrap-introducing-plank {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 500px;
  padding-left: 65px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  /* line 409, ../sass/page/_home.scss */
  #wrap-introducing-plank {
    padding: 0 0 30px 0;
    height: auto;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/footer-mb-mask.jpg) bottom left no-repeat;
    background-size: 100%;
  }
}

/* line 423, ../sass/page/_home.scss */

#wrap-introducing-plank .title {
  font-family: "bignoodletitlingregular";
  font-size: 32px;
  text-transform: uppercase;
  color: #333333;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

/* line 433, ../sass/page/_home.scss */

#wrap-introducing-plank .desc {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  color: #333333;
  margin: 0;
  display: block;
  width: 100%;
  text-align: center;
}

/* line 442, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid {
  width: 995px;
  position: relative;
  margin: 75px auto 0;
}

/* line 447, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1,
#wrap-introducing-plank .diamond-grid .dg-2,
#wrap-introducing-plank .diamond-grid .dg-3 {
  position: relative;
  float: left;
}

/* line 451, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1 .img-c,
#wrap-introducing-plank .diamond-grid .dg-2 .img-c,
#wrap-introducing-plank .diamond-grid .dg-3 .img-c {
  position: absolute;
}

/* line 454, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1 .img-c>img,
#wrap-introducing-plank .diamond-grid .dg-2 .img-c>img,
#wrap-introducing-plank .diamond-grid .dg-3 .img-c>img {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -sand-transform: rotate(-45deg);
}

/* line 462, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c,
#wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c,
#wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}

/* line 467, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .bg,
#wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .bg,
#wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .bg {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/transparent-2.png) repeat;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -sand-transform: rotate(-45deg);
  display: none;
}

/* line 479, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .bg .fixBGIE8,
#wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .bg .fixBGIE8,
#wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .bg .fixBGIE8 {
  display: none;
}

/* line 481, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .txt,
#wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .txt,
#wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .txt {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 40% 0 0 0;
  color: #fff;
  line-height: 20px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  display: none;
}

/* line 492, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .txt .fa,
#wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .txt .fa,
#wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .txt .fa {
  font-size: 30px;
}

/* line 497, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c.lnk-play-video,
#wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c.lnk-play-video,
#wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c.lnk-play-video {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/icon-play.png") center center no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}

/* line 503, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c.lnk-play-video:hover,
#wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c.lnk-play-video:hover,
#wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c.lnk-play-video:hover {
  opacity: 0.8;
}

/* line 511, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1 .img-c:hover .hover-c .bg,
#wrap-introducing-plank .diamond-grid .dg-1 .img-c:hover .hover-c .txt,
#wrap-introducing-plank .diamond-grid .dg-2 .img-c:hover .hover-c .bg,
#wrap-introducing-plank .diamond-grid .dg-2 .img-c:hover .hover-c .txt,
#wrap-introducing-plank .diamond-grid .dg-3 .img-c:hover .hover-c .bg,
#wrap-introducing-plank .diamond-grid .dg-3 .img-c:hover .hover-c .txt {
  display: block;
}

/* line 517, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1 {
  width: 275px;
  height: 183px;
}

/* line 521, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1 .img-1 {
  left: 0;
  top: 0;
}

/* line 525, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-1 .img-2 {
  left: -17px;
  bottom: -85px;
}

/* line 531, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-2 {
  width: 363px;
  height: 452px;
  margin-left: -90px;
  z-index: 1;
}

/* line 536, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-2 .img-1 {
  top: 10px;
  left: 50px;
}

/* line 541, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-2 .img-1 .hover-c .txt {
  padding-top: 38%;
}

/* line 546, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-2 .img-2 {
  right: -45px;
  top: 0px;
}

/* line 550, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-2 .img-3 {
  top: 98px;
  right: -170px;
}

/* line 555, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-2 .img-3 .hover-c .txt {
  padding-top: 38%;
}

/* line 562, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-3 {
  width: 317px;
  height: 226px;
}

/* line 566, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-3 .img-1 {
  top: -10px;
  left: 166px;
}

/* line 571, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-3 .img-1 .hover-c .txt {
  padding-top: 38%;
}

/* line 576, ../sass/page/_home.scss */

#wrap-introducing-plank .diamond-grid .dg-3 .img-2 {
  right: -167px;
  top: -7px;
}

/* line 582, ../sass/page/_home.scss */

#wrap-introducing-plank .bx-viewport {
  overflow: visible !important;
  width: 320px !important;
}

/* line 586, ../sass/page/_home.scss */

#wrap-introducing-plank .wrap-slider-introducing-plank {
  padding: 20px 0 0;
}

/* line 590, ../sass/page/_home.scss */

#wrap-introducing-plank .wrap-slider-introducing-plank .list-items .items {
  width: 180px !important;
  margin: 0;
  padding: 45px 0;
}

/* line 595, ../sass/page/_home.scss */

#wrap-introducing-plank .wrap-slider-introducing-plank .list-items .items img {
  width: 100%;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -sand-transform: rotate(-45deg);
}

/* line 2, ../sass/page/_product.scss */

.page-product .phone-section-wrapper {
  overflow: hidden;
}

/* line 5, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section {
  position: relative;
}

/* line 8, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .desc {
  position: absolute;
  display: block;
  top: 43%;
  right: 18%;
}

@media only screen and (max-width: 767px) {
  /* line 8, ../sass/page/_product.scss */
  .page-product .phone-section-wrapper .phone-section .desc {
    top: 60%;
    left: 10%;
    right: auto;
  }
}

/* line 16, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .desc .title {
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 70px;
  line-height: 0.8;
}

@media only screen and (max-width: 767px) {
  /* line 16, ../sass/page/_product.scss */
  .page-product .phone-section-wrapper .phone-section .desc .title {
    font-size: 45px;
  }
}

/* line 25, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .desc .headline {
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 30px;
  line-height: 35px;
  vertical-align: middle;
}

/* line 32, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .desc .headline a {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  /* line 32, ../sass/page/_product.scss */
  .page-product .phone-section-wrapper .phone-section .desc .headline a {
    display: block;
    line-height: 20px;
    min-height: 20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 25, ../sass/page/_product.scss */
  .page-product .phone-section-wrapper .phone-section .desc .headline {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 44, ../sass/page/_product.scss */
  .page-product .phone-section-wrapper .phone-section .desc .ico-headline {
    width: 18px;
  }
}

/* line 51, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper {
  margin: 0 auto;
  position: relative;
}

/* line 55, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper #main-phone-img {
  width: 100%;
}

/* line 59, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c {
  min-width: 300px;
}

/* line 62, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c .ico-detail {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/ico-detail.png") no-repeat;
  width: 36px;
  height: 36px;
  display: block;
}

/* line 68, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c .hover-section {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/bg-detail-l.png") left top no-repeat;
  padding-left: 21px;
  position: absolute;
  display: block;
  left: 30px;
  bottom: 25px;
  display: none;
}

/* line 74, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c .hover-section .hover-section-r {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/bg-detail-right.png") right top no-repeat;
  padding-right: 5px;
  display: block;
}

/* line 79, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c .hover-section .hover-section-r .txt {
  display: block;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/bg-detail-center.png") repeat-x;
  width: auto;
  height: 35px;
  color: #333;
  font-family: "bignoodletitlingregular";
  font-size: 20px;
  padding: 15px 0 0 0;
}

/* line 92, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-1 {
  position: absolute;
  display: block;
  left: 8%;
  bottom: 50%;
}

/* line 95, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-1:hover .ico-detail {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/ico-detail-active-1.png");
}

/* line 100, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-2 {
  position: absolute;
  display: block;
  left: 30%;
  bottom: 15%;
}

/* line 103, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-2:hover .ico-detail {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/ico-detail-active-1.png");
}

/* line 108, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-3 {
  position: absolute;
  display: block;
  left: 45%;
  bottom: 60%;
}

/* line 111, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-3:hover .ico-detail {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/ico-detail-active-1.png");
}

/* line 116, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-4 {
  position: absolute;
  display: block;
  left: 85%;
  bottom: 55%;
}

/* line 119, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c.detail-block-4:hover .ico-detail {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/ico-detail-active-1.png");
}

/* line 126, ../sass/page/_product.scss */

.page-product .phone-section-wrapper .phone-section .phone-img-wrapper .detail-block-c:hover .hover-section {
  display: block;
}

/* line 135, ../sass/page/_product.scss */

.page-product .sticky-nav {
  width: 100%;
  height: 130px;
  margin-top: -130px;
  padding-top: 16px;
  padding-left: 65px;
  z-index: 1;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 135, ../sass/page/_product.scss */
  .page-product .sticky-nav {
    height: 80px;
    margin-top: -80px;
  }
}

/* line 149, ../sass/page/_product.scss */

.page-product .sticky-nav .row-new {
  margin: 0;
}

/* line 152, ../sass/page/_product.scss */

.page-product .sticky-nav .col-20 {
  width: 20%;
  float: left;
  text-align: center;
}

/* line 156, ../sass/page/_product.scss */

.page-product .sticky-nav .col-20 a {
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 20px;
}

/* line 160, ../sass/page/_product.scss */

.page-product .sticky-nav .col-20 a img {
  margin-right: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 160, ../sass/page/_product.scss */
  .page-product .sticky-nav .col-20 a img {
    width: 30px;
  }
}

/* line 167, ../sass/page/_product.scss */

.page-product .sticky-nav .col-20 a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 70 ")";
  filter: alpha(opacity=70);
  zoom: 1;
}

/* line 172, ../sass/page/_product.scss */

.page-product .sticky-nav.affix {
  position: fixed;
  top: 70px;
  z-index: 999;
  margin-bottom: 0;
  background-color: #f6f6f6;
  border-bottom: 2px solid #e8e7e7;
  padding-top: 16px;
  height: 80px;
  opacity: 0;
  margin-top: 0px;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}

/* line 185, ../sass/page/_product.scss */

.page-product .sticky-nav.affix.scrolling-up {
  opacity: 1;
  -moz-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 172, ../sass/page/_product.scss */
  .page-product .sticky-nav.affix {
    height: 60px;
  }
}

/* line 196, ../sass/page/_product.scss */

.page-product .block-title {
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 50px;
  line-height: 50px;
  min-height: 60px;
  /*
  &.ico-taxi {
    background: url(/content/dam/honor/common/products/img/ico-taxi.png) left top no-repeat;
    padding-left: 120px;
    padding-top: 10px;
  }
  &.ico-birthday {
    background: url(/content/dam/honor/common/products/img/ico-birthday.png) left top no-repeat;
    padding-left: 65px;
    padding-top: 10px;
  }
  &.ico-call {
    background: url(/content/dam/honor/common/products/img/ico-call.png) left top no-repeat;
    padding-left: 68px;
    padding-top: 10px;
  }
  */
}

@media only screen and (max-width: 767px) {
  /* line 196, ../sass/page/_product.scss */
  .page-product .block-title {
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 196, ../sass/page/_product.scss */
  .page-product .block-title {
    font-size: 30px;
  }
}

/* line 210, ../sass/page/_product.scss */

.page-product .block-title .ico {
  vertical-align: middle;
  display: inline-block;
  margin-right: -4px;
}

/* line 215, ../sass/page/_product.scss */

.page-product .block-title .txt {
  vertical-align: middle;
  display: inline-block;
  margin-right: -4px;
  padding-left: 20px;
  line-height: 50px;
  padding-top: 15px;
}

/* line 241, ../sass/page/_product.scss */

.page-product .block-title.white-block {
  color: #01b4e1;
}

/* line 245, ../sass/page/_product.scss */

.page-product .block-desc {
  color: #fff;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  /* line 245, ../sass/page/_product.scss */
  .page-product .block-desc {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 245, ../sass/page/_product.scss */
  .page-product .block-desc {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 20px;
  }
}

/* line 263, ../sass/page/_product.scss */

.page-product .block-desc h3 {
  font-family: "bignoodletitlingregular";
  font-size: 20px;
  padding-top: 30px;
  padding-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 263, ../sass/page/_product.scss */
  .page-product .block-desc h3 {
    padding-top: 20px;
  }
}

/* line 272, ../sass/page/_product.scss */

.page-product .block-desc h3.white-block {
  color: #777;
}

/* line 277, ../sass/page/_product.scss */

.page-product .block-desc.white-block {
  color: #444;
}

/* line 283, ../sass/page/_product.scss */

.page-product .product-sliders .left-col,
.page-product .product-sliders .right-col {
  position: relative;
}

/* line 285, ../sass/page/_product.scss */

.page-product .product-sliders .left-col .left-img,
.page-product .product-sliders .left-col .right-img,
.page-product .product-sliders .right-col .left-img,
.page-product .product-sliders .right-col .right-img {
  width: 100%;
}

/* line 290, ../sass/page/_product.scss */

.page-product .product-sliders .col-content {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 20% 10% 0 10%;
}

@media only screen and (max-width: 767px) {
  /* line 290, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content {
    padding: 50px 25px 0 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 290, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content {
    padding: 10% 5% 0 5%;
  }
}

/* line 306, ../sass/page/_product.scss */

.page-product .product-sliders .col-content .block-icons-wrapper .item-c-new {
  text-align: center;
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  padding: 0 15px;
}

@media only screen and (max-width: 767px) {
  /* line 306, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c-new {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 306, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c-new {
    padding: 0 10px;
  }
}

@media only screen and (width: 1024px) {
  /* line 306, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c-new {
    padding: 0 10px;
  }
}

/* line 323, ../sass/page/_product.scss */

.page-product .product-sliders .col-content .block-icons-wrapper .item-c-new img {
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  /* line 323, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c-new img {
    height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 323, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c-new img {
    height: 50px;
  }
}

/* line 333, ../sass/page/_product.scss */

.page-product .product-sliders .col-content .block-icons-wrapper .item-c-new .txt {
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 20px;
  margin-bottom: 0;
  display: block;
}

@media only screen and (max-width: 767px) {
  /* line 333, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c-new .txt {
    font-size: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 333, ../sass/page/_product.scss */
  .page-product .product-sliders .col-content .block-icons-wrapper .item-c-new .txt {
    font-size: 15px;
  }
}

/* line 347, ../sass/page/_product.scss */

.page-product .product-sliders .col-content .block-icons-wrapper .item-c-new .txt.white-block {
  color: #333;
}

/* line 352, ../sass/page/_product.scss */

.page-product .product-sliders .col-content .block-icons-wrapper .item-c-new:first-child {
  padding-left: 0;
}

/* line 360, ../sass/page/_product.scss */

.page-product .bx-wrapper {
  position: relative;
}

/* line 362, ../sass/page/_product.scss */

.page-product .bx-wrapper .bx-controls {
  z-index: 51;
  width: 50%;
  position: absolute;
  display: block;
  left: 0;
  bottom: 10%;
}

@media only screen and (max-width: 767px) {
  /* line 362, ../sass/page/_product.scss */
  .page-product .bx-wrapper .bx-controls {
    width: auto;
    position: absolute;
    display: block;
    left: auto;
    right: 5%;
    bottom: 5%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 362, ../sass/page/_product.scss */
  .page-product .bx-wrapper .bx-controls {
    bottom: 5%;
  }
}

/* line 375, ../sass/page/_product.scss */

.page-product .bx-wrapper .bx-controls .bx-pager {
  padding: 0 10%;
}

@media only screen and (max-width: 767px) {
  /* line 375, ../sass/page/_product.scss */
  .page-product .bx-wrapper .bx-controls .bx-pager {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 375, ../sass/page/_product.scss */
  .page-product .bx-wrapper .bx-controls .bx-pager {
    padding: 0 5%;
  }
}

/* line 385, ../sass/page/_product.scss */

.page-product .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  margin-right: 15px;
}

/* line 391, ../sass/page/_product.scss */

.page-product .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio.png");
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  display: block;
}

/* line 397, ../sass/page/_product.scss */

.page-product .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-active.png");
}

/* line 402, ../sass/page/_product.scss */

.page-product .bx-wrapper .bx-controls .bx-pager .bx-pager-item:last-child {
  margin-right: 0;
}

/* line 408, ../sass/page/_product.scss */

.page-product .section-1-wrapper {
  padding-left: 65px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  /* line 408, ../sass/page/_product.scss */
  .page-product .section-1-wrapper {
    padding-left: 0;
    border-top: 2px solid #d5d4d4;
  }
  /* line 416, ../sass/page/_product.scss */
  .page-product .section-1-wrapper .product-sliders .right-col {
    margin-top: -20px;
  }
}

/* line 423, ../sass/page/_product.scss */

.page-product .section-2-wrapper {
  padding-left: 65px;
  margin-top: -3%;
  overflow: hidden;
  position: relative;
  z-index: 99;
}

@media only screen and (max-width: 767px) {
  /* line 423, ../sass/page/_product.scss */
  .page-product .section-2-wrapper {
    padding-left: 0;
    margin-top: 0;
  }
  /* line 435, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .left-col {
    background-color: #FFF;
    float: none;
    z-index: 1;
  }
  /* line 440, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .left-col .col-content {
    position: relative;
  }
  /* line 442, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .left-col .col-content .block-title {
    color: #13bde3;
  }
  /* line 443, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .left-col .col-content .block-desc {
    color: #444;
  }
  /* line 444, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .left-col .col-content .block-desc-1 {
    color: #444;
  }
  /* line 447, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .right-col {
    float: none;
    margin-top: -110px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 455, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .product-sliders .col-content {
    padding-top: 10%;
  }
}

/* line 463, ../sass/page/_product.scss */

.page-product .section-2-wrapper .bx-wrapper .bx-controls {
  position: absolute;
  display: block;
  left: auto;
  right: 0;
  bottom: 10%;
}

@media only screen and (max-width: 767px) {
  /* line 463, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .bx-wrapper .bx-controls {
    position: absolute;
    display: block;
    left: auto;
    right: 5%;
    bottom: 2%;
  }
  /* line 470, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .bx-wrapper .bx-controls .bx-pager-item .bx-pager-link {
    background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-grey.png");
  }
  /* line 472, ../sass/page/_product.scss */
  .page-product .section-2-wrapper .bx-wrapper .bx-controls .bx-pager-item .bx-pager-link.active {
    background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-grey-active.png");
  }
}

/* line 482, ../sass/page/_product.scss */

.page-product .section-3-wrapper {
  padding-left: 65px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  /* line 482, ../sass/page/_product.scss */
  .page-product .section-3-wrapper {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  /* line 492, ../sass/page/_product.scss */
  .page-product .section-3-wrapper .product-sliders .right-col {
    margin-top: -15px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 499, ../sass/page/_product.scss */
  .page-product .section-3-wrapper .product-sliders .col-content .block-title,
  .page-product .section-3-wrapper .product-sliders .col-content .block-desc {
    color: #FFF;
  }
}

/* line 505, ../sass/page/_product.scss */

.page-product .section-3-wrapper .product-sliders .col-content .block-icons-wrapper .item-c-new {
  padding-right: 90px;
}

/* line 507, ../sass/page/_product.scss */

.page-product .section-3-wrapper .product-sliders .col-content .block-icons-wrapper .item-c-new .txt {
  color: #333333;
}

@media only screen and (max-width: 767px) {
  /* line 505, ../sass/page/_product.scss */
  .page-product .section-3-wrapper .product-sliders .col-content .block-icons-wrapper .item-c-new {
    padding-right: 5px;
  }
  /* line 511, ../sass/page/_product.scss */
  .page-product .section-3-wrapper .product-sliders .col-content .block-icons-wrapper .item-c-new .txt {
    color: #fff;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 505, ../sass/page/_product.scss */
  .page-product .section-3-wrapper .product-sliders .col-content .block-icons-wrapper .item-c-new {
    padding-right: 5px;
  }
}

/* line 521, ../sass/page/_product.scss */

.page-product .section-3-wrapper .bx-wrapper .bx-controls {
  position: absolute;
  display: block;
  left: auto;
  right: 0;
  bottom: 10%;
}

@media only screen and (max-width: 767px) {
  /* line 521, ../sass/page/_product.scss */
  .page-product .section-3-wrapper .bx-wrapper .bx-controls {
    position: absolute;
    display: block;
    left: auto;
    right: 5%;
    bottom: 2%;
  }
}

/* line 529, ../sass/page/_product.scss */

.page-product .section-3-wrapper .bx-wrapper .bx-controls .bx-pager-item .bx-pager-link {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-grey.png");
}

/* line 531, ../sass/page/_product.scss */

.page-product .section-3-wrapper .bx-wrapper .bx-controls .bx-pager-item .bx-pager-link.active {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-grey-active.png");
}

/* line 540, ../sass/page/_product.scss */

.page-product .section-4-wrapper {
  padding-left: 65px;
  overflow: hidden;
  background: #f6f6f6;
}

@media only screen and (max-width: 767px) {
  /* line 540, ../sass/page/_product.scss */
  .page-product .section-4-wrapper {
    padding-left: 0;
  }
}

/* line 550, ../sass/page/_product.scss */

.page-product .section-4-wrapper .product-sliders .col-content {
  position: static;
  padding: 0;
}

/* line 555, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-left-col {
  width: 50%;
  float: left;
  padding-top: 10%;
  padding-left: 5%;
}

@media only screen and (max-width: 767px) {
  /* line 555, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-left-col {
    width: 100%;
    padding: 50px 25px 0;
    float: none;
  }
}

/* line 569, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .phone-wrapper {
  width: 35%;
  text-align: left;
  padding-top: 87px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 569, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .phone-wrapper {
    width: 50%;
  }
}

@media only screen and (width: 1024px) {
  /* line 569, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .phone-wrapper {
    width: 40%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 569, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .phone-wrapper {
    width: 50%;
  }
  /* line 585, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .phone-wrapper #product-slider-4 li img {
    width: 100%;
  }
}

/* line 593, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .phone-wrapper #product-slider-4 li {
  overflow: hidden;
}

/* line 595, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .phone-wrapper #product-slider-4 li img {
  max-width: 100%;
}

/* line 599, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager {
  position: absolute;
  display: block;
  right: 40px;
  bottom: 5%;
  z-index: 99;
}

@media only screen and (max-width: 767px) {
  /* line 599, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager {
    position: absolute;
    display: block;
    left: -130px;
    right: auto;
    bottom: 5%;
  }
}

/* line 607, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .txt-available {
  color: #777;
  font-family: "bignoodletitlingregular";
  font-size: 20px;
  margin-right: 10px;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  /* line 607, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .txt-available {
    display: block;
    font-size: 15px;
    padding-bottom: 5px;
  }
}

/* line 620, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper {
  display: inline-block;
  height: 40px;
  margin-top: -5px;
  margin-right: 18px;
  position: relative;
}

/* line 625, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper:last-child {
  margin-right: 0;
}

/* line 630, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper a {
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  display: inline-block;
}

/* line 637, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper a.color-1 {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/color-white.png");
}

/* line 640, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper a.color-2 {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/color-gold.png");
}

/* line 643, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper a.color-3 {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/color-grey.png");
}

/* line 649, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper .color-name {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/bg-phone-color.png");
  background-repeat: no-repeat;
  width: 59px;
  height: 24px;
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 16px;
  padding-top: 6px;
  display: none;
  position: absolute;
  left: -18px;
  bottom: -8px;
  text-align: center;
}

/* line 665, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .phone-wrapper .custom-pager .color-wrapper .color-name.active {
  display: block;
}

/* line 673, ../sass/page/_product.scss */

.page-product .section-4-wrapper .special-right-col .block-icons-wrapper {
  width: 65%;
  padding-left: 5%;
}

@media only screen and (max-width: 767px) {
  /* line 673, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .block-icons-wrapper {
    width: 50%;
    position: relative;
  }
  /* line 680, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .block-icons-wrapper .item-c-new {
    width: 50%;
    padding: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 673, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .block-icons-wrapper {
    width: 50%;
    padding-left: 0;
  }
  /* line 690, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .block-icons-wrapper .item-c-new {
    width: 50%;
    padding: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (width: 1024px) {
  /* line 673, ../sass/page/_product.scss */
  .page-product .section-4-wrapper .special-right-col .block-icons-wrapper {
    width: 60%;
  }
}

/* line 703, ../sass/page/_product.scss */

.page-product .section-5-wrapper {
  padding-left: 65px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  /* line 703, ../sass/page/_product.scss */
  .page-product .section-5-wrapper {
    padding-left: 0;
  }
}

/* line 711, ../sass/page/_product.scss */

.page-product .section-5-wrapper .left-img {
  width: 100%;
}

/* line 714, ../sass/page/_product.scss */

.page-product .section-5-wrapper .right-col {
  padding-top: 13%;
}

@media only screen and (max-width: 767px) {
  /* line 714, ../sass/page/_product.scss */
  .page-product .section-5-wrapper .right-col {
    padding-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 714, ../sass/page/_product.scss */
  .page-product .section-5-wrapper .right-col {
    padding-top: 8%;
  }
}

/* line 723, ../sass/page/_product.scss */

.page-product .section-5-wrapper .right-col .col-content {
  width: 100%;
  max-width: 450px;
}

@media only screen and (max-width: 767px) {
  /* line 723, ../sass/page/_product.scss */
  .page-product .section-5-wrapper .right-col .col-content {
    width: 85%;
    text-align: center;
    margin: 0 auto 30px;
  }
}

/* line 732, ../sass/page/_product.scss */

.page-product .section-5-wrapper .right-col .col-content .link-more .txt {
  color: #777;
  font-family: "bignoodletitlingregular";
  font-size: 20px;
  vertical-align: top;
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
}

/* line 741, ../sass/page/_product.scss */

.page-product .section-5-wrapper .right-col .col-content .link-more img {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  margin-left: 5px;
}

/* line 747, ../sass/page/_product.scss */

.page-product .section-5-wrapper .right-col .col-content .link-more:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 70 ")";
  filter: alpha(opacity=70);
  zoom: 1;
}

/* line 755, ../sass/page/_product.scss */

.page-product .section-6-wrapper {
  border-top: 5px solid #037bcc;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  /* line 755, ../sass/page/_product.scss */
  .page-product .section-6-wrapper {
    padding-left: 0;
    max-height: none !important;
  }
}

/* line 765, ../sass/page/_product.scss */

.page-product .section-6-wrapper .top-col {
  position: relative;
}

@media only screen and (max-width: 767px) {
  /* line 765, ../sass/page/_product.scss */
  .page-product .section-6-wrapper .top-col {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/section-7a-bg.jpg") no-repeat;
    background-size: 100%;
  }
}

/* line 773, ../sass/page/_product.scss */

.page-product .section-6-wrapper .top-col .top-img {
  width: 100%;
}

/* line 776, ../sass/page/_product.scss */

.page-product .section-6-wrapper .top-col .text-wrapper {
  width: 90%;
  text-align: center;
  position: absolute;
  display: block;
  left: 5%;
  top: 135px;
}

@media only screen and (max-width: 767px) {
  /* line 776, ../sass/page/_product.scss */
  .page-product .section-6-wrapper .top-col .text-wrapper {
    position: static;
    text-align: left;
    padding: 50px 25px 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 776, ../sass/page/_product.scss */
  .page-product .section-6-wrapper .top-col .text-wrapper {
    top: 80px;
    left: 0;
    width: 100%;
  }
}

/* line 792, ../sass/page/_product.scss */

.page-product .section-6-wrapper .top-col .text-wrapper .hashtag {
  color: #fff;
  font-family: "lunaregular";
  font-size: 25px;
  margin-bottom: 5px;
}

/* line 801, ../sass/page/_product.scss */

.page-product .section-6-wrapper .bottom-col {
  position: relative;
}

/* line 804, ../sass/page/_product.scss */

.page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new {
  position: relative;
}

/* line 806, ../sass/page/_product.scss */

.page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new .item-photo {
  width: 100%;
}

/* line 807, ../sass/page/_product.scss */

.page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new .txt {
  font-size: 30px;
  color: #fefefe;
  font-family: "bignoodletitlingregular";
  position: absolute;
  display: block;
  right: 20px;
  bottom: 20px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  /* line 807, ../sass/page/_product.scss */
  .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new .txt {
    font-size: 20px;
    right: 10px;
    bottom: 10px;
  }
}

/* line 822, ../sass/page/_product.scss */

.page-product .section-6-wrapper .bottom-col .bx-wrapper .bx-controls {
  width: 100%;
  height: 100%;
  bottom: 0;
}

@media only screen and (max-width: 767px) {
  /* line 822, ../sass/page/_product.scss */
  .page-product .section-6-wrapper .bottom-col .bx-wrapper .bx-controls {
    right: 0;
  }
}

/* line 830, ../sass/page/_product.scss */

.page-product .section-6-wrapper .bottom-col .bx-wrapper .bx-controls .bx-prev {
  position: absolute;
  display: block;
  left: 15px;
  top: 46%;
  width: 21px;
  height: 42px;
}

/* line 834, ../sass/page/_product.scss */

.page-product .section-6-wrapper .bottom-col .bx-wrapper .bx-controls .bx-prev img {
  width: 100%;
}

/* line 836, ../sass/page/_product.scss */

.page-product .section-6-wrapper .bottom-col .bx-wrapper .bx-controls .bx-next {
  position: absolute;
  display: block;
  top: 46%;
  right: 15px;
  width: 21px;
  height: 42px;
}

/* line 840, ../sass/page/_product.scss */

.page-product .section-6-wrapper .bottom-col .bx-wrapper .bx-controls .bx-next img {
  width: 100%;
}

/* line 1, ../sass/page/_brand.scss */

/*.page-brand {
  padding-left: 65px;
}*/

@media only screen and (max-width: 767px) {
  /* line 1, ../sass/page/_brand.scss */
  .page-brand {
    padding-left: 0;
  }
}

/* line 8, ../sass/page/_brand.scss */

.page-brand #top-banner {
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 11, ../sass/page/_brand.scss */
  .page-brand #top-banner .align-center-section {
    bottom: 25px;
  }
}

/* line 17, ../sass/page/_brand.scss */

.page-brand .introSlider {
  margin-bottom: 0;
}

/* line 21, ../sass/page/_brand.scss */

.page-brand .slider-item-c-new {
  position: relative;
}

/* line 23, ../sass/page/_brand.scss */

.page-brand .slider-item-c-new .big-photo-c {
  width: 100%;
}

/* line 26, ../sass/page/_brand.scss */

.page-brand .slider-item-c-new .desc {
  color: #ffffff;
  width: 40%;
  position: absolute;
  display: block;
  left: 5%;
  top: 30%;
}

.page-brand .slider-item-c-new .desc.p58 {
  top: 58%;
}

/* line 31, ../sass/page/_brand.scss */

.page-brand .slider-item-c-new .desc.right-align {
  left: auto;
  right: 5%;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  /* line 26, ../sass/page/_brand.scss */
  .page-brand .slider-item-c-new .desc {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 25px 20px;
    color: #282828;
    text-align: right;
  }
  /* line 47, ../sass/page/_brand.scss */
  .page-brand .slider-item-c-new .desc.right-align {
    right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 26, ../sass/page/_brand.scss */
  .page-brand .slider-item-c-new .desc {
    width: 55%;
  }
}

@media only screen and (width: 1024px) {
  /* line 26, ../sass/page/_brand.scss */
  .page-brand .slider-item-c-new .desc {
    width: 50%;
    top: 25%;
  }
}

/* line 59, ../sass/page/_brand.scss */

.page-brand .slider-item-c-new .desc .hashtag {
  font-size: 20px;
  font-family: "lunaregular";
  line-height: 20px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  /* line 59, ../sass/page/_brand.scss */
  .page-brand .slider-item-c-new .desc .hashtag {
    color: #00b5e2;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 59, ../sass/page/_brand.scss */
  .page-brand .slider-item-c-new .desc .hashtag {
    font-size: 18px;
    line-height: 18px;
  }
}

/* line 76, ../sass/page/_brand.scss */

.page-brand .slider-item-c-new .desc .heading {
  font-size: 50px;
  font-family: "bignoodletitlingregular";
  line-height: 50px;
}

@media only screen and (max-width: 767px) {
  /* line 76, ../sass/page/_brand.scss */
  .page-brand .slider-item-c-new .desc .heading {
    color: #00b5e2;
    font-size: 30px;
    line-height: 35px;
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 76, ../sass/page/_brand.scss */
  .page-brand .slider-item-c-new .desc .heading {
    font-size: 45px;
    line-height: 45px;
  }
}

/* line 92, ../sass/page/_brand.scss */

.page-brand .slider-item-c-new .desc .txt {
  font-size: 22px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 25px;
  display: block;
  padding-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  /* line 92, ../sass/page/_brand.scss */
  .page-brand .slider-item-c-new .desc .txt {
    font-size: 16px;
    line-height: 19px;
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 92, ../sass/page/_brand.scss */
  .page-brand .slider-item-c-new .desc .txt {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}

/* line 113, ../sass/page/_brand.scss */

.page-brand #intro-block {
  margin-top: -4%;
  zoom: 1;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 113, ../sass/page/_brand.scss */
  .page-brand #intro-block {
    margin-top: -5%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 123, ../sass/page/_brand.scss */
  .page-brand #intro-block .slider-item-c-new .desc {
    width: 55%;
    top: 20%;
  }
}

/* line 132, ../sass/page/_brand.scss */

.page-brand #intro-block .bx-wrapper .bx-controls {
  position: absolute;
  display: block;
  top: 140px;
  right: 0;
  z-index: 51;
}

/* line 137, ../sass/page/_brand.scss */

.page-brand #intro-block .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  margin-right: 15px;
}

/* line 143, ../sass/page/_brand.scss */

.page-brand #intro-block .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio.png");
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  display: block;
}

/* line 149, ../sass/page/_brand.scss */

.page-brand #intro-block .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-active.png");
}

/* line 159, ../sass/page/_brand.scss */

.page-brand .social-msg-section {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  /* line 163, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-photo {
    position: relative;
    z-index: 1;
  }
}

/* line 170, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content {
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  /* line 170, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content {
    margin-top: -4%;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/twitter-photo-1-bg-mb.jpg) no-repeat;
    background-size: cover;
    padding: 25px 20px;
  }
}

/* line 181, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content .desc {
  color: #fff;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/social-content-bg.png) no-repeat;
  position: absolute;
  display: block;
  left: 35px;
  top: 65px;
  padding: 0px 18% 0 2px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  /* line 181, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc {
    position: relative;
    left: 0;
    top: 0;
    padding: 0px;
    text-align: right;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 181, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc {
    left: 15px;
    top: 15px;
    padding-right: 20px;
  }
}

@media only screen and (width: 1024px) {
  /* line 181, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc {
    top: 25px;
    left: 25px;
    padding-right: 30px;
  }
}

/* line 206, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content .desc .quote-txt {
  position: relative;
  margin-bottom: 70px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/line-blue.png) left bottom no-repeat;
}

@media only screen and (max-width: 767px) {
  /* line 206, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .quote-txt {
    margin-bottom: 45px;
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 206, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .quote-txt {
    margin-bottom: 20px;
  }
}

/* line 219, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content .desc .quote-txt .inner {
  padding-top: 40px;
  padding-left: 18px;
}

@media only screen and (max-width: 767px) {
  /* line 219, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .quote-txt .inner {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 219, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .quote-txt .inner {
    padding-top: 20px;
  }
}

/* line 231, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content .desc .quote-txt .social-lnk {
  padding-bottom: 15px;
}

/* line 233, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content .desc .quote-txt .social-lnk a {
  color: #fff;
  font-size: 18px;
  margin-right: 20px;
}

/* line 239, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content .desc .quote-txt .txt {
  font-size: 40px;
  font-family: "bignoodletitlingregular";
  line-height: 35px;
}

@media only screen and (max-width: 767px) {
  /* line 239, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .quote-txt .txt {
    font-size: 25px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 239, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .quote-txt .txt {
    font-size: 30px;
    line-height: 30px;
  }
}

/* line 255, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content .desc .social-account {
  font-size: 16px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  padding-bottom: 30px;
}

/* line 259, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content .desc .social-account .fa {
  font-size: 18px;
}

/* line 261, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content .desc .author {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  padding-bottom: 40px;
  padding-left: 18px;
}

/* line 266, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content .desc .author h2 {
  font-size: 20px;
  font-family: "lunaregular";
  line-height: 20px;
  padding-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  /* line 261, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .author {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
  }
  /* line 277, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .author h2 {
    font-size: 16px;
    line-height: 16px;
  }
}

/* line 283, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content .desc .video-play-btn {
  margin-left: 18px;
}

@media only screen and (max-width: 767px) {
  /* line 283, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content .desc .video-play-btn {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/btn.png") no-repeat;
    border: none;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    padding: 0;
    width: 174px;
    color: #fff;
  }
}

@media only screen and (max-width: 767px) {
  /* line 296, ../sass/page/_brand.scss */
  .page-brand .social-msg-section .social-msg-content.white-bg {
    background: #fff;
  }
}

/* line 300, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content.white-bg .desc {
  color: #444444;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/social-content-bg-2.png) no-repeat;
}

/* line 303, ../sass/page/_brand.scss */

.page-brand .social-msg-section .social-msg-content.white-bg .desc .quote-txt {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/line-grey.png) left bottom no-repeat;
}

/* line 311, ../sass/page/_brand.scss */

.page-brand .videos-section {
  margin-top: -4%;
}

@media only screen and (max-width: 767px) {
  /* line 311, ../sass/page/_brand.scss */
  .page-brand .videos-section {
    margin-top: 0;
  }
}

/* line 318, ../sass/page/_brand.scss */

.page-brand .videos-section .video-item-c-new {
  position: relative;
}

/* line 320, ../sass/page/_brand.scss */

.page-brand .videos-section .video-item-c-new .desc {
  width: 100%;
  padding: 95px 15% 0 15%;
  text-align: center;
  color: #fff;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}

@media only screen and (max-width: 767px) {
  /* line 320, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c-new .desc {
    padding: 40px 5% 0 5%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 320, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c-new .desc {
    padding: 50px 5% 0 5%;
  }
}

@media only screen and (width: 1024px) {
  /* line 320, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c-new .desc {
    padding: 60px 5% 0 5%;
  }
}

/* line 337, ../sass/page/_brand.scss */

.page-brand .videos-section .video-item-c-new .desc .quote-txt {
  font-size: 25px;
  font-family: "bignoodletitlingregular";
  line-height: 25px;
  padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  /* line 337, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c-new .desc .quote-txt {
    font-size: 20px;
    line-height: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 337, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c-new .desc .quote-txt {
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 337, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c-new .desc .quote-txt {
    font-size: 20px;
    line-height: 20px;
  }
}

/* line 358, ../sass/page/_brand.scss */

.page-brand .videos-section .video-item-c-new .desc .quote-author {
  font-size: 12px;
  font-family: "lunaregular";
  line-height: 25px;
}

@media only screen and (max-width: 767px) {
  /* line 358, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c-new .desc .quote-author {
    padding-bottom: 10px;
    font-size: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 358, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c-new .desc .quote-author {
    font-size: 10px;
  }
}

/* line 371, ../sass/page/_brand.scss */

.page-brand .videos-section .video-item-c-new .desc .job-title {
  font-size: 16px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  padding-bottom: 20px;
  display: block;
}

@media only screen and (max-width: 767px) {
  /* line 371, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c-new .desc .job-title {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 371, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c-new .desc .job-title {
    font-size: 12px;
    padding-bottom: 10px;
  }
}

/* line 385, ../sass/page/_brand.scss */

.page-brand .videos-section .video-item-c-new .desc .social-lnk {
  padding-top: 15px;
}

/* line 387, ../sass/page/_brand.scss */

.page-brand .videos-section .video-item-c-new .desc .social-lnk a {
  color: #fff;
  font-size: 18px;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  /* line 393, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c-new .desc .video-play-btn {
    font-size: 20px;
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 393, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c-new .desc .video-play-btn {
    font-size: 18px;
    height: 35px;
    line-height: 35px;
  }
  /* line 403, ../sass/page/_brand.scss */
  .page-brand .videos-section .video-item-c-new .desc .video-play-btn .fa {
    font-size: 16px;
    padding-left: 5px;
  }
}

/* line 408, ../sass/page/_brand.scss */

.page-brand .videos-section .cta-section {
  position: relative;
}

/* line 410, ../sass/page/_brand.scss */

.page-brand .videos-section .cta-section .desc {
  width: 100%;
  padding: 95px 5% 0 5%;
  text-align: center;
  color: #fff;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}

@media only screen and (max-width: 767px) {
  /* line 410, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc {
    position: relative;
    padding: 50px 20px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/blue-bg-mb.jpg) no-repeat;
    background-size: cover;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 410, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc {
    padding-top: 50px;
  }
}

@media only screen and (width: 1024px) {
  /* line 410, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc {
    padding-top: 60px;
  }
}

/* line 430, ../sass/page/_brand.scss */

.page-brand .videos-section .cta-section .desc .heading {
  font-size: 50px;
  font-family: "bignoodletitlingregular";
  line-height: 45px;
  padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  /* line 430, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc .heading {
    font-size: 25px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 430, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc .heading {
    font-size: 30px;
    line-height: 35px;
  }
}

/* line 446, ../sass/page/_brand.scss */

.page-brand .videos-section .cta-section .desc .hashtag {
  font-size: 25px;
  font-family: "lunaregular";
  line-height: 25px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  /* line 446, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc .hashtag {
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 446, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc .hashtag {
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}

/* line 463, ../sass/page/_brand.scss */

.page-brand .videos-section .cta-section .desc .txt {
  font-size: 22px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 25px;
  display: block;
}

@media only screen and (max-width: 767px) {
  /* line 463, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc .txt {
    font-size: 16px;
    line-height: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 463, ../sass/page/_brand.scss */
  .page-brand .videos-section .cta-section .desc .txt {
    font-size: 18px;
    line-height: 20px;
  }
}

/* line 6, ../sass/_IE8.scss */

.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .rotate-img,
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .rotate-img,
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .rotate-img {
  position: relative;
  z-index: 1;
}

/* line 7, ../sass/_IE8.scss */

.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c,
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c,
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c {
  z-index: 0;
}

/* line 9, ../sass/_IE8.scss */

.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .bg,
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .txt,
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .bg,
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .txt,
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .bg,
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .txt {
  display: block;
}

/* line 13, ../sass/_IE8.scss */

.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-1 .img-c:hover .rotate-img,
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-2 .img-c:hover .rotate-img,
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-3 .img-c:hover .rotate-img {
  z-index: 0;
}

/* line 14, ../sass/_IE8.scss */

.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-1 .img-c:hover .hover-c,
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-2 .img-c:hover .hover-c,
.lt-ie9 #wrap-introducing-plank .diamond-grid .dg-3 .img-c:hover .hover-c {
  z-index: 2;
}

/* line 24, ../sass/_IE8.scss */

.lt-ie9 .page-product .sticky-nav .col-20 {
  width: 19%;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  /* line 7, ../sass/global/_print.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  /* line 15, ../sass/global/_print.scss */
  a,
  a:visited {
    text-decoration: underline;
  }
  /* line 18, ../sass/global/_print.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }
  /* line 21, ../sass/global/_print.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 29, ../sass/global/_print.scss */
  .ir a:after,
  .icon a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* line 33, ../sass/global/_print.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /* line 37, ../sass/global/_print.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  /* line 42, ../sass/global/_print.scss */
  tr,
  img {
    page-break-inside: avoid;
  }
  /* line 45, ../sass/global/_print.scss */
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  /* line 54, ../sass/global/_print.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  /* line 59, ../sass/global/_print.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }
}

.bulefonts {
  font-size: 40px;
  color: #00b5e2;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 40px;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}

.bulefonts i {
  width: 56px;
  height: 25px;
  display: inline-block;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/honor_6plusimg02.png) 0 0 no-repeat;
}

.greyfonts {
  color: #999;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 36px;
}

.descimg {
  margin-top: 50px;
}

#wrap-features-product .features-heading {
  margin-top: 15%;
  width: auto;
  float: inherit;
}

.bg-404 {}

.en_404 {
  width: 50%;
  position: absolute;
  top: 46%;
  left: 13%;
}

.en_404_p p {
  color: #333;
  font-size: 18px;
}

.en_404_btn .btn {
  background: #00b5e2;
  border: none;
  width: 160px;
  height: 34px;
  line-height: 13px;
  border-radius: 30px;
  padding: 10px 0;
}

header .in-right-section {
  position: absolute;
  display: block;
  top: 17px;
  right: 50px;
  z-index: 9999;
}

header .in-sign_in a {
  border: 1px solid #ccc;
  margin: 0 5px;
  padding: 8px 15px 8px 15px;
  color: #999;
  min-width: 71px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  height: 36px;
}

header .in-sign_in a:hover,
header .sign_in a:focus {
  border: 1px solid #00b5e2;
  color: #00b5e2;
}

header.affix .in-sign_in a {
  border: 1px solid #999;
  color: #999;
  background: #fff;
  display: inline-block;
}

header.affix .sigin-active a {
  border: 1px solid #00b5e2;
  color: #fff !important;
  background: #00b5e2;
  border-color: #00b5e2 !important;
}

header.affix .in-sign_in a:hover,
header .sign_in a:focus {
  border: 1px solid #00b5e2;
  color: #fff;
  background: #00b5e2;
}

header .sign-in-select {
  border-color: #00b5e2;
  color: #fff;
  background: #00b5e2;
}

header.affix .sigin-active a {
  border: 1px solid #00b5e2;
  color: #fff !important;
  background: #00b5e2;
  border-color: #00b5e2 !important;
}

.footer-payment a {
  margin-right: 15px;
}

.footer-ul-show {
  display: block;
}

.footer-title {
  cursor: pointer;
}

.footer-title .fa {
  display: none;
  float: right;
  transition: all .4s;
  -o-transition: all .4s;
  -ms-transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
}

.footer-title.active .fa.fa-caret-right {
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.sigin-active {
  border: 1px solid #00b5e2 !important;
  color: #fff !important;
  background: #00b5e2 !important;
  border-color: #00b5e2 !important;
}

.sigin-active:hover {
  background: #1abfe5 !important;
}

.sigin-after {
  vertical-align: middle;
}

.login-after {
  display: none;
}

.sigin-after a {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/global-icon.png") no-repeat;
  height: 24px;
  width: 24px;
  display: inline-block;
}

.sigin-after-show {
  display: none;
}

.sigin-after-block {
  display: block;
}

.sigin-after-ul {
  background: #fff;
  box-shadow: #555 2px 3px 2px;
  height: auto;
  line-height: 1.5em;
}

.sigin-after-ul li {
  background: #fff;
  line-height: 1.5em;
  font-size: 1.5em;
  color: #666;
  display: block;
  cursor: pointer;
  padding: 5px 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sigin-after-ul li a {
  color: #666;
  font-size: 14px;
}

.sigin-after-ul li a:hover {
  color: #00b3e0;
}

.sigin-after-show {
  top: 45px;
  position: absolute;
  right: 40%;
  width: 170px;
}

.sigin-after .sigin-after-login {
  margin: 0 40px;
  margin-top: 10px;
}

.sigin-after .sigin-after-info {
  background-position: -76px -165px;
}

.sigin-after .sigin-after-info:hover {
  background-position: -121px -165px;
}

.sigin-after .sigin-after-login {
  background-position: -72px -15px;
}

.sigin-after .sigin-after-login:hover {
  background-position: -118px -15px;
}

.sigin-after-ul li:hover {
  color: #00b3e0;
}

.sigin-after-icon {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/sigin-after-icon.png") no-repeat;
  width: 23px;
  height: 10px;
  top: -10px;
  right: -2px;
  position: absolute;
}

.footer-p {
  font-family: "Conv_Roboto-Light";
  font-size: 13px;
  padding-top: 20px;
}

.user-panel .fa-user {
  font-size: 24px;
  color: #fff;
}

.bottom-language a {
  padding: 2px;
}

@media only screen and (min-width: 768px) and (max-width: 1463px) {
  .bottom-text {
    text-align: center !important;
    padding-right: 0px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1323px) {
  .center-txt {
    display: block !important;
    text-align: center !important;
    margin: auto;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  header .in-right-section {
    right: 0;
  }
  header .in-sign_in,
  header .your-cart,
  header .search {
    margin-right: 0;
  }
  .in-right-section .sin-person {
    margin-right: 30px;
  }
  header .in-sign_in a {
    border: 1px solid #ccc;
    margin: 0 3px;
    padding: 7px 7px 3px 13px;
    color: #999;
    min-width: 56px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-p {
    font-family: "Conv_Roboto-Light";
    font-size: 13px;
    margin-top: 0;
  }
  .sigin-after .sigin-after-info {
    background-position: -76px -165px;
  }
  .sigin-after .sigin-after-info:hover {
    background-position: -26px -165px;
  }
  .sigin-after .sigin-after-login {
    background-position: -72px -15px;
  }
  .sigin-after .sigin-after-login:hover {
    background-position: -26px -15px;
  }
  .sigin-after-ul li:hover {
    color: #00b3e0;
  }
  .sigin-after {
    margin-top: 13px;
  }
  header .in-sign_in a {
    border: none;
    margin: 0 5px;
    padding: 0;
    color: #fff;
    min-width: 0;
    display: inline-block;
    text-align: center;
  }
  header .in-right-section {
    position: absolute;
    display: block;
    top: 9px;
    right: 0px;
    z-index: 99;
  }
  .footer-title span.fa {
    display: inline-block;
  }
  .footer-textbox>.row-new>.col-sm-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .footer-ul {
    display: none;
  }
  .footer-title {
    cursor: pointer;
    margin: 0px;
    position: relative;
    padding: 8px 0px;
  }
  .footer-textbox .row-new div[class*="col-"]:last-child {
    border-bottom: 1px solid #ddd;
  }
}

.alignleft {
  float: left;
  margin: 7px 28px 28px 0;
}

.alignright {
  float: right;
  margin: 7px 0 28px 28px;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 7px auto;
}

/* jQuery custom scrollbar------------------------------- */

/* basic scrollbar styling */

/* vertical scrollbar */

.mCSB_container {
  width: auto;
  margin-right: 30px;
  overflow: hidden;
}

.mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
}

.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar {
  margin-right: 30px;
}

.mCustomScrollBox>.mCSB_scrollTools {
  width: 16px;
  height: 100%;
  top: 0;
  right: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: relative;
  height: 20px;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  top: 100%;
  margin-top: -40px;
}

/* horizontal scrollbar */

.mCSB_horizontal>.mCSB_container {
  height: auto;
  margin-right: 0;
  margin-bottom: 30px;
  overflow: hidden;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
  margin-bottom: 0;
}

.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
  width: 100%;
  height: 16px;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger {
  width: 30px;
  height: 100%;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
  display: block;
  position: relative;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  float: left;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
  margin-left: -40px;
  float: right;
}

.mCustomScrollBox {
  -ms-touch-action: none;
  /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */

.mCustomScrollBox>.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */
}

.mCustomScrollBox:hover>.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(https://www.honor.com/content/dam/honor/common/products/css/mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
  sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
  sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
  /* old ie */
}

/*scrollbar themes*/

/*dark (dark colored scrollbar)*/

.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.15);
}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85);
}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9);
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/*light-2*/

.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85);
}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9);
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/*dark-2*/

.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/*light-thick*/

.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/*dark-thick*/

.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/*light-thin*/

.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail {
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/*dark-thin*/

.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/*.cookies {
    width: 100%;
    padding: 10px 0 10px 0;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 413;
    overflow: auto;
}
.cookies .cookieDetails {
    width: 1280px;
    margin: 0 auto 0 auto;
    padding: 0 80px 0 80px;
    height: auto;
}
.cookies .cookies-left {
    float: left;
    width: 70%;
    padding: 15px 0 15px 0;
    font-family: 'ProximaNova';
    font-size: 1rem;
    line-height: 20px;
    color: #666;
}
.cookies .cookies-right {
    float: right;
}
.cookies .cookies-left a {
    color: #00b2e6;
    text-decoration: none;
}
.btn_blue_primary {
    min-width: 170px;
    height: 50px;
    font-family: 'ProximaNovaBold';
    font-size: 14px;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    background-color: #00b2e6;
    padding: 0 40px 0 40px;
    border: 0;
    text-transform: uppercase;
    letter-spacing: .14em;
    line-height: 50px;
}*/

header .header {
  position: relative;
}

.headerck.cookie {
  height: 160px;
}

/* CSS Document */

/**
 外部链接样式
*/

.modal-new-notice {
  width: 600px;
  position: fixed;
  z-index: 9999999;
  bottom: 10px;
  right: 10px;
  text-align: center;
  border-radius: 15px;
  background: #fff;
}

.modal-new-top {
  position: relative;
  bottom: 80px;
  color: #1fbee6;
  margin-top: 15px;
}

.modal-new-top50 {
  position: relative;
  bottom: 50px;
  color: #1fbee6;
}

.modal-new-btn {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/btn-03_03.png);
  background-size: 104%;
  background-position: -4px -1px;
  color: #fff;
  width: 128px;
  height: 45px;
  line-height: 40px;
  font-family: "bignoodletitlingregular";
  border-radius: 35px;
  font-size: 200%;
}

.modal-new-top h4 {
  display: inline-block;
  color: #1fbee6;
}

.modal-new-top h1 {
  display: inline-block;
  color: #1fbee6;
}

.modal-new-title-img {
  width: 200px;
}

@media(max-width: 768px) {
  .modal-new-title-img {
    width: 100px;
  }
  .modal-new-notice {
    width: 95%;
    position: fixed;
    z-index: 999999;
    bottom: 10px;
    left: 2.5%;
    text-align: center;
    border-radius: 15px;
    margin: 0 auto;
  }
  .modal-new-top {
    position: relative;
    bottom: 80px;
    color: #1fbee6;
    margin-top: 10px;
    font-size: 22px;
  }
  .modal-new-top h4 {
    display: inline-block;
    color: #1fbee6;
    font-size: 12px;
  }
  .modal-new-top h1 {
    display: inline-block;
    color: #1fbee6;
    font-size: 22px;
  }
  .modal-new-top50 {
    position: relative;
    bottom: 45px;
    color: #1fbee6;
  }
}

/*
1.新导航
2.弹出购买
*/

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.grey ul {
  margin-bottom: 0;
}

img.full-size.mgtops {}

/* .page-product-simpler .slider-section {
  padding: -1px !important;
} */

.page-product-simpler .slider-section .bx-wrapper {
  position: relative;
}

.page-product-simpler .slider-section .bx-wrapper .bx-controls,
.page-product-simpler .bx-wrapper .bx-controls {
  z-index: 51;
  position: absolute;
  display: block;
  right: 2%;
  bottom: 3%;
}

.page-product-simpler {
  font-size: 16px;
}

.page-product-simpler .grey .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-grey.png");
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  display: block;
  font-size: 0;
}

.page-product-simpler .grey .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-grey-active.png");
}

.page-product-simpler .slider-section .bx-wrapper .bx-controls .bx-pager .bx-pager-item,
.page-product-simpler .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  margin-right: 15px;
}

.page-brand ul {
  margin: 0;
}

.no-wrapp {
  padding-right: 0;
  padding-left: 0;
}

.mb-logo,
.logo {
  z-index: 33;
}

.topnav {
  z-index: 33;
  position: absolute;
  width: 80%;
  left: 20%;
  height: 70px;
  top: 30px;
  font-family: "bignoodletitlingregular";
}

.topnav li {
  display: inline-block;
  width: 16%;
  float: left;
  font-size: 18px;
  vertical-align: middle;
}

.topnav li i {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/global_icon2.png) no-repeat;
  vertical-align: middle;
  transition: all .4s;
  -o-transition: all .4s;
  -ms-transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
}

/* */

.topnav li i.topnav-item1 {
  background-position: -29px 0;
}

.topnav li i.topnav-item2 {
  background-position: -29px -26px;
}

.topnav li i.topnav-item3 {
  background-position: -29px -80px;
}

.topnav li i.topnav-item4 {
  background-position: -29px -174px;
}

.topnav li i.topnav-item5 {
  background-position: -29px -128px;
}

.topnav li i.topnav-item6 {
  background-position: -29px -152px;
}

/* */

.topnav li a:hover i.topnav-item1,
.topnav li a.active i.topnav-item1 {
  background-position: 0 0;
}

.topnav li a:hover i.topnav-item2,
.topnav li a.active i.topnav-item2 {
  background-position: 0 -26px;
}

.topnav li a:hover i.topnav-item3,
.topnav li a.active i.topnav-item3 {
  background-position: 0 -80px;
}

.topnav li a:hover i.topnav-item4,
.topnav li a.active i.topnav-item4 {
  background-position: 0 -174px;
}

.topnav li a:hover i.topnav-item5,
.topnav li a.active i.topnav-item5 {
  background-position: 0 -128px;
}

.topnav li a:hover i.topnav-item6,
.topnav li a.active i.topnav-item6 {
  background-position: 0 -152px;
}

/* */

.topnav li a {
  color: #999;
}

.topnav li a:hover,
.topnav li a.active {
  color: #fff;
}

.topnav-black {
  background-color: #000;
  opacity: 0.6;
  filter: Alpha(opacity=60);
  position: absolute;
  z-index: 22;
  width: 100%;
  height: 70px;
  top: 0;
  left: 0;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

/* 滚动后 文字和图标颜色 bof */

.affix .topnav-black {
  display: none;
}

.affix .topnav {
  top: 30px;
}

.affix .topnav li a:hover,
.affix .topnav li a.active {
  color: #999;
}

.affix .topnav li a:hover i.topnav-item1,
.affix .topnav li a.active i.topnav-item1 {
  background-position: -29px 0;
  transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

.affix .topnav li a:hover i.topnav-item2,
.affix .topnav li a.active i.topnav-item2 {
  background-position: -29px -26px;
  transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

.affix .topnav li a:hover i.topnav-item3,
.affix .topnav li a.active i.topnav-item3 {
  background-position: -29px -80px;
  transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

.affix .topnav li a:hover i.topnav-item4,
.affix .topnav li a.active i.topnav-item4 {
  background-position: -29px -175px;
  transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

.affix .topnav li a:hover i.topnav-item5,
.affix .topnav li a.active i.topnav-item5 {
  background-position: -29px -128px;
  transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

.affix .topnav li a:hover i.topnav-item6,
.affix .topnav li a.active i.topnav-item6 {
  background-position: -29px -152px;
  transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

/* 滚动后 文字和图标颜色 eof */

/* 2级导航 */

.show-navbox {
  position: absolute;
  z-index: 999;
  width: 100%;
  height: auto;
  top: 70px;
  left: 0;
  font-family: "bignoodletitlingregular";
  /*background: rgba(255,255,255,0.75);*/
  background: url(https://www.honor.com/content/dam/honor/common/products/img/topnavbg.png) repeat;
}

.nav-second {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  z-index: 999;
  position: relative;
}

.nav-second li {
  margin-top: 10px;
  margin-left: 20px;
  line-height: 120%;
  display: inline-block;
}

.nav-second li a {
  color: #333;
  font-size: 24px;
  padding: 10px;
  line-height: 100%;
  margin: 0;
  font-family: "bignoodletitlingregular";
}

.affix .show-navbox {
  top: 70px;
}

.navmenu {
  width: 140px;
}

/**/

/* banner */

/* line 1, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner {
  position: relative;
  overflow: hidden;
}

/* line 6, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .topbannerSlider .slider-item-c-new {
  position: relative;
  overflow: hidden;
  zoom: 1;
}

/* line 9, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .topbannerSlider .slider-item-c-new .big-photo-c {
  width: 100%;
}

/* line 14, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .bx-viewport {
  z-index: 0;
}

/* line 16, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .bx-pager {
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  bottom: 30px;
  text-align: center;
  z-index: 999;
  display: none;
}

@media only screen and (max-width: 767px) {
  /* line 16, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
  #top-banner .bx-pager {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 16, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
  #top-banner .bx-pager {
    display: none;
  }
}

/* line 30, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .bx-pager .bx-pager-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
  margin-left: 18px;
}

/* line 36, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .bx-pager .bx-pager-item:first-child {
  margin-left: 0;
}

/* line 38, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .bx-pager .bx-pager-item .bx-pager-link {
  display: block;
  width: 10px;
  height: 10px;
  background: none;
  border: 1px solid #fefefe;
  border-radius: 100px 100px 100px 100px;
  -moz-border-radius: 100px 100px 100px 100px;
  -webkit-border-radius: 100px 100px 100px 100px;
  text-indent: -9999px;
}

/* line 47, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .bx-pager .bx-pager-item .bx-pager-link.active {
  background: #fefefe;
}

/* line 54, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .bx-controls-direction {
  margin: 0 auto;
}

/* line 57, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .bx-controls-direction .bx-prev {
  z-index: 21;
  width: 60px;
  height: 60px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/icon-arrow-left.png) no-repeat 45% 50%;
  position: absolute;
  display: block;
  left: 95px;
  top: 50%;
  margin-top: -30px;
  text-indent: -9999px;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: Alpha(opacity=60);
}

#top-banner .bx-controls-direction .bx-prev-end {
  position: absolute;
  left: 95px;
  top: 50%;
  width: 60px;
  height: 60px;
  z-index: 20;
  margin-top: -30px;
  background: #000;
  opacity: .3;
  -moz-opacity: .3;
  filter: Alpha(opacity=30);
  transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
}

#top-banner .bx-controls-direction .bx-prev:hover~.bx-prev-end {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: Alpha(opacity=70);
}

/*#top-banner .bx-controls-direction .bx-prev-end:hover{
  opacity: 0.3;
  -moz-opacity:0.3;
  filter:Alpha(opacity=30);
}*/

.Honor-product-global .product-banner-text {
  position: absolute;
  bottom: 15%;
  left: 18%;
  top: auto;
}

@media only screen and (max-width: 767px) {
  .Honor-product-global .product-banner-text {
    position: absolute;
    bottom: 2%;
    left: 45px;
    top: auto !important;
  }
  /* line 57, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
  #top-banner .bx-controls-direction .bx-prev {
    background-image: url(https://www.honor.com/content/dam/honor/common/products/img/icon-arrow-left-mobile.png);
    left: 15px;
  }
  #top-banner .bx-controls-direction .bx-prev-end {
    left: 15px;
  }
}

/* line 68, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .bx-controls-direction .bx-next {
  z-index: 21;
  width: 60px;
  height: 60px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/icon-arrow-right.png) no-repeat 45% 50%;
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -30px;
  right: 55px;
  text-indent: -9999px;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: Alpha(opacity=60);
}

#top-banner .bx-controls-direction .bx-next-end {
  z-index: 20;
  position: absolute;
  right: 55px;
  top: 50%;
  width: 60px;
  height: 60px;
  background: #000;
  margin-top: -30px;
  opacity: .3;
  -moz-opacity: .3;
  filter: Alpha(opacity=30);
  transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
}

#top-banner .bx-controls-direction .bx-next:hover~.bx-next-end {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: Alpha(opacity=70);
}

@media only screen and (max-width: 767px) {
  /* line 68, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */
  #top-banner .bx-controls-direction .bx-next {
    background-image: url(https://www.honor.com/content/dam/honor/common/products/img/icon-arrow-right-mobile.png);
    right: 15px;
  }
  #top-banner .bx-controls-direction .bx-next-end {
    right: 15px;
  }
}

/* line 80, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .banner-mask {
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  bottom: -2px;
  z-index: 98;
}

/* line 84, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .banner-mask img {
  width: 100%;
}

/* line 87, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .align-center-section {
  width: 100%;
  text-align: center;
  position: absolute;
  display: block;
  left: 0;
  bottom: 80px;
  z-index: 98;
}

/* line 93, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_home.scss */

#top-banner .align-center-section .scroll-down-btn {
  width: 78px;
  height: 78px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/scroll-down-btn.png) no-repeat;
  display: inline-block;
}

/**/

.bannerfons {
  top: 30%;
  /*left: 25%;*/
  position: absolute;
  color: #fff;
  text-align: center;
  width: 100%;
}

.bannerfons h2 {
  font-size: 100px;
  margin-bottom: 10px;
  font-family: "dead_island";
}

.bannerfons h3 {
  font-size: 40px;
  font-family: "bignoodletitlingregular";
}

body {
  left: 0 !important;
  overflow: auto;
  padding-right: 0 !important;
  right: 0 !important;
}
/* body,html{
  overflow-x: hidden;
} */

.stry-no-scroll {
  -webkit-overflow-scrolling: touch;
  overflow: hidden !important;
}

.social li a {
  font-size: 24px;
}

/**/

/* 弹出购买 bof */

.shop-link {
  margin: 30px auto;
}

.bg-fix,
.black-show {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .6);
  z-index: 9996;
}

.shop-showbox {
  display: none;
}

.shop-all {
  position: fixed;
  top: 25%;
  left: 50%;
  margin-left: -300px;
  z-index: 9999;
  width: 600px;
  height: auto;
  overflow: inherit;
}

.shop-close {
  position: absolute;
  right: -46px;
  background: #ed1b24;
  font-size: 18px;
  font-family: "bignoodletitlingregular", STHeiti, "微软雅黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  color: #fff;
  padding: 10px 20px 0 20px;
  line-height: 15px;
  width: 46px;
  display: inline-block;
  height: 30px;
}

.shop-close:hover {
  color: #fff;
}

.tagicon-item {
  display: inline-block;
  width: 60px;
  height: auto;
  padding: 10px 10px 0 0;
  text-align: center;
}

.shop-link {
  border-radius: 5px;
  background-color: #22b1fb;
  display: table;
  overflow: hidden;
}

.shop-link a {
  display: table-cell;
  padding: 15px;
  margin: 0;
  color: #fff;
  z-index: 9999;
  margin: 0;
}

.shop-link a:first-child {
  border-right: 1px #0a9ce8 solid;
}

.shop-link a:hover {
  background-color: #0a9ce8;
}

.shop-content {
  padding: 20px 30px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.content-top-ico {
  padding-top: 10px;
}

.pd-ringt {
  padding-right: 15px;
}

.pd-left {
  padding-left: 15px;
}

.bor-right {
  border-right: 2px dashed #ddd;
}

.bor-bottom {
  border-bottom: 2px dashed #ddd;
}

.content-txt {
  padding-top: 5px;
  padding-bottom: 5px;
}

.content-txt a {
  width: 33%;
  display: block;
  float: left;
  color: #333;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 10px;
}

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

.shop-item1 {
  width: 114px;
  height: 24px;
  background-position: 0 0;
  margin: 10px auto;
}

.shop-item2 {
  width: 134px;
  height: 20px;
  background-position: 0 -150px;
  margin: 10px auto;
}

.shop-item3 {
  width: 112px;
  height: 28px;
  background-position: 0 -44px;
  margin: 10px auto;
}

.shop-item4 {
  width: 76px;
  height: 28px;
  background-position: 0 -195px;
  margin: 10px auto;
}

.shop-item5 {
  width: 60px;
  height: 50px;
  background-position: 0 -84px;
  margin: 10px auto;
}

.shop-item6 {
  width: 94px;
  height: 50px;
  background-position: 0 -226px;
  margin: 10px auto;
}

.video-play-btn,
.product-learn-more {
  display: inline-block;
}

.video-play-btn-1 {
  display: inline-block;
  z-index: 99;
  white-space: nowrap;
}

.jsshop-01 {
  display: inline-block;
  vertical-align: middle;
}

.banner-btns3c {
  position: absolute;
  bottom: 30%;
  right: 37%;
}

/* 20150729 */

/* niefang banner text */

.honor6 h3 {
  font-family: "bignoodletitlingregular";
  color: #000 !important;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
}

.honor6 p {
  font-size: 18px;
  line-height: 175%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.bannerfont {
  padding-top: 8%;
  padding-bottom: 10px;
  max-width: 1200px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.bannerfont h2 {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 80px;
  line-height: 120%;
  font-family: "bignoodletitlingregular";
}

.bannerfont p {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 18px;
  line-height: 175%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor6 .bannerfont .s1 {
  position: inherit;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.bannerfont .s1 {
  margin-top: 30px;
}

.bannerfont .video-play-btn {
  display: inline-block;
  background: none;
  vertical-align: middle;
}

.magyar-honor7 .jsshop-01 {
  margin-left: 35%;
}

.bannerfont .jsshop-01 {
  background: none;
  display: inline-block;
  /*position: absolute;*/
  z-index: 99;
  white-space: nowrap;
  cursor: pointer;
}

.honor4x.magyar-honor7 .bannerfont .jsshop-01 {
  display: block;
}

.magyar-honor6.bannerfont .jsshop-01 {
  position: inherit;
}

.honor7 .ru-bg-honor7-banner .bannerfont.xspd-10 .jsshop-01 {
  position: inherit;
  padding-top: 60px;
  padding-bottom: 50px;
}

.honor4x .bannerfont.xspd-10 .jsshop-01 {
  position: inherit;
  padding-top: 0;
  padding-bottom: 0;
}

.honor6 .phone-section-wrapper {
  margin-bottom: 20px;
}

.honor6 .honor-en .blank-fonts {
  position: absolute;
  margin-bottom: 9%;
  margin-top: -20%;
  z-index: 22;
}

.honor-en .blank-fonts {
  padding: 0 15px;
  color: #000;
}

.honor-en .blank-fonts h3,
.bg-textbox h3 {
  font-family: "bignoodletitlingregular";
  color: #000 !important;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
}

.honor-en .blank-fonts p,
.bg-textbox p {
  color: #000;
  line-height: 175%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

a.mores {
  margin-top: 10px;
  color: #00b5e2;
  font-size: 18px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  border: 2px solid #00b5e2;
  padding: 10px 20px;
  display: inline-block;
  transition: ease-in .5s;
  -o-transition: ease-in .5s;
  -ms-transition: ease-in .5s;
  -moz-transition: ease-in .5s;
  -webkit-transition: ease-in .5s;
}

a.mores:hover {
  color: #fff;
  background-color: #00b5e2;
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}

.page-product-simpler .slider-section .bx-wrapper .bx-controls,
.page-product-simpler .bx-wrapper .bx-controls {
  z-index: 999;
}

.bggrey {
  background-color: #eee;
}

.bgwirte {
  background-color: #fff;
}

.bgblue {
  color: #fff;
  background-color: #3bafe0;
}

.bgbox {
  padding-bottom: 60px;
}

.bgblue h3,
.bgblue h4,
.bgblue p,
.bgblues h3,
.bgblues h4,
.bgblues p,
.bgblues li,
.bgblues a {
  color: #fff !important;
}

.bg-textbox {
  padding: 0 10px;
  margin-top: 15%;
  margin-bottom: 15%;
}

.mgtop {
  margin-top: -5px;
  z-index: 999;
}

.wite-top {
  position: relative;
  margin-top: 0;
}

.z2 {
  z-index: 998;
}

.txtbg {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #fff;
}

.bgpic {
  width: 100%;
  height: auto;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/honor6en_wifi.jpg) no-repeat;
}

.bgpic-cover {
  width: 100%;
  height: auto;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/honor6en_cover02.jpg) no-repeat;
}

.txt {
  font-family: "bignoodletitlingregular";
}

.bgpic-cover h3 {
  color: #fff !important;
  text-shadow: 1px 2px 5px rgba(0, 0, 0, .4)
}

.bd-tb {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.posion-bom {
  position: relative;
  margin-bottom: -2%;
}

.posion-top {
  position: relative;
  margin-top: -2%;
}

.camera .txtbg.posion {
  position: relative;
  z-index: 999;
  padding: 10px;
  margin-top: -2%;
}

.txtbg h4 {
  font-size: 24px;
  line-height: 120%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.icon-all {
  width: 48px;
  height: 48px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/en_icon_all.png) no-repeat;
}

.icon-all-01 {
  background-position: 0 0;
}

.icon-all-02 {
  background-position: 0 -48px;
}

.icon-all-03 {
  background-position: 0 -96px;
}

.icon-all-04 {
  background-position: 0 -144px;
}

.icon-all-05 {
  background-position: 0 -192px;
}

.icon-all-06 {
  background-position: 0 -240px;
}

.icon-all-07 {
  background-position: 0 -288px;
}

.icon-all-08 {
  background-position: 0 -336px;
}

.icon-all-09 {
  background-position: 0 -384px;
}

.banner-btns .video-play-btn {
  background: none;
  vertical-align: middle;
}

.banner-btns {
  margin: 10px 0px 80px auto;
  text-align: center;
}

.banner-btns .banner-btnvideo {
  background: none;
  background-color: inherit !important;
}

.banner-btns .banner-btnvideo.center-block a {
  padding-left: 10px;
  padding-right: 10px;
}

/* 20150804 bof */

.mt-much {
  margin-top: 700px;
  margin-bottom: 50px;
}

.mt-much .bg-textbox {
  margin-top: 300px;
}

.honortab table {
  margin-top: 30px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.honortab th {
  width: 20%;
}

/* 20150804 eof */

/* honor4x bof*/

.honor4x .topbannerSlider .bannerfont {
  padding-top: 20%;
  text-align: left;
}

.honor7 .topbannerSlider .bannerfont {
  padding-top: 20%;
  text-align: center;
}

.topbannerSlider .ru-bg-honor7-banner .bannerfont {
  text-align: center;
}

.honor4x .topbannerSlider .bannerfont h2.blues {
  margin-top: 20px;
  padding: 0;
  color: #3bafe0;
  text-align: left;
}

.honor4x .topbannerSlider {
  padding: 0;
  margin: 0;
  margin-top: 7%;
}

.bgpic-network {
  width: 100%;
  height: auto;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/honor4x_4gnetworkbg.jpg) no-repeat;
}

.bgcamerpic {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/honor4x_camerabg.jpg) no-repeat;
}

.bg-textbox .row-new div[class*="col-"] {
  margin-bottom: 10px;
}

.bgcamerpic h3,
.bgcamerpic p {
  color: #fff !important;
}

.mt-40 {
  margin-top: 40px;
}

.width-1200 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 40px;
}

.width-1200 h3 img {
  max-width: 68px;
}

.width-1200>.row-new .col-sm-6,
.width-1200>.row-new .col-sm-3.col-xs-6 {
  margin-bottom: 15px;
}

.honor4x {
  overflow: hidden;
}

/* honor4x eof*/

/* honor4c bof*/

.cover .desc {
  position: absolute;
  z-index: 10;
  top: 15%;
  left: 5%;
  width: 40%;
}

.cover .desc .txt h3 {
  font-family: "bignoodletitlingregular";
  color: #000 !important;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
  text-shadow: none;
}

.cover .desc .txt p {
  color: #000;
  line-height: 175%;
  font-size: 20px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.cpu h3 {
  font-family: "bignoodletitlingregular";
  color: #000 !important;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
  text-shadow: none;
}

.cpu p {
  color: #000;
  line-height: 175%;
  font-size: 20px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  padding: 0 40px;
}

.signal .desc {
  position: absolute;
  z-index: 10;
  top: 15%;
  left: 5%;
  width: 40%;
}

.signal .desc .txt h3 {
  font-family: "bignoodletitlingregular";
  color: #fff !important;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
  text-shadow: none;
}

.signal .desc .txt p {
  color: #fff;
  line-height: 175%;
  font-size: 20px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.camera .desc {
  position: absolute;
  z-index: 10;
  top: 15%;
  width: 100%;
  text-align: center;
  padding: 0 10px;
}

.camera .desc .txt h3 {
  font-family: "bignoodletitlingregular";
  color: #000 !important;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
  text-shadow: none;
}

.camera .desc .txt p {
  color: #000;
  line-height: 175%;
  font-size: 20px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.screen .desc {
  position: absolute;
  z-index: 10;
  top: 15%;
  right: 5%;
  width: 40%;
}

.screen .desc .txt h3 {
  font-family: "bignoodletitlingregular";
  color: #fff !important;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
  text-shadow: none;
}

.screen .desc .txt p {
  color: #fff;
  line-height: 175%;
  font-size: 20px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.emui h3 {
  font-family: "bignoodletitlingregular";
  color: #000 !important;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
  text-shadow: none;
}

.emui p {
  color: #000;
  line-height: 175%;
  font-size: 20px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  padding: 0 20px;
}

.battery .blank-fonts {
  position: absolute;
  top: 70%;
  width: 55%;
}

.battery .blank-fonts h3 {
  font-family: "bignoodletitlingregular";
  font-size: 48px;
  color: #000 !important;
  line-height: 120%;
}

.battery .blank-fonts p {
  color: #000;
  line-height: 175%;
  font-size: 20px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.sound .desc {
  position: absolute;
  z-index: 10;
  top: 15%;
  right: 5%;
  width: 40%;
}

.sound .desc .txt h3 {
  font-family: "bignoodletitlingregular";
  color: #fff;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
  text-shadow: none;
}

.sound .desc .txt p {
  color: #fff;
  line-height: 175%;
  font-size: 20px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.more .row-new {
  margin-bottom: 15px;
}

.more h3 {
  font-family: "bignoodletitlingregular";
  color: #000 !important;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
  text-shadow: none;
}

.more p {
  color: #000;
  line-height: 175%;
  font-size: 20px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  padding: 0 40px;
}

.img-id .bx-controls {
  z-index: 51;
  position: absolute;
  display: block;
  right: 2%;
  bottom: 8%;
}

.img-id .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
  margin-right: 4px;
  vertical-align: top;
  margin-right: 15px;
}

.img-id .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-grey.png");
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  display: block;
  font-size: 0;
}

.img-id .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-grey-active.png");
}

/* 竖版 ipad */

@media (min-width: 768px) and (max-width:991px) {
  .cover .desc .txt h3 {
    font-size: 28px;
  }
  .cover .desc .txt p {
    font-size: 16px;
  }
  .cpu h3 {
    font-size: 28px;
  }
  .cpu p {
    font-size: 16px;
  }
  .signal .desc .txt h3 {
    font-size: 28px;
  }
  .signal .desc .txt p {
    font-size: 16px;
  }
  .camera .desc .txt h3 {
    font-size: 28px;
  }
  .camera .desc .txt p {
    font-size: 16px;
  }
  .screen .desc .txt h3 {
    font-size: 28px;
  }
  .screen .desc .txt p {
    font-size: 16px;
  }
  .emui h3 {
    font-size: 28px;
  }
  .emui p {
    font-size: 16px;
  }
  .battery .blank-fonts h3 {
    font-size: 28px;
  }
  .battery .blank-fonts p {
    font-size: 16px;
  }
  .sound {
    padding-top: 50px;
  }
  .sound .desc .txt h3 {
    font-size: 28px;
  }
  .sound .desc .txt p {
    font-size: 16px;
  }
  .more h3 {
    font-size: 28px;
  }
  .more p {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .cover .desc {
    top: 10%;
    width: 90%;
  }
  .cover .desc .txt h3 {
    font-size: 20px;
  }
  .cover .desc .txt p {
    font-size: 14px;
  }
  .cpu h3 {
    font-size: 20px;
  }
  .cpu p {
    font-size: 14px;
  }
  .signal .desc {
    top: 10%;
    width: 90%;
  }
  .signal .desc .txt h3 {
    font-size: 20px;
  }
  .signal .desc .txt p {
    font-size: 14px;
  }
  .camera .desc {
    top: 10%;
    width: 90%;
    left: 5%;
  }
  .camera .desc .txt h3 {
    font-size: 20px;
  }
  .camera .desc .txt p {
    font-size: 14px;
  }
  .screen .desc {
    top: 10%;
    width: 90%;
  }
  .screen .desc .txt h3 {
    font-size: 20px;
  }
  .screen .desc .txt p {
    font-size: 14px;
  }
  .emui h3 {
    font-size: 20px;
  }
  .emui p {
    font-size: 14px;
  }
  .battery .blank-fonts {
    position: inherit;
    margin-top: 0;
    width: 90%;
    margin-left: 15px;
  }
  .battery .blank-fonts h3 {
    font-size: 20px;
  }
  .battery .blank-fonts p {
    font-size: 14px;
  }
  .sound {
    padding-top: 30px;
  }
  .sound .desc {
    position: inherit;
    z-index: 10;
    left: 5%;
    top: 100%;
    margin-top: 15px;
    width: 90%;
  }
  .sound .desc .txt h3 {
    font-size: 20px;
    color: #000;
  }
  .sound .desc .txt p {
    font-size: 14px;
    color: #000;
  }
  .more h3 {
    font-size: 20px;
  }
  .more p {
    font-size: 14px;
  }
}

@media (min-width: 1025px) and (max-width:1199px) {
  .sound {
    padding-top: 30px;
  }
}

/* honor4c eof */

/* honor3c bof */

.honor3c #top-banner,
.honor3c .topbannerSlider li:first-child {
  background-color: #eee;
}

h3.btnfont {
  font-size: 90px;
}

.nopadd .col-sm-5-new>img {
  margin-top: -4%;
}

.width-1200 h3 img {
  margin-bottom: 10px;
}

.width-1200 .col-sm-3.col-xs-6 img {
  margin-bottom: 10px;
}

.honor3c .topbannerSlider .col-sm-5-new img {
  margin-bottom: 8%;
}

.nopd img.img-responsive.center-block {
  margin-bottom: 4%;
}

/* honor3c eof */

/* product index bof */

.productbox {
  overflow: hidden;
}

.productbox ul.topbannerSlider {
  margin-bottom: 0;
}

.product-banner-text {
  position: absolute;
  top: 43%;
  right: 18%;
}

.product-banner-text .title {
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 70px;
  line-height: 0.8;
}

.product-banner-text .headline {
  color: #fff;
  font-family: "bignoodletitlingregular";
  font-size: 30px;
  line-height: 35px;
  vertical-align: middle;
}

.product-banner-text .headline a {
  color: #fff;
}

.product-listbox .bgbox {
  padding-top: 60px;
}

.product-picbox {
  text-align: center;
  padding: 60px 10px 30px;
}

.product-picbox>img,
.product-picbox h3,
.product-picbox a {
  margin-bottom: 10px;
}

.product-listbox .item-c-new div[class*="col-"]:not(:first-child) .product-picbox {
  border-left: 1px solid #ddd;
}

.product-picbox h3,
.productfonts {
  font-family: "bignoodletitlingregular";
}

.productfonts {
  font-size: 36px;
  margin-bottom: 10px;
}

.followbox {
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

footer .footer {
  padding-top: 24px;
  padding-bottom: 20px;
}

.footer {
  background-color: #fff;
}

.followbox .social {
  margin-bottom: 0;
}

.followbox .social li {
  font-size: 24px;
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  line-height: 70px;
}

.serch-email {
  letter-spacing: -0.315em;
}

.serch-email span {
  float: none;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}

.input-email {
  width: 70%;
}

.input-email input {
  width: 100%;
  height: 30px;
  border: 1px solid #ccc;
}

.btm-email {
  width: 30%;
}

.btm-email a {
  margin-left: 10px;
  border: 1px solid #ccc;
  padding: 7px 10px;
  color: #666;
  transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
}

.btm-email a:hover {
  color: #333;
  background-color: #ccc;
}

.footer-textbox {
  margin-bottom: 10px;
}

.footer-textbox,
.bottom-copyright,
.bottom-text {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.footer-textbox h4 {
  font-family: "bignoodletitlingregular";
}

.footer-textbox a {
  color: #000;
  line-height: 20px;
  font-size: 12px;
}

.bottom-copyright {
  padding-left: 90px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.bottom-copyright ul {
  margin-bottom: 0;
}

.bottom-copyright li {
  display: inline-block;
}

.bottom-copyright li {
  margin-right: 15px;
}

.bottom-copyright li a {
  color: #000;
}

.bottom-language {
  padding-right: 2px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.bottom-text {
  text-align: right;
  padding-right: 90px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.productbox a.pink-btn,
.productbox a.pink-btn:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.productbox .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new .txt {
  font-size: 20px;
  line-height: 1em;
  padding: 10px;
}

.honor-btn {
  width: 40%;
}

.follow-us {
  font-family: "bignoodletitlingregular";
  font-size: 18px;
  line-height: 85px;
  padding-top: 5px;
}

.bottom-bigfont {
  font-family: "dead_island" !important;
  font-size: 80px !important;
  color: #00b2e6 !important;
}

/* product index eof */

/* product honor6plus start*/

.honor6-plus .page-product-simpler .slider-section .product-sliders .item-c-new {
  position: inherit;
}

.banner-btns-honor6plus {
  margin: 0px auto 0px auto;
  text-align: center;
  background-color: #06aae7;
  height: 160px;
}

.banner-btns-honor6plus .banner-btnvideo>a {
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}

.honor6-plus .phone-section-wrapper .banner-btnvideo {
  display: inline-block;
  width: 80%;
}

.tag-box .font-40 {
  color: #fff;
  width: 90%;
  font-size: 38px;
  font-weight: normal;
  line-height: 120%;
  border-bottom: 2px solid #fff;
  text-align: left;
}

.z-ind {
  max-height: 928px;
  overflow: hidden;
}

.honor-en {
  font-family: "bignoodletitlingregular";
  margin-top: -1%;
}

.honor-en .txt-01-boton {
  top: 40%;
}

.honor-en .honor6-en-txt {
  top: 25%;
  left: 10%;
  width: 50%;
  position: absolute;
  display: block;
  height: 100%;
}

.honor-en .honor-en-p-white {
  color: #fff;
  width: 80%;
  font-size: 20px;
  line-height: 26px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-en .honor6-en-txt-6 {
  top: 20%;
  width: 50%;
  position: absolute;
  display: block;
  height: 100%;
  left: 30%;
  text-align: center;
}

.honor-en .honor-en-h3-black {
  color: #333;
  font-size: 48px;
  padding-bottom: 30px;
  font-family: "bignoodletitlingregular";
}

.honor-en .honor-en-h3-white {
  color: #fff;
  font-size: 48px;
  padding-bottom: 30px;
  font-family: "bignoodletitlingregular";
}

.honor-en .honor-en-p-black {
  color: #333;
  width: 80%;
  font-size: 20px;
  line-height: 38px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-en .txt-016 {
  width: 40%;
}

.honor-en .txt-020 {
  width: 100%;
  text-align: center;
  top: 20%;
}

.honor-en .honor6-en-txt .txt-017-h3 {
  left: -10%;
  position: relative;
}

.honor-en .txt-017 {
  width: 100%;
  text-align: center;
  top: 10%;
}

.honor-en .txt-021 {
  width: 100%;
  text-align: center;
  top: 10%;
}

.marg-2 {
  margin-top: -2%;
  z-index: 999;
}

.tag-box {
  margin-top: 30px;
  color: #ffffff;
}

.item-tags {
  width: auto;
  display: inline-block;
  margin-right: 10px;
  min-width: 145px;
}

.hidden-ipads .item-tags {
  vertical-align: top;
}

.honor-en.hidden-ipads .honor6-en-txt {
  top: 8%;
}

.honor-en.hidden-ipads .honor6-en-txt {
  width: 65%;
}

.tag-box .font-40 {
  color: #fff;
  width: 90%;
  font-size: 38px;
  font-weight: normal;
  line-height: 120%;
  border-bottom: 2px solid #fff;
  text-align: left;
}

.grey h3.font-40 small {
  color: #fff;
  border-color: #fff;
}

.tag-box p {
  padding-top: 10px;
  text-align: left;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.bd-tb {
  border-top: 1px solid #eee !important;
  border-bottom: none !important;
  z-index: 9999;
}

.honor-en .honor6-en-txt-3 {
  top: 25%;
  left: 50%;
  width: 50%;
  position: absolute;
  display: block;
  height: 100%;
}

.honor6-imgpull {
  height: 460px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/en-honor6-plus-08.jpg) no-repeat;
}

.page-product-simpler .slider-section {
  z-index: 0;
}

.honor-en .txt-08-left {
  width: 80%;
  top: 2%;
  left: 5%;
  padding-top: 10%;
  padding-left: 10%;
  position: inherit;
  height: auto;
}

.honor6-lte {
  text-align: center;
  width: 80%;
}

.btn-ceter {
  text-align: center;
  top: 60%;
  padding-top: 40px;
}

.honor6-imgpush {
  height: 460px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/en-honor6-plus-09.jpg) no-repeat;
}

.text-07-left-h3 {
  text-align: center;
}

.honor-en .text-07-left-p {
  text-align: center;
  width: 100%;
}

.honor6-plus .page-product-simpler .slider-section .bx-wrapper .bx-controls,
.honor6-plus .page-product-simpler .slider-section .bx-wrapper .bx-controls {
  z-index: 51;
  position: absolute;
  display: block;
  right: 2%;
  bottom: 8%;
}

.honor6-plus .page-product-simpler .slider-section .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  margin-right: 15px;
}

.page-product-simpler .grey .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-grey.png");
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  display: block;
  font-size: 0;
}

.page-product-simpler .slider-section .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio.png");
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  display: block;
}

.page-product-simpler .grey .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-grey.png");
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  display: block;
  font-size: 0;
}

.page-product-simpler .grey .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-grey-active.png");
}

.page-product-simpler .grey .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/btn-radio-grey-active.png");
}

/* 20150720 eof */

/* 20150725 honor6-en */

.honor-en {
  font-family: "bignoodletitlingregular";
  margin-top: -1%;
}

.txt {}

.honor-en .in-sta {
  position: static;
  overflow: hidden;
}

.z-ind {
  max-height: 928px;
  overflow: hidden;
}

.marg-2 {
  margin-top: -2%;
  z-index: 999;
}

.honor-en .honor6-en-txt {
  top: 25%;
  left: 10%;
  width: 50%;
  position: absolute;
  display: block;
  height: 100%;
}

.honor-en .honor-en-h3-black {
  color: #333;
  font-size: 48px;
  padding-bottom: 30px;
  font-family: "bignoodletitlingregular";
}

.honor-en .honor-en-p-black {
  color: #333;
  width: 80%;
  font-size: 20px;
  line-height: 38px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-en .honor-en-h3-white {
  color: #fff;
  font-size: 48px;
  padding-bottom: 30px;
  font-family: "bignoodletitlingregular";
}

.honor-en .txt-016 {
  width: 40%;
}

.honor-en .txt-016 {
  width: 40%;
}

.honor-en .txt-017 {
  width: 100%;
  text-align: center;
  top: 10%;
}

.honor-en .honor6-en-txt .txt-017-h3 {
  left: -10%;
  position: relative;
}

.honor-en .txt-020 {
  width: 100%;
  text-align: center;
  top: 20%;
}

.tag-box {
  margin-top: 30px;
  color: #ffffff;
}

.tag-box .font-40 {
  color: #fff;
  width: 90%;
  font-size: 38px;
  font-weight: normal;
  line-height: 120%;
  border-bottom: 2px solid #fff;
  text-align: left;
}

.tag-box p {
  padding-top: 10px;
  text-align: left;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.grey h3.font-40 small {
  color: #fff;
  border-color: #fff;
}

.honor-en .honor6-en-txt-3 {
  top: 25%;
  left: 50%;
  width: 50%;
  position: absolute;
  display: block;
  height: 100%;
}

.honor-en .honor6-en-txt-6 {
  top: 20%;
  width: 50%;
  position: absolute;
  display: block;
  height: 100%;
  left: 30%;
  text-align: center;
}

.honor-en .txt-08-left {
  top: 15%;
  width: 80%;
  position: absolute;
  display: block;
  height: 100%;
  left: 20%;
}

.honor-en .txt-08-right {
  top: 15%;
  position: absolute;
  display: block;
  height: 100%;
  width: 80%;
  left: 20%;
}

.honor-en .txt-01-boton {
  top: 40%;
}

.honor-en .txt-021 {
  width: 100%;
  text-align: center;
  top: 10%;
}

a.white-btn {
  border: 2px solid #fff;
  color: #fff;
}

.btn08-left {
  left: 20%;
}

.btn08-right {
  left: 60%;
}

.bnt-09-left {
  position: absolute;
  top: 70%;
  left: 40%;
  z-index: 9991;
}

.bnt-09-right {
  position: absolute;
  top: 70%;
  left: 40%;
  z-index: 9998;
}

.honor6-lte {
  text-align: center;
  width: 80%;
}

.maigin-5-08 {
  margin-left: -5px;
  margin-right: -5px;
}

.font-08 {
  font-family: "Filmotype-LaCrosse.otf";
}

.ma-10-left {
  padding: 0;
}

.ma-10-right {
  padding: 0;
}

.honor6-plus .s1 {
  position: absolute;
  left: 55%;
  bottom: 10%;
  margin-left: -226px;
  overflow: hidden;
}

.btn-ceter {
  text-align: center;
  top: 60%;
  padding-top: 40px;
}

.honor6-plus .phone-section-wrapper .banner-btnvideo {
  /*display: inline-block;*/
  margin: 30px auto 40px auto;
  text-align: center;
}

/*英国站点按钮居中时修改180改为0*/

.honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
  /*display: inline-block;*/
  margin: 30px 0px 40px auto;
  text-align: center;
}

.honor6-imgpull {
  height: 460px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/en-honor6-plus-08.jpg) no-repeat;
}

.honor6-imgpush {
  height: 460px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/en-honor6-plus-09.jpg) no-repeat;
}

.honor-en .txt-08-left {
  width: 80%;
  top: 2%;
  left: 5%;
  padding-top: 10%;
  padding-left: 10%;
  position: inherit;
  height: auto;
}

.imgpull-btn {
  width: 250px;
  margin: 30px auto 10px auto;
}

.text-07-left-h3 {
  text-align: center;
}

.honor-en .text-07-left-p {
  text-align: center;
  width: 100%;
}

.item-tags {
  width: auto;
  display: inline-block;
  margin-right: 10px;
  min-width: 145px;
}

.banner-btns-honor6plus {
  margin: 0px auto 0px auto;
  text-align: center;
  background-color: #06aae7;
  height: 160px;
}

.bd-tb {
  border-top: 1px solid #eee !important;
  border-bottom: none !important;
  z-index: 998;
}

.in-05.bd-tb {
  background-color: #fff;
}

/* product honor6plus end */

/* honor7 bof */

.bg-honor7-banner {
  width: 100%;
  padding-top: 5%;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/hono7_banner_bg.jpg) no-repeat center top;
}

/*匈牙利首KV背景*/

.hu-bg-honor7-banner {
  width: 100%;
  padding-top: 5%;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/hono7_banner_bg.jpg) no-repeat center top;
}

.ru-bg-honor7-banner {
  width: 100%;
  padding-top: 5%;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ru_hono7_banner_bg.jpg) no-repeat center top;
}

.honor7 .topbannerSlider {
  margin-top: 0;
}

.pd-top11 {
  margin-top: -11%;
}

.bgblues {
  color: #fff;
  background-color: #24c6f7;
  padding-bottom: 2%;
}

/* 标签 bof */

.tag-box {
  margin-top: 30px;
}

.honor7 .item-tags {
  width: auto;
  display: inline-block;
  /* padding-left: 20px;*/
  padding-right: 0px;
  margin-right: 0;
  border: none;
}

.honor7 .item-tags:first-child {
  padding-left: 0;
}

.honor7 .tag-box .font-40 {
  color: #000;
  width: 100%;
  /* font-size: 38px;*/
  font-weight: normal;
  line-height: 120%;
  border: none;
}

.honor7 .tag-box .font-40 small {
  font-size: 18px;
  margin-left: 2px;
  color: #333;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor7 .tag-box p {
  color: #000;
}

.honor7 .bgblues .tag-box .font-40,
.honor7 .bgblues .tag-box .font-40 small,
.honor7 .bgblues .tag-box p {
  color: #fff;
  border-color: #fff;
}

.honor7 .bgblues .tag-box p {
  margin-top: 0;
  padding-top: 0;
}

.tag-padding {
  padding: 0 10px;
}

.bgblues>.width-1200>.row-new {
  margin-top: 30px;
}

.honor7 .tag-box .item-tags h3 {
  margin: 0;
  padding: 0;
}

.honor7 .tag-box .item-tags .mtp {
  margin-top: -20px;
}

.no-pd {
  padding-top: 10%;
}

/* 标签 eof */

.bg-honor-video {
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -600px;
}

.blues2 {
  background-color: #24cdfe;
}

.honorbox-tag .tag-box .item-tags {
  width: 45%;
  float: left;
  margin-bottom: 10px;
}

.honor7 .tag-box .item-tags {
  min-width: inherit;
  margin: 0 10px 0 0;
}

.bgblues .width-1200 {
  padding-top: 30px;
}

.slider-section {
  overflow: hidden;
  width: 100%;
}

/* honor7 eof */

/* 规格表 bof */

.page-product-simpler .text-section .custom-pager .color-wrapper {
  display: inline-block;
  height: 40px;
  margin-top: -5px;
  margin-right: 18px;
  position: relative;
}

.page-product-simpler .text-section .custom-pager .color-wrapper .color-name {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/bg-phone-color-gray.png");
  background-repeat: no-repeat;
  width: 59px;
  height: 24px;
  color: #fff;
  font-family: "bignoodletitlingregular", STHeiti, "微软雅黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-size: 16px;
  padding-top: 6px;
  display: none;
  position: absolute;
  left: -18px;
  bottom: -8px;
  text-align: center;
}

.page-product-simpler .text-section .custom-pager {
  /*text-align: center;*/
  padding-top: 20px;
  padding-left: 20px;
}

.page-product-simpler .text-section .custom-pager .txt-available {
  color: #777;
  font-family: "bignoodletitlingregular", STHeiti, "微软雅黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-size: 20px;
  margin-right: 10px;
  vertical-align: top;
}

.page-product-simpler .text-section .custom-pager .color-wrapper a {
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  display: inline-block;
}

.page-product-simpler .text-section .custom-pager .color-wrapper .color-name.active {
  display: block;
}

.page-product-simpler .text-section .custom-pager .color-wrapper a.color-1 {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/color-white.png");
}

.page-product-simpler .text-section .custom-pager .color-wrapper a.color-2 {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/color-gold.png");
}

.page-product-simpler .text-section .custom-pager .color-wrapper a.color-3 {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/color-black.png");
}

.page-product-simpler .text-section .custom-pager .color-wrapper a.color-4 {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/color-gray.png");
}

.page-product-simpler .text-section .custom-pager .color-wrapper {
  display: inline-block;
  height: 40px;
  margin-top: -5px;
  margin-right: 18px;
  position: relative;
}

.page-product-simpler .text-section.container.parameters-box {
  width: 100%;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  word-break: break-all;
}

.parameters-textbox {
  margin-top: 12%;
}

.parameters-textbox>.row-new>div[class*="col-"] {
  margin-bottom: 30px;
}

.parameters-textbox .col-sm-1 {
  max-width: 60px;
}

.parameters-icon {
  padding-left: 10px;
}

.parameters-text {
  height: 50px;
  margin: 10px 0 0 0px;
}

.parameters-table {
  margin-top: 20px;
  margin-bottom: 30px;
}

.parameters-table .table>thead>tr>th,
.parameters-table .table>tbody>tr>th,
.parameters-table .table>tfoot>tr>th,
.parameters-table .table>thead>tr>td,
.parameters-table .table>tbody>tr>td,
.parameters-table .table>tfoot>tr>td {
  padding: 10px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: 1px solid #ddd;
}

.parameters-table h3 {
  margin-bottom: 30px;
}

.parameters-table table tr th {
  font-size: 18px;
  font-weight: normal;
  width: 30%;
}

.parameters-table table tr th,
.parameters-table table tr td {
  border: 1px solid #ccc;
  border-collapse: collapse;
}

.parameters-table table th:hover {
  background-color: #f5f5f5;
}

.parameters-table table td:hover {
  background-color: #fcf8e3;
}

.parameters-table table td::selection,
.parameters-table table th::selection {
  background-color: #dff0d8;
}

.parameters-table table td::-moz-selection,
.parameters-table table th::-moz-selection {
  background-color: #dff0d8;
}

.parameters-textbox p,
.parameters-table td {
  font-size: 14px;
}

/* 规格表 eof */

/* 隐私 bof */

.termsbox {
  margin-bottom: 10%;
}

.termsbox h3 {
  margin-bottom: 10px;
}

.termsbox h1,
.termsbox h2,
.termsbox h3,
.termsbox h4,
.termsbox h5 {
  margin-bottom: 10px;
}

.termsbox>h1 {
  text-align: center;
  margin-bottom: 30px;
  font-family: verdana, geneva, sans-serif;
}

.termsbox p {
  line-height: 175%;
  margin-bottom: 30px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.termsbox ul li {
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
  word-break: break-all;
}

.termsbox ul li a {
  color: #00b2e6;
}

.termsbox p.text-right {
  margin-bottom: 10px;
}

/* 隐私 bof */

/*wordworld bof*/

/* line 2, ../sass/page/_location.scss */

.page-location .banner-section-wrapper {
  /*padding-left: 65px;*/
}

@media only screen and (max-width: 767px) {
  /* line 2, ../sass/page/_location.scss */
  .page-location .banner-section-wrapper {
    padding-left: 0;
  }
}

/* line 8, ../sass/page/_location.scss */

.page-location .banner-section-wrapper .banner-section {
  position: relative;
}

/* line 10, ../sass/page/_location.scss */

.page-location .banner-section-wrapper .banner-section .desc {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}

/* line 15, ../sass/page/_location.scss */

.page-location .banner-section-wrapper .banner-section .desc .inner-tb {
  width: 100%;
  height: 100%;
  display: table;
}

/* line 20, ../sass/page/_location.scss */

.page-location .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}

/* line 26, ../sass/page/_location.scss */

.page-location .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
  font-family: "bignoodletitlingregular";
  font-size: 70px;
  line-height: 0.8;
  padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  /* line 26, ../sass/page/_location.scss */
  .page-location .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
    font-size: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 26, ../sass/page/_location.scss */
  .page-location .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
    font-size: 45px;
  }
}

/* line 38, ../sass/page/_location.scss */

.page-location .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .headline {
  font-family: "bignoodletitlingregular";
  font-size: 30px;
  line-height: 0.8;
}

@media only screen and (max-width: 767px) {
  /* line 38, ../sass/page/_location.scss */
  .page-location .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .headline {
    font-size: 20px;
  }
}

/* line 54, ../sass/page/_location.scss */

.page-location .main-section-wrapper {
  padding-left: 65px;
  padding-top: 80px;
}

@media only screen and (max-width: 767px) {
  /* line 54, ../sass/page/_location.scss */
  .page-location .main-section-wrapper {
    padding-left: 0;
    padding-top: 30px;
  }
}

/* line 62, ../sass/page/_location.scss */

.page-location .main-section-wrapper .region-col {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  width: 29%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  /* line 62, ../sass/page/_location.scss */
  .page-location .main-section-wrapper .region-col {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 62, ../sass/page/_location.scss */
  .page-location .main-section-wrapper .region-col {
    width: 30%;
  }
}

/* line 76, ../sass/page/_location.scss */

.page-location .main-section-wrapper .region-col .region-col-c {
  padding-bottom: 60px;
}

/* line 79, ../sass/page/_location.scss */

.page-location .main-section-wrapper .region-col .region-col-c .collapse {
  margin-right: 0;
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  /* line 85, ../sass/page/_location.scss */
  .page-location .main-section-wrapper .region-col .region-col-c .collapse {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  /* line 76, ../sass/page/_location.scss */
  .page-location .main-section-wrapper .region-col .region-col-c {
    padding-bottom: 0;
  }
}

/* line 95, ../sass/page/_location.scss */

.page-location .main-section-wrapper .region-col .heading {
  font-family: "bignoodletitlingregular";
  font-size: 30px;
  line-height: 0.8;
  padding-bottom: 20px;
}

/* line 101, ../sass/page/_location.scss */

.page-location .main-section-wrapper .region-col .heading a {
  display: block;
  width: 100%;
}

/* line 105, ../sass/page/_location.scss */

.page-location .main-section-wrapper .region-col .heading a:focus,
.page-location .main-section-wrapper .region-col .heading a:hover {
  color: #0d79ac;
}

/* line 110, ../sass/page/_location.scss */

.page-location .main-section-wrapper .region-col .heading .ico {
  display: none;
  width: 30px;
  height: 30px;
}

/* line 115, ../sass/page/_location.scss */

.page-location .main-section-wrapper .region-col .heading .ico.ico-minus {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/minus-icon.png) no-repeat;
  background-size: 100%;
}

/* line 119, ../sass/page/_location.scss */

.page-location .main-section-wrapper .region-col .heading .ico.ico-plus {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/plus-icon.png) no-repeat;
  background-size: 100%;
}

@media only screen and (max-width: 767px) {
  /* line 95, ../sass/page/_location.scss */
  .page-location .main-section-wrapper .region-col .heading {
    position: relative;
    border-top: 1px solid #e8e8e8;
    padding: 20px 0 10px 0;
  }
  /* line 130, ../sass/page/_location.scss */
  .page-location .main-section-wrapper .region-col .heading .ico {
    position: absolute;
    display: block;
    top: 12px;
    right: 15px;
  }
  /* line 133, ../sass/page/_location.scss */
  .page-location .main-section-wrapper .region-col .heading .ico-minus {
    display: none;
  }
  /* line 136, ../sass/page/_location.scss */
  .page-location .main-section-wrapper .region-col .heading .ico-plus {
    display: block;
  }
  /* line 141, ../sass/page/_location.scss */
  .page-location .main-section-wrapper .region-col .heading a[aria-expanded="true"] .ico-minus {
    display: block;
  }
  /* line 144, ../sass/page/_location.scss */
  .page-location .main-section-wrapper .region-col .heading a[aria-expanded="true"] .ico-plus {
    display: none;
  }
}

/* line 150, ../sass/page/_location.scss */

.page-location .main-section-wrapper .region-col .country-c {
  text-align: right;
  font-size: 16px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  float: none;
  width: 50%;
  padding: 0 5px 10px 0;
}

/* line 160, ../sass/page/_location.scss */

.page-location .main-section-wrapper .region-col .country-c a {
  color: #333333;
}

/* line 162, ../sass/page/_location.scss */

.page-location .main-section-wrapper .region-col .language-c {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  float: none;
  width: 50%;
  padding: 0 5px 10px 5px;
}

/* line 173, ../sass/page/_location.scss */

.page-location .main-section-wrapper .region-col .language-c a {
  color: #01b4e1;
}

.grey-bg {
  display: none;
  transition: all .5s;
}

.grey-bg.on {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.4;
  filter: alpha(opacity=40);
  background-color: #000;
  z-index: 991;
  position: fixed;
  transition: all .5s;
}

.page-location .grey-bg {
  display: none;
  transition: all .5s;
}

.page-location .grey-bg.on {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.4;
  filter: alpha(opacity=40);
  background-color: #000;
  z-index: 991;
  position: fixed;
  transition: all .5s;
}

.page-location .dialog {
  font-family: "bignoodletitlingregular";
  position: fixed;
  display: none;
  z-index: 9999;
  left: 50%;
  top: 40%;
  margin-top: -87px;
  margin-left: -189.5px;
  margin-bottom: 100px;
  width: 408px;
  height: auto;
  transition: all .5s;
}

.page-location .dialog .close-box {
  /*float: right;*/
  width: 100%;
  height: 30px;
  font-size: 15px;
  text-align: right;
}

.page-location .dialog .close-box a {
  display: inline-block;
  width: 75px;
  background: red;
  color: #fff;
  font-size: 20px;
  height: 100%;
  line-height: 39px;
  text-align: center;
  vertical-align: middle;
}

.page-location .dialog .dialog-box {
  height: 205px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/dialog_bg.jpg);
}

.page-location .dialog .dialog-box .content {
  width: 100%;
  margin: 0px auto;
  padding: 58px 0px 25px 0px;
  line-height: 24px;
  color: #fff;
  font-size: 28px;
  text-align: center;
}

.page-location .dialog .dialog-box .button {
  width: 90%;
  margin: 20px auto 10px auto;
  text-align: right;
}

.page-location .dialog .dialog-box .button a {
  display: inline-block;
  width: 109px;
  height: 39px;
  line-height: 43px;
  color: #fff;
  font-size: 23px;
  text-align: center;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/btn_1.png);
  margin-left: 10px;
}

.page-location .dialog .dialog-box .button a:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

@media only screen and (max-width: 767px) {
  .page-location .dialog .dialog-box .content {
    width: 100%;
    margin: 0px auto;
    padding: 58px 0px 25px 0px;
    line-height: 24px;
    color: #fff;
    font-size: 23px;
    text-align: center;
  }
  .page-location .dialog .dialog-box .button {
    width: 98%;
    margin: 20px auto 10px auto;
    text-align: right;
  }
  .page-location .dialog {
    width: 280px;
    margin-left: -139.5px;
  }
  .page-location .dialog .dialog-box {
    height: 185px;
    background: #00b3e0;
  }
  .page-location .dialog .dialog-box .content {
    width: 100%;
    margin: 0px auto;
    padding: 58px 0px 25px 0px;
    line-height: 24px;
    color: #fff;
    font-size: 23px;
    text-align: center;
  }
}

/*wordworld eof*/

/* support bof */

a.btn-red:hover {
  color: #fff;
}

.download-lnk span.txt {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

/* line 2, ../sass/page/_support.scss */

.page-support .banner-section-wrapper {
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  /* line 2, ../sass/page/_support.scss */
  .page-support .banner-section-wrapper {
    padding-left: 0;
  }
}

/* line 8, ../sass/page/_support.scss */

.page-support .banner-section-wrapper .banner-section {
  position: relative;
}

/* line 10, ../sass/page/_support.scss */

.page-support .banner-section-wrapper .banner-section .desc {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}

/* line 15, ../sass/page/_support.scss */

.page-support .banner-section-wrapper .banner-section .desc .inner-tb {
  width: 100%;
  height: 100%;
  display: table;
}

/* line 20, ../sass/page/_support.scss */

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}

/* line 26, ../sass/page/_support.scss */

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
  font-family: "bignoodletitlingregular";
  font-size: 70px;
  line-height: 0.8;
  padding-bottom: 16px;
}

@media only screen and (max-width: 767px) {
  /* line 26, ../sass/page/_support.scss */
  .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
    font-size: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 26, ../sass/page/_support.scss */
  .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
    font-size: 50px;
  }
}

/* line 39, ../sass/page/_support.scss */

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .headline {
  font-family: "bignoodletitlingregular";
  font-size: 30px;
  line-height: 0.8;
}

@media only screen and (max-width: 767px) {
  /* line 39, ../sass/page/_support.scss */
  .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .headline {
    font-size: 20px;
  }
}

/* line 48, ../sass/page/_support.scss */

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search {
  background: #fff;
  width: 500px;
  height: 52px;
  padding: 0 30px;
  line-height: 52px;
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  position: relative;
  /*overflow: hidden;*/
  margin: 0 auto;
}

/* line 59, ../sass/page/_support.scss */

#faq-type {
  z-index: 99;
}

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt {
  border: none;
  outline: none;
  width: 80%;
  height: 52px;
  font-size: 12px;
  line-height: auto;
  vertical-align: middle;
  position: absolute;
  display: block;
  left: 30px;
  top: 0;
  color: black;
}

/* line 69, ../sass/page/_support.scss */

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt::-webkit-input-placeholder {
  color: #9d9d9d;
}

/* line 73, ../sass/page/_support.scss */

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt:-moz-placeholder {
  /* Firefox 18- */
  color: #9d9d9d;
}

/* line 77, ../sass/page/_support.scss */

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt::-moz-placeholder {
  /* Firefox 19+ */
  color: #9d9d9d;
}

/* line 81, ../sass/page/_support.scss */

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt:-ms-input-placeholder {
  color: #9d9d9d;
}

/* line 85, ../sass/page/_support.scss */

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .fa {
  position: absolute;
  display: block;
  top: 0;
  right: 20px;
  font-size: 20px;
  color: #9d9d9d;
  line-height: 52px;
}

@media only screen and (max-width: 767px) {
  /* line 48, ../sass/page/_support.scss */
  .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search {
    width: 80%;
    height: 48px;
    padding: 0 15px;
    line-height: 48px;
  }
  /* line 97, ../sass/page/_support.scss */
  .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt {
    left: 15px;
    top: -2px;
    height: 48px;
    background: none;
  }
  /* line 102, ../sass/page/_support.scss */
  .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .fa {
    line-height: 40px;
    right: 15px;
  }
}

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .main-dropdown {
  position: absolute;
  top: 100%;
  left: 17px;
  right: 17px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  border-radius: 5px;
  z-index: 999;
  /* overflow: hidden; */
  transition: all .1s;
  border-bottom: none;
  border-top: none;
  max-height: 400px;
  border: 1px solid #cccccc;
  margin: 0 5px;
  display: none;
}

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .main-dropdown li {
  padding: 10px 0 10px 15px;
  border-bottom: 1px solid #e6e8ea;
  font-size: 16px;
  line-height: 24px;
  color: #555;
}

.page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .main-dropdown li:hover {
  background: #00b3e0;
  color: #fff;
  cursor: pointer;
}

/* line 115, ../sass/page/_support.scss */

.page-support .product-support-wrapper {
  padding-left: 0;
  padding-top: 80px;
}

@media only screen and (max-width: 767px) {
  /* line 115, ../sass/page/_support.scss */
  .page-support .product-support-wrapper {
    padding-left: 0;
    padding-top: 30px;
  }
}

/* line 123, ../sass/page/_support.scss */

.page-support .product-support-wrapper .text-wrapper {
  text-align: center;
}

/* line 125, ../sass/page/_support.scss */

.page-support .product-support-wrapper .text-wrapper .block-title {
  font-size: 60px;
  line-height: 50px;
  min-height: 0;
  color: #333333;
  font-family: "bignoodletitlingregular";
  text-transform: uppercase;
  padding-bottom: 17px;
}

@media only screen and (max-width: 767px) {
  /* line 125, ../sass/page/_support.scss */
  .page-support .product-support-wrapper .text-wrapper .block-title {
    font-size: 30px;
    line-height: 0.8;
  }
}

/* line 142, ../sass/page/_support.scss */

.page-support .product-support-wrapper .productSupportSlider-wrapper .bx-wrapper {
  position: relative;
}

/* line 147, ../sass/page/_support.scss */

.page-support .product-support-wrapper .productSupportSlider {
  text-align: center;
}

/* line 149, ../sass/page/_support.scss */

.page-support .product-support-wrapper .productSupportSlider .slider-item-c-new {
  position: relative;
  float: left;
  border-left: 1px solid #e4e4e4;
}

/* line 157, ../sass/page/_support.scss */

.page-support .product-support-wrapper .productSupportSlider .slider-item-c-new .prd-detail {
  padding: 20px 20px 0px 20px;
}

/* line 159, ../sass/page/_support.scss */

.page-support .product-support-wrapper .productSupportSlider .slider-item-c-new .prd-detail .photo-thumb {
  max-width: 100%;
  height: 175px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  /* line 159, ../sass/page/_support.scss */
  .page-support .product-support-wrapper .productSupportSlider .slider-item-c-new .prd-detail .photo-thumb {
    max-width: auto;
    height: auto;
  }
}

/* line 169, ../sass/page/_support.scss */

.page-support .product-support-wrapper .productSupportSlider .slider-item-c-new .prd-detail .prd-name {
  font-size: 22px;
  line-height: 22px;
  color: #333333;
  font-family: "bignoodletitlingregular";
  text-transform: uppercase;
}

/* line 183, ../sass/page/_support.scss */

.page-support .product-support-wrapper .bx-controls-direction {
  margin: 0 auto;
}

/* line 186, ../sass/page/_support.scss */

.page-support .product-support-wrapper .bx-controls-direction .bx-prev {
  width: 25px;
  height: 100%;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/icon-arrow-grey-left.png) center right no-repeat white;
  position: absolute;
  display: block;
  left: 0px;
  top: 0;
  text-indent: -9999px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 186, ../sass/page/_support.scss */
  .page-support .product-support-wrapper .bx-controls-direction .bx-prev {
    left: 0px;
  }
}

/* line 198, ../sass/page/_support.scss */

.page-support .product-support-wrapper .bx-controls-direction .bx-next {
  width: 25px;
  height: 100%;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/icon-arrow-grey-right.png) center left no-repeat white;
  position: absolute;
  display: block;
  top: 0;
  right: 0px;
  text-indent: -9999px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 198, ../sass/page/_support.scss */
  .page-support .product-support-wrapper .bx-controls-direction .bx-next {
    right: 0px;
  }
}

/* line 210, ../sass/page/_support.scss */

.page-support .product-support-wrapper .bx-controls-direction .disabled {
  display: none;
}

/* line 214, ../sass/page/_support.scss */

.page-support .download-wrapper {
  margin-top: 100px;
  padding: 25px 0 40px 0;
  background: #f6f6f6;
}

/* line 219, ../sass/page/_support.scss */

.page-support .download-wrapper:after,
.page-support .download-wrapper:before {
  content: " ";
  display: table;
}

/* line 223, ../sass/page/_support.scss */

.page-support .download-wrapper:before {
  clear: both;
}

@media only screen and (max-width: 767px) {
  /* line 214, ../sass/page/_support.scss */
  .page-support .download-wrapper {
    padding-left: 0;
  }
}

/* line 231, ../sass/page/_support.scss */

.page-support .download-wrapper .mb-block-icon {
  position: relative;
}

/* line 234, ../sass/page/_support.scss */

.page-support .download-wrapper .mb-block-icon .block-ico {
  width: 50%;
  height: 80px;
  position: absolute;
  display: block;
  top: -90px;
}

/* line 239, ../sass/page/_support.scss */

.page-support .download-wrapper .mb-block-icon .block-ico.download-ico {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-download.png) top center no-repeat;
}

/* line 242, ../sass/page/_support.scss */

.page-support .download-wrapper .mb-block-icon .block-ico.book-ico {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-book.png) top center no-repeat;
  left: 50%;
}

/* line 246, ../sass/page/_support.scss */

.page-support .download-wrapper .mb-block-icon .block-ico.doc-ico {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-doc.png) top center no-repeat;
  left: 66%;
}

/* line 253, ../sass/page/_support.scss */

.page-support .download-wrapper .col-lg-4 {
  border-right: 1px solid #e4e4e4;
}

/* line 256, ../sass/page/_support.scss */

.page-support .download-wrapper .col-lg-4:last-child {
  border-right: none;
}

/* line 259, ../sass/page/_support.scss */

.page-support .download-wrapper .col-c {
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  /* line 259, ../sass/page/_support.scss */
  .page-support .download-wrapper .col-c {
    padding-bottom: 0;
  }
}

/* line 268, ../sass/page/_support.scss */

.page-support .download-wrapper .col-c .block-ico {
  width: 100%;
  height: 80px;
  display: block;
  left: 0;
  top: -80px;
  margin-bottom: 10px;
  margin-top: 20px;
}

/* line 273, ../sass/page/_support.scss */

.page-support .download-wrapper .col-c .block-ico.download-ico {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-download.png) top center no-repeat;
}

/* line 276, ../sass/page/_support.scss */

.page-support .download-wrapper .col-c .block-ico.book-ico {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-book.png) top center no-repeat;
}

/* line 279, ../sass/page/_support.scss */

.page-support .download-wrapper .col-c .block-ico.doc-ico {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-doc.png) top center no-repeat;
}

/* line 284, ../sass/page/_support.scss */

.page-support .download-wrapper .col-c .block-title {
  font-size: 30px;
  line-height: 30px;
  color: #333333;
  font-family: "bignoodletitlingregular";
  text-transform: uppercase;
  padding-bottom: 12px;
}

/* line 293, ../sass/page/_support.scss */

.page-support .download-wrapper .col-c .item-c-new {
  padding: 0 20% 17px 20%;
}

/* line 296, ../sass/page/_support.scss */

.page-support .download-wrapper .col-c .item-c-new .title {
  font-size: 16px;
  line-height: 16px;
  color: #01b4e1;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 3px;
}

/* line 304, ../sass/page/_support.scss */

.page-support .download-wrapper .col-c .item-c-new .desc {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  color: #333333;
  display: block;
  font-size: 16px;
  padding-bottom: 3px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 310, ../sass/page/_support.scss */

.page-support .download-wrapper .col-c .item-c-new .download-lnk {
  color: #777777;
  font-size: 16px;
}

/* line 314, ../sass/page/_support.scss */

.page-support .download-wrapper .col-c .item-c-new .download-lnk .download-ico {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-download-small.png) right center no-repeat;
  padding-right: 16px;
}

/* line 321, ../sass/page/_support.scss */

.page-support .download-wrapper .col-c .blue-btn {
  margin-top: 10px;
}

.page-support .select-product-cate {
  /*padding-left:3%;*/
  margin-top: 40px;
}

.page-support .select-product-cate h2 {
  padding-left: 5px;
  font-family: 'bignoodletitlingregular';
  color: #333;
}

.page-support .select-product-cate .form-control {
  margin: 5px 0;
  font-size: 16px;
  line-height: 24px;
}

#product-cate {
  position: relative;
  cursor: pointer;
  transition: all .3s;
}

#product-cate:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #00b3e0 transparent;
}

#product-cate .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 5px;
  z-index: 999;
  max-height: 0;
  overflow: hidden;
  transition: all .1s;
  border-bottom: none;
  border-top: none;
}

#product-cate.active .dropdown {
  max-height: 400px;
  border: 1px solid #cccccc;
}

#product-cate .dropdown li {
  padding: 10px 0 10px 15px;
  border-bottom: 1px solid #e6e8ea;
}

#product-cate .dropdown li:hover {
  background: #00b3e0;
  color: #fff;
}

#product-model {
  position: relative;
  cursor: pointer;
  transition: all .3s;
}

#product-model:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #00b3e0 transparent;
}

#product-model .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 5px;
  z-index: 999;
  max-height: 0;
  overflow: hidden;
  transition: all .1s;
  border-bottom: none;
  border-top: none;
}

#product-model.active .dropdown {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #cccccc;
}

#product-model .dropdown li {
  padding: 10px 0 10px 15px;
  border-bottom: 1px solid #e6e8ea;
}

#product-model .dropdown li:hover {
  background: #00b3e0;
  color: #fff;
}

/*售后服务*/

.page-support .service-section-wrapper {
  background: #fff;
}

@media only screen and (max-width: 991px) {
  /* line 702, ../sass/page/_support.scss */
  .page-support .service-section-wrapper {
    padding-left: 0;
  }
}

/* line 710, ../sass/page/_support.scss */

.page-support .service-section-wrapper .service-section-heading {
  font-size: 36px;
  line-height: 70px;
  /*font-weight: bold;*/
  color: #333333;
  font-family: "bignoodletitlingregular", STHeiti, "微软雅黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  text-transform: uppercase;
  text-align: center;
  padding: 66px 0 25px 0;
}

@media only screen and (max-width: 767px) {
  /* line 710, ../sass/page/_support.scss */
  .page-support .service-section-wrapper .service-section-heading {
    font-size: 30px;
    line-height: 25px;
    padding: 34px 0 15px 0;
  }
}

/* line 726, ../sass/page/_support.scss */

.page-support .service-section-wrapper .service-c {
  text-align: center;
  padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  /* line 726, ../sass/page/_support.scss */
  .page-support .service-section-wrapper .service-c {
    text-align: left;
    padding-left: 50px;
    position: relative;
    padding-bottom: 20px;
  }
}

/* line 737, ../sass/page/_support.scss */

.page-support .service-section-wrapper .service-c .fa {
  font-size: 20px;
  color: #01b4e1;
  display: block;
  margin-bottom: 10px;
}

/* line 743, ../sass/page/_support.scss */

.page-support .service-section-wrapper .service-c .fa.ico-checked {
  width: 100%;
  height: 25px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-checked.png) center top no-repeat;
}

@media only screen and (max-width: 767px) {
  /* line 743, ../sass/page/_support.scss */
  .page-support .service-section-wrapper .service-c .fa.ico-checked {
    width: 60px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-checked.png) left top no-repeat;
  }
}

/* line 753, ../sass/page/_support.scss */

.page-support .service-section-wrapper .service-c .fa.ico-phone-pickup {
  width: 100%;
  height: 25px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-phone-pickup-blue.png) center top no-repeat;
}

.page-support .service-section-wrapper .service-c .fa.ico-handy {
  width: 25px;
  height: 25px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/TradeInicon2.png) center top no-repeat;
  background-size: 100%;
  margin: 0 auto 10px;
}

@media only screen and (max-width: 767px) {
  /* line 753, ../sass/page/_support.scss */
  .page-support .service-section-wrapper .service-c .fa.ico-phone-pickup {
    width: 60px;
    left: 10px;
    background: url("https://www.honor.com/content/dam/honor/common/products/img/ico-phone-pickup-blue.png") left top no-repeat;
  }
  /* .page-support .service-section-wrapper .service-c .fa.ico-handy {
        width: 60px;
        left: 10px;

        background: url(/content/dam/honor/common/products/img/TradeInicon2.png) left top no-repeat;
    }*/
}

/* line 764, ../sass/page/_support.scss */

.page-support .service-section-wrapper .service-c .fa.ico-guarantee {
  width: 100%;
  height: 25px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-guarantee.png) center top no-repeat;
}

@media only screen and (max-width: 767px) {
  /* line 764, ../sass/page/_support.scss */
  .page-support .service-section-wrapper .service-c .fa.ico-guarantee {
    width: 60px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-guarantee.png) left top no-repeat;
  }
}

/* line 774, ../sass/page/_support.scss */

.page-support .service-section-wrapper .service-c .fa.ico-headphone {
  width: 100%;
  height: 25px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-headphone.png) center center no-repeat;
}

@media only screen and (max-width: 767px) {
  /* line 774, ../sass/page/_support.scss */
  .page-support .service-section-wrapper .service-c .fa.ico-headphone {
    width: 60px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-headphone.png) left top no-repeat;
  }
}

.page-support .service-section-wrapper .service-c .fa.ico-distinguish {
  width: 100%;
  height: 25px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-distinguish.png) center center no-repeat;
}

@media only screen and (max-width: 767px) {
  .page-support .service-section-wrapper .service-c .fa.ico-distinguish {
    width: 60px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-distinguish.png) left top no-repeat;
  }
}

.page-support .service-section-wrapper .service-c .fa.ico-warranty-status {
  width: 100%;
  height: 25px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-warranty-status.png) center center no-repeat;
}

@media only screen and (max-width: 767px) {
  .page-support .service-section-wrapper .service-c .fa.ico-warranty-status {
    width: 60px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-warranty-status.png) left top no-repeat;
  }
}

.page-support .service-section-wrapper .service-c .fa.ico-booking {
  width: 100%;
  height: 25px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-booking-blue.png) center center no-repeat;
}

@media only screen and (max-width: 767px) {
  .page-support .service-section-wrapper .service-c .fa.ico-booking {
    width: 60px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-booking-blue.png) left top no-repeat;
  }
}

.page-support .service-section-wrapper .service-c .fa.ico-recovery {
  width: 100%;
  height: 25px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-recovery.png) center center no-repeat;
}

@media only screen and (max-width: 767px) {
  .page-support .service-section-wrapper .service-c .fa.ico-recovery {
    width: 60px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-recovery.png) left top no-repeat;
  }
}

.page-support .service-section-wrapper .service-c .fa.ico-old {
  width: 100%;
  height: 25px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-old.png) center center no-repeat;
}

@media only screen and (max-width: 767px) {
  .page-support .service-section-wrapper .service-c .fa.ico-old {
    width: 60px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-old.png) left top no-repeat;
  }
}

@media only screen and (max-width: 767px) {
  /* line 737, ../sass/page/_support.scss */
  .page-support .service-section-wrapper .service-c .fa {
    position: absolute;
    display: block;
    left: 10px;
    top: 0;
  }
}

/* line 789, ../sass/page/_support.scss */

.page-support .service-section-wrapper .service-c .service-name {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  color: #00b3e0;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  /*text-transform: uppercase;*/
}

.page-support .service-section-wrapper .service-c .service-name:hover {
  opacity: .9;
}

@media only screen and (max-width: 767px) {
  /* line 789, ../sass/page/_support.scss */
  .page-support .service-section-wrapper .service-c .service-name {
    font-size: 15px;
  }
}

/* line 801, ../sass/page/_support.scss */

.page-support .service-section-wrapper .service-c .service-desc {
  color: #000d10;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

@media only screen and (max-width: 767px) {
  /* line 801, ../sass/page/_support.scss */
  .page-support .service-section-wrapper .service-c .service-desc {
    font-size: 13px;
    line-height: 14px;
  }
}

.page-support .support-info-wrapper .col-sm-3-3 {
  width: 20%;
}

/* line 327, ../sass/page/_support.scss */

.page-support .support-info-wrapper {
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  /* line 327, ../sass/page/_support.scss */
  .page-support .support-info-wrapper {
    padding-left: 0;
  }
  .page-support .support-info-wrapper .col-sm-3-3 {
    width: 100%;
  }
}

/* line 334, ../sass/page/_support.scss */

.page-support .support-info-wrapper .support-info-section {
  position: relative;
}

/* line 336, ../sass/page/_support.scss */

.page-support .support-info-wrapper .support-info-section .desc {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}

/* line 341, ../sass/page/_support.scss */

.page-support .support-info-wrapper .support-info-section .desc .inner-tb {
  width: 100%;
  height: 100%;
  display: table;
}

/* line 346, ../sass/page/_support.scss */

.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  padding-top: 5%;
}

/* line 352, ../sass/page/_support.scss */

.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .title {
  font-family: "bignoodletitlingregular";
  font-size: 50px;
  line-height: 45px;
  padding-bottom: 9px;
}

.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .title-h3 {
  font-family: "bignoodletitlingregular";
  font-size: 36px;
}

@media only screen and (max-width: 767px) {
  /* line 352, ../sass/page/_support.scss */
  .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .title {
    font-size: 25px;
    line-height: 20px;
  }
  .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell {
    padding-top: 15%;
  }
}

/* line 363, ../sass/page/_support.scss */

.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .sub-heading {
  font-family: "bignoodletitlingregular";
  font-size: 20px;
  line-height: 18px;
  padding-bottom: 1px;
  display: inline-block;
  color: #dff1fc;
}

/* line 371, ../sass/page/_support.scss */

.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .sub-heading.phone-ico {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-phone.png) left top no-repeat;
  padding-left: 28px;
  padding-top: 6px;
}

/* line 376, ../sass/page/_support.scss */

.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .sub-heading.qq-ico {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/ico-qq.png) left top no-repeat;
  padding-left: 28px;
  padding-top: 6px;
}

/* line 386, ../sass/page/_support.scss */

.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .txt-info {
  font-size: 22px;
  line-height: 18px;
  padding-bottom: 17px;
  display: block;
}

.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell img {
  max-width: 180px;
}

@media only screen and (max-width: 767px) {
  /* line 386, ../sass/page/_support.scss */
  .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .txt-info {
    font-size: 18px;
  }
  .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell img {
    max-width: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell img {
    max-width: 100px;
  }
  .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .txt-info {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 14px;
    display: block;
  }
  .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .title {
    line-height: 30px;
    padding-bottom: 9px;
    font-size: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 386, ../sass/page/_support.scss */
  .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .txt-info {
    font-size: 18px;
  }
  .page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .title {
    font-family: "bignoodletitlingregular";
    font-size: 32px;
    line-height: 30px;
  }
}

/* line 399, ../sass/page/_support.scss */

.page-support .support-info-wrapper .support-info-section .desc .inner-tb .inner-tb-cell .txt-info.no-padding {
  padding-bottom: 0;
}

/* line 6, ../sass/_IE8.scss */

.ie-8 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .rotate-img,
.ie-8 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .rotate-img,
.ie-8 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .rotate-img {
  position: relative;
  z-index: 1;
}

/* line 7, ../sass/_IE8.scss */

.ie-8 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c,
.ie-8 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c,
.ie-8 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c {
  z-index: 0;
}

/* line 9, ../sass/_IE8.scss */

.ie-8 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .bg,
.ie-8 #wrap-introducing-plank .diamond-grid .dg-1 .img-c .hover-c .txt,
.ie-8 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .bg,
.ie-8 #wrap-introducing-plank .diamond-grid .dg-2 .img-c .hover-c .txt,
.ie-8 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .bg,
.ie-8 #wrap-introducing-plank .diamond-grid .dg-3 .img-c .hover-c .txt {
  display: block;
}

/* line 13, ../sass/_IE8.scss */

.ie-8 #wrap-introducing-plank .diamond-grid .dg-1 .img-c:hover .rotate-img,
.ie-8 #wrap-introducing-plank .diamond-grid .dg-2 .img-c:hover .rotate-img,
.ie-8 #wrap-introducing-plank .diamond-grid .dg-3 .img-c:hover .rotate-img {
  z-index: 0;
}

/* line 14, ../sass/_IE8.scss */

.ie-8 #wrap-introducing-plank .diamond-grid .dg-1 .img-c:hover .hover-c,
.ie-8 #wrap-introducing-plank .diamond-grid .dg-2 .img-c:hover .hover-c,
.ie-8 #wrap-introducing-plank .diamond-grid .dg-3 .img-c:hover .hover-c {
  z-index: 2;
}

/* line 24, ../sass/_IE8.scss */

.ie-8 .page-product .sticky-nav .col-20 {
  width: 19%;
}

/* line 30, ../sass/_IE8.scss */

.ie-8 a.pink-btn .an-arrow-circle-right-slide-out:after,
.ie-8 a.pink-2-btn .an-arrow-circle-right-slide-out:after,
.ie-8 a.white-btn .an-arrow-circle-right-slide-out:after,
.ie-8 a.blue-btn .an-arrow-circle-right-slide-out:after,
.ie-8 a.blue-2-btn .an-arrow-circle-right-slide-out:after,
.ie-8 a.pink-btn .an-play-circle-slide-out:after,
.ie-8 a.pink-2-btn .an-play-circle-slide-out:after,
.ie-8 a.white-btn .an-play-circle-slide-out:after,
.ie-8 a.blue-btn .an-play-circle-slide-out:after,
.ie-8 a.blue-2-btn .an-play-circle-slide-out:after,
.ie-8 a.lnk-learn-more .an-arrow-circle-right-slide-out:after,
.ie-8 a.lnk-learn-more .an-play-circle-slide-out:after,
.ie-8 a.white-btn .an-arrow-circle-right-slide-out:after,
.ie-8 a.blue-btn .an-arrow-circle-right-slide-out:after,
.ie-8 a.blue-2-btn .an-arrow-circle-right-slide-out:after,
.ie-8 a.white-btn .an-play-circle-slide-out:after,
.ie-8 a.blue-btn .an-play-circle-slide-out:after,
.ie-8 a.blue-2-btn .an-play-circle-slide-out:after {
  content: "";
}

/* line 34, ../sass/_IE8.scss */

.ie-8 a.pink-btn .an-arrow-circle-right-slide-out .fa,
.ie-8 a.pink-2-btn .an-arrow-circle-right-slide-out .fa,
.ie-8 a.white-btn .an-arrow-circle-right-slide-out .fa,
.ie-8 a.blue-btn .an-arrow-circle-right-slide-out .fa,
.ie-8 a.blue-2-btn .an-arrow-circle-right-slide-out .fa,
.ie-8 a.pink-btn .an-play-circle-slide-out .fa,
.ie-8 a.pink-2-btn .an-play-circle-slide-out .fa,
.ie-8 a.white-btn .an-play-circle-slide-out .fa,
.ie-8 a.blue-btn .an-play-circle-slide-out .fa,
.ie-8 a.blue-2-btn .an-play-circle-slide-out .fa,
.ie-8 a.lnk-learn-more .an-arrow-circle-right-slide-out .fa,
.ie-8 a.lnk-learn-more .an-play-circle-slide-out .fa,
.ie-8 a.white-btn .an-arrow-circle-right-slide-out .fa,
.ie-8 a.blue-btn .an-arrow-circle-right-slide-out .fa,
.ie-8 a.blue-2-btn .an-arrow-circle-right-slide-out .fa,
.ie-8 a.white-btn .an-play-circle-slide-out .fa,
.ie-8 a.blue-btn .an-play-circle-slide-out .fa,
.ie-8 a.blue-2-btn .an-play-circle-slide-out .fa {
  display: inline-block;
}

/* line 48, ../sass/_IE8.scss */

.ie-8 .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt {
  top: 17px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  /* line 48, ../sass/_IE8.scss */
  .ie-8 .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .support-search .input-txt {
    top: 6px;
  }
}

/* support eof */

/*通用 bof*/

#kw-dropdown {
  position: relative;
}

.kw-dropdown {
  position: absolute;
  top: 90%;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 5px;
  z-index: 999;
  /*overflow: hidden;*/
  transition: all .1s;
  border-bottom: none;
  border-top: none;
  max-height: 400px;
  border: 1px solid #cccccc;
  margin: 0 5px;
  display: none;
}

.kw-dropdown li {
  padding: 10px 0 10px 15px;
  border-bottom: 1px solid #e6e8ea;
  font-size: 16px;
  line-height: 24px;
  color: #555;
}

.kw-dropdown li:hover {
  background: #00b3e0;
  color: #fff;
  cursor: pointer;
}

/*通用 eof*/

/* search-result bof */

.wrapper-new {
  padding-top: 20px;
}

.wrapper-new .filter-col {
  padding: 10px 25px 0 25px;
}

.wrapper-new .filter-col .filter-col-heading {
  padding-bottom: 10px;
}

.wrapper-new .filter-col .filter-col-heading a {
  font-family: "bignoodletitlingregular";
  font-size: 28px;
  line-height: 24px;
  color: #000;
}

.wrapper-new .filter-col .list-of-filter li {
  border-bottom: 1px solid #e4e4e4;
}

.wrapper-new .filter-col .list-of-filter li:first-child {
  height: 7px;
}

.wrapper-new .filter-col .list-of-filter li a {
  display: block;
  padding: 19px 10px 12px 30px;
  font-family: "bignoodletitlingregular";
  font-size: 20px;
  line-height: 24px;
  color: #000;
  position: relative;
}

.wrapper-new .filter-col .list-of-filter li a .fa {
  font-size: 16px;
  position: absolute;
  display: block;
  left: 10px;
  top: 20px;
}

.wrapper-new .filter-col .list-of-filter li a:hover {
  color: #01b4e1;
}

@media only screen and (max-width: 767px) {
  .wrapper-new .filter-col {
    padding: 0;
    margin-bottom: 20px;
  }
  .wrapper-new .filter-col h3 {
    padding-left: 15px;
  }
  .wrapper-new .filter-col .filter-col-heading {
    background: #f7f7f7;
    border-top: 1px solid #e4e4e4;
  }
  .wrapper-new .filter-col .filter-col-heading a {
    padding: 20px 18px 0 18px;
    font-size: 18px;
    display: block;
    position: relative;
  }
  .wrapper-new .filter-col .filter-col-heading a .visible-xs {
    position: absolute;
    display: block;
    top: 20px;
    right: 18px;
  }
  .wrapper-new .filter-col .filter-col-heading a .visible-xs .total-item {
    color: #747474;
    padding: 0 2px;
  }
  .wrapper-new .filter-col .filter-col-heading a .visible-xs .fa-caret-down {
    display: none;
  }
  .wrapper-new .filter-col .filter-col-heading a .visible-xs .fa-caret-up {
    display: inline-block;
  }
  .wrapper-new .filter-col .filter-col-heading a.collapsed .visible-xs .fa-caret-down {
    display: inline-block;
  }
  .wrapper-new .filter-col .filter-col-heading a.collapsed .visible-xs .fa-caret-up {
    display: none;
  }
  .wrapper-new .filter-col .list-of-filter li:last-child {
    border-bottom: 1px solid #e4e4e4;
  }
  .wrapper-new .filter-col .list-of-filter li a {
    padding-right: 28px;
    padding-left: 45px;
    font-size: 15px;
  }
  .wrapper-new .filter-col .list-of-filter li a .fa {
    font-size: 16px;
    position: absolute;
    display: block;
    left: 20px;
    top: 20px;
  }
}

.wrapper-new .main-content-wrapper {
  padding-right: 25px;
}

.wrapper-new .main-content-wrapper .download-section,
.wrapper-new .main-content-wrapper .manual-section {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 30px;
}

.wrapper-new .main-content-wrapper .download-section .section-heading,
.wrapper-new .main-content-wrapper .manual-section .section-heading {
  font-family: "bignoodletitlingregular";
  font-size: 40px;
  line-height: 70px;
  color: #333333;
  padding-bottom: 20px;
}

.wrapper-new .main-content-wrapper .download-section .item-c-new,
.wrapper-new .main-content-wrapper .manual-section .item-c-new {
  padding-bottom: 28px;
}

.wrapper-new .main-content-wrapper .download-section .item-c-new .title,
.wrapper-new .main-content-wrapper .manual-section .item-c-new .title {
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  font-family: "bignoodletitlingregular";
  text-transform: uppercase;
  padding-bottom: 3px;
}

.wrapper-new .main-content-wrapper .download-section .item-c-new .desc,
.wrapper-new .main-content-wrapper .manual-section .item-c-new .desc {
  color: #333333;
  display: block;
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 6px;
}

.wrapper-new .main-content-wrapper .download-section .item-c-new .download-lnk,
.wrapper-new .main-content-wrapper .manual-section .item-c-new .download-lnk {
  color: #777777;
  font-size: 20px;
  line-height: 22px;
  font-family: "bignoodletitlingregular";
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .wrapper-new .main-content-wrapper .download-section,
  .wrapper-new .main-content-wrapper .manual-section {
    padding: 0 15px;
  }
  .wrapper-new .main-content-wrapper .download-section .section-heading,
  .wrapper-new .main-content-wrapper .manual-section .section-heading {
    font-size: 30px;
    line-height: 25px;
    padding-bottom: 24px;
  }
  .wrapper-new .main-content-wrapper .download-section .item-c-new,
  .wrapper-new .main-content-wrapper .manual-section .item-c-new {
    padding-bottom: 15px;
  }
  .wrapper-new .main-content-wrapper .download-section .item-c-new .title,
  .wrapper-new .main-content-wrapper .manual-section .item-c-new .title {
    font-size: 18px;
    line-height: 18px;
  }
  .wrapper-new .main-content-wrapper .download-section .item-c-new .desc,
  .wrapper-new .main-content-wrapper .manual-section .item-c-new .desc {
    font-size: 13px;
    line-height: 18px;
  }
  .wrapper-new .main-content-wrapper .download-section .item-c-new .download-lnk,
  .wrapper-new .main-content-wrapper .manual-section .item-c-new .download-lnk {
    font-size: 16px;
    line-height: 18px;
  }
}

.paging {
  margin: 20px 0;
}

.paging .prev-btn,
.paging .next-btn {
  cursor: pointer;
}

.paging li {
  display: block;
  width: 35px;
  height: 35px;
  float: left;
  border: 1px solid #e4e4e4;
  text-align: center;
  font-size: 20px;
  line-height: 35px;
  color: #777777;
  font-family: "bignoodletitlingregular";
  overflow: hidden;
}

/*.paging li:first-child+li {
    border:none;
    width:auto;
}
*/

.paging li:first-child+li span {
  white-space: nowrap;
  overflow: hidden;
  transition: all .2s;
}

.paging li:first-child+li span a {
  display: inline-block;
  width: 35px;
  height: 35px;
  border: 1px solid #e4e4e4;
  border-right: none;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  color: #777777;
  font-family: "bignoodletitlingregular";
}

.paging li {
  cursor: pointer;
  padding-top: 0.1em;
}

.paging li.next-btn {
  border-right: 1px solid #e4e4e4
}

.paging li.active {
  border: 1px solid #00b2e6;
  background: #00b2e6;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .page-support .download-wrapper {
    margin-top: 40px;
    padding: 25px 0 40px 0px;
    background: #f6f6f6;
  }
  .paging {
    text-align: center;
    padding-bottom: 30px;
  }
  .paging a {
    float: none;
    display: inline-block;
    margin-right: 0px;
    vertical-align: top;
  }
}

/* search-result eof */

/* software-detail bof */

.manual-detail-topnav {
  margin-top: 150px;
  position: relative;
  font-size: 25px;
  color: #333;
  font-family: "bignoodletitlingregular";
}

.manual-detail-topnav a {
  color: #00b2e6;
  font-family: "bignoodletitlingregular";
}

.manual-detail {
  margin-bottom: 100px;
}

.manual-detail-topnav .breadcrumb {
  margin: 50px 0;
  background-color: #fff;
  margin-left: 6%;
}

.manual-detail-contant {
  text-align: left;
}

.manual-detail-contant ul {
  list-style: disc;
  margin-left: 25px;
}

.manual-detail-contant li {
  line-height: 175%;
  font-size: 24px;
}

.manual-detail-contant h3 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 22px;
  color: #00b2e6;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  border-bottom: 1px solid #e8e8e8;
}

.manual-detail-contant h4 {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  margin-bottom: 10px;
}

.manual-detail-contant p {
  font-size: 15px;
  line-height: 130%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  word-wrap: break-word;
  /*border:1px solid red;*/
}

.manual-detail-down {
  font-size: 16px;
  list-style: none;
  border-top: 7px solid #00b2e6;
  padding-top: 10px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.manual-detail-down li {
  margin: 10px 0;
}

/* software-detail eof */

/* manual-detail bof */

.manual-detail-topnav {
  margin-top: 150px;
  position: relative;
  font-size: 25px;
  color: #333;
  font-family: "bignoodletitlingregular";
}

.manual-detail-topnav a {
  color: #00b2e6;
  font-family: "bignoodletitlingregular";
}

.manual-detail {
  margin-bottom: 100px;
}

.manual-detail-topnav .breadcrumb {
  margin: 50px 0;
  background-color: #fff;
  margin-left: 6%;
}

.manual-detail-contant {
  text-align: left;
}

.manual-detail-contant ul {
  list-style: disc;
  margin-left: 25px;
}

.manual-detail-contant li {
  line-height: 175%;
  font-size: 24px;
}

.manual-detail-contant h3 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 22px;
  color: #00b2e6;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  border-bottom: 1px solid #e8e8e8;
}

.manual-detail-contant h4 {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  margin-bottom: 10px;
}

.manual-detail-contant p {
  font-size: 15px;
  line-height: 130%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  word-wrap: break-word;
  /*border:1px solid red;*/
}

.manual-detail-down {
  font-size: 16px;
  list-style: none;
  border-top: 7px solid #00b2e6;
  padding-top: 10px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.manual-detail-down li {
  margin: 10px 0;
}

/* manual-detail eof */

/* software-list start */

.software-download-page .form-control {
  margin: 5px 0;
  font-size: 16px;
  line-height: 24px;
}

.software-download-page .wrapper-new h1 {
  margin-bottom: 5px;
  padding-left: 10px;
  font-size: 30px;
  font-family: "bignoodletitlingregular";
}

.software-download-page .wrapper-new h3 {
  margin: 30px 0 0 0;
  /*font-size: 28px;*/
  font-family: "bignoodletitlingregular";
}

.software-download-page .btn {
  background: #00b3e0;
}

.software-download-page .padding-left {
  padding-left: 10px;
}

@media only screen and (max-width: 767px) {
  .software-download-page .wrapper-new h1 {
    font-size: 24px;
  }
  .software-download-page .padding-left {
    padding-left: 5px;
  }
}

.software-download-page .widget-border {
  border-bottom: 1px solid #cccccc;
}

.software-download-page .sideber .list-group-item {
  border: none;
}

.software-download-page .content-border .content-down {
  font-size: 24px;
  color: #666;
  padding-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

.software-download-page .fa-icon {
  margin: 4px 0;
}

.software-download-page .fa-icon .fa {
  margin: 0 5px;
}

.software-download-page .content-border {
  border-top: 1px solid #ccc;
  margin: 10px 0 40px 0;
  padding: 20px 0;
  font-family: "bignoodletitlingregular";
}

.software-download-page .content-border h4 {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  color: #000;
}

.software-download-page .content-border .title {}

.software-download-page .content-border span {
  font-size: 13px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.software-download-page .content-border h4 {
  font-size: 15px;
}

.jsshop-01 {
  /* padding-left: 13%; */
}

.wite-top {
  margin-top: -3%;
  z-index: 999;
}

.shop-all {
  z-index: 9999 !important;
}

/* software-list end */

/*service-center bof*/

.service-center .support-section-wrapper .support-section-heading {
  font-size: 60px;
  line-height: 70px;
  color: #333333;
  font-family: "bignoodletitlingregular", STHeiti, "微软雅黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  text-transform: uppercase;
  text-align: center;
  padding: 30px 0 25px 0;
}

@media only screen and (max-width: 767px) {
  .service-center .support-section-wrapper .support-section-heading {
    font-size: 30px;
    line-height: 25px;
    padding: 34px 0 15px 0;
  }
}

.service-center .support-section-wrapper .support-section-heading {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.25;
}

@media only screen and (max-width: 767px) {
  .service-center .support-section-wrapper .support-section-heading {
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .service-center .support-section-wrapper .support-section-heading {
    font-size: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .service-center .support-section-wrapper {
    padding-left: 0;
  }
}

.service-center .support-section-wrapper .service-cnt {
  padding: 0 30px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .service-center .support-section-wrapper .service-cnt {
    padding: 0 5px 10px;
  }
}

.service-center .support-section-wrapper .service-cnt .service-desc {
  font-size: 16px;
  line-height: 1.25;
  padding: 10px 0;
  color: #000d10;
}

.service-center .support-section-wrapper .service-cnt.service-desc .service-name {
  font-size: 20px;
  color: #000d10;
  display: block;
  font-family: "bignoodletitlingregular", STHeiti, "微软雅黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  line-height: 1.25;
  text-transform: uppercase;
}

.service-center .support-section-wrapper .service-cnt .service-red-title {
  color: #CD0035
}

.service-center .support-section-wrapper .service-center-cnt {
  font-size: 16px;
  padding: 0;
  text-align: left;
}

.service-center .support-section-wrapper .service-center-cnt .service-center-form .select-wrapper {
  border: 1px solid #ccc;
  height: 45px;
  width: 100%;
  border-radius: 4px;
}

.service-center .support-section-wrapper .service-center-cnt .service-center-form .select-wrapper:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #00b3e0 transparent;
}

.service-center .support-section-wrapper .service-center-cnt .service-center-form .select-wrapper select {
  height: 100%;
  width: 100%;
}

.service-center .support-section-wrapper .service-center-cnt .service-center-form .select-wrapper span {
  color: #777777;
  font-size: 16px;
  top: 6px;
}

.service-center .support-section-wrapper .service-center-cnt .service-center-form .select-wrapper option {
  color: #555;
  font-size: 16px;
  line-height: 2em;
}

.service-center .support-section-wrapper .service-center-cnt .form-control {
  font-size: 16px;
  line-height: 24px;
}

.service-center .support-section-wrapper .service-center-cnt #service-center-submit {
  font-size: 16px;
  display: block;
  color: #fff;
  background-color: #00b7e1;
  line-height: 24px;
}

@media only screen and (max-width:767px) {
  .service-center .support-section-wrapper .service-center-cnt {
    padding: 0 5px;
  }
  .service-center .support-section-wrapper .service-center-cnt .service-center-form .select-wrapper span {
    top: 10px;
  }
}

.service-center .support-section-wrapper .service-center-cnt .page-title {
  min-width: 1000px;
}

.service-center .support-section-wrapper .service-center-cnt .page-title h1 {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  display: block;
  margin: 0 auto;
  width: 98%;
  max-width: 1240px;
  padding: 10px 0;
}

.service-center .support-section-wrapper .banner-img img {
  width: 100%;
  margin: 0 0 20px;
}

.service-center .support-section-wrapper .service-center-cnt .cbg-article form.cbg-std-form .cbg-element-group .sbHolder ul {
  z-index: 1000;
}

.service-center .support-section-wrapper .service-center-cnt .cbg-article form.cbg-std-form input.cbg-btn {
  padding: 0 40px;
  background-color: #666;
  color: #fff;
  border: 1px solid #666;
}

.service-center .support-section-wrapper .service-center-cnt .cbg-article form.cbg-std-form input.cbg-btn:hover {
  background-color: #333;
}

.service-center .support-section-wrapper .service-center-cnt .map-section {
  position: relative;
  margin-top: 10px;
}

.service-center .support-section-wrapper .service-center-cnt .map-section img {
  width: 100%;
}

.service-center .support-section-wrapper .service-center-cnt .map-section .search-summary {
  box-shadow: 1px 1px 4px 1px #888888;
  position: absolute;
  left: 10%;
  top: 10px;
  display: none;
  z-index: 900;
  width: 320px;
  background-color: #fff;
}

@media only screen and (max-width:972px) {
  .service-center .support-section-wrapper .service-center-cnt .map-section .search-summary {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
  }
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .summary-header {
  height: 44px;
  text-align: center;
  background-color: #00b3e0;
  color: #fff;
  padding: 8px;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .summary-header .header-fa {
  float: right;
  font-weight: normal;
  vertical-align: middle;
  font-size: 14px;
  padding: 5px;
  cursor: pointer;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .summary-content {
  overflow: auto;
  max-height: 550px;
  border-bottom: 1px solid #aaa;
}

@media only screen and (min-width:972px) and (max-width:1296px) {
  .service-center .support-section-wrapper .service-center-cnt .search-summary .summary-content {
    max-height: 390px;
  }
}

@media only screen and (max-width:972px) {
  .service-center .support-section-wrapper .service-center-cnt .search-summary .summary-content {
    max-height: none;
  }
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info {
  cursor: pointer;
  position: relative;
  padding: 5px 0 7px 14px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info.center-info-active {
  background-color: #eee;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info:hover {
  background-color: #eee;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .bdmap-logo {
  left: 12px;
  top: 2px;
  line-height: 25px;
  /*font-size: 12px;width: 16px;height: 21px;-webkit-background-size: contain;background-size: contain;*/
}

.service-center .support-section-wrapper .service-center-cnt .bdmap-logo {
  padding: 0;
  position: absolute;
  display: block;
  left: 10px;
  top: 10px;
  height: 34px;
  width: 25px;
  border: none;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-family: "arial";
  background: url("https://www.honor.com/content/dam/honor/common/products/img/support-center-num2.png") center no-repeat;
  font-size: 12px;
  padding-top: 2px;
}

.service-center .support-section-wrapper .service-center-cnt .center-name {
  font-size: 15px;
  margin: 0 0 0 30px;
  line-height: 25px;
  min-height: 35px;
}

.service-center .support-section-wrapper .service-center-cnt .center-detail-txt {
  margin: 0 0 0 30px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .logo-star {
  margin: 0 0 0 30px;
  display: inline-block;
  width: 100px;
  height: 15px;
  background: transparent url("https://www.honor.com/content/dam/honor/common/products/img/support-center-logo-star.png") 0 0 no-repeat;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-4-5 {
  width: 90.7px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-4-0 {
  width: 78.7px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-3-5 {
  width: 69.9px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-3-0 {
  width: 58px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-2-5 {
  width: 49px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-2-0 {
  width: 38px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-1-5 {
  width: 28px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-1-0 {
  width: 18px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-0-5 {
  width: 7px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .star-0-0 {
  width: 0px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info .center-detail {
  line-height: 1.5;
  color: #555;
  font-size: 12px;
  margin: 0 0 5px;
  position: relative;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info.center-info-active .center-addr,
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info.center-info-active .center-phone,
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info.center-info-active .center-time,
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-info.center-info-active .center-opr {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/support-center-logo-wb.png");
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-addr,
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-phone,
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-time,
.service-center .support-section-wrapper .service-center-cnt .search-summary .center-opr {
  display: inline-block;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent url("https://www.honor.com/content/dam/honor/common/products/img/support-center-logo-gb.png") no-repeat;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .logo-wb {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/support-center-logo-wb.png");
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-addr {
  background-position: 0 0px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-phone {
  background-position: 0 -26px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-time {
  background-position: 0 -54px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-opr {
  background-position: 0 -82px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .center-detail-txt {
  display: inline-block;
  padding-left: -2px;
}

.service-center .support-section-wrapper .service-center-cnt .search-summary .view-more {
  font-size: 16px;
  padding: 6px 21px 7px;
  border: 1px solid #333;
  float: right;
  margin: 10px;
}

.service-center .support-section-wrapper .service-center-cnt .pdmg0 {
  padding: 0;
}

.service-center .support-section-wrapper .service-center-cnt form.cbg-std-form div.cbg-element-group {
  margin: 0;
  border: none;
}

.service-center .support-section-wrapper .service-center-cnt .goto-info {
  box-shadow: 1px 1px 4px 1px #888888;
  position: absolute;
  left: 70%;
  top: 40%;
  z-index: 900;
  background-color: #fff;
  padding: 25px 20px 20px;
  width: 380px;
}

.service-center .support-section-wrapper .service-center-cnt .goto-info-close {
  position: absolute;
  right: 8px;
  top: 8px;
  display: inline-block;
  height: 15px;
  width: 15px;
  background: #fff url("https://www.honor.com/content/dam/honor/common/products/img/iw_close1d3.gif") 0 0 no-repeat;
  cursor: pointer;
  border: 1px solid #fff;
}

.service-center .support-section-wrapper .service-center-cnt .goto-info-close:hover {
  background: #fff url("https://www.honor.com/content/dam/honor/common/products/img/icon-close-active.png") 0 0 no-repeat;
}

.service-center .support-section-wrapper .service-center-cnt .goto-info .bdmap-logo {
  top: 20px;
  left: 80%;
  padding-top: 6px;
}

.service-center .support-section-wrapper .service-center-cnt .goto-info .center-name {
  margin: 0;
  font-size: 17px;
}

.service-center .support-section-wrapper .service-center-cnt .goto-info .center-detail-txt {
  margin-bottom: 8px;
  font-size: 14px;
}

.service-center .support-section-wrapper .service-center-cnt .goto-info input {
  height: 35px;
  border: 1px solid #333;
  font-size: 14px;
  margin-bottom: 17px;
}

.service-center .support-section-wrapper .service-center-cnt .goto-info input[type=text] {
  padding-left: 5px;
}

.service-center input.start-input,
.service-center .support-section-wrapper .service-center-cnt .goto-info .cell-phone {
  width: 46%;
  margin-right: 5px;
  display: inline-block;
  border: 1px solid #333;
  border-radius: 5px;
  font-size: 14px;
  height: 34px;
  padding: 0 5px;
  line-height: 30px;
}

.service-center .support-section-wrapper .service-center-cnt .goto-info input.validate-input {
  width: 24%;
}

.service-center .support-section-wrapper .service-center-cnt .goto-info span.validate-span {
  margin-left: 5px;
  cursor: pointer;
  line-height: 35px;
  font-weight: bold;
  height: 35px;
  width: 24%;
  color: #c2c2c2;
  background: #fff url("https://www.honor.com/content/dam/honor/common/products/img/img_dev_en_code.jpg") 0 0 repeat;
  text-align: center;
  display: inline-block;
}

.service-center .bus,
.service-center .car {
  width: 24%;
  display: inline-block;
  border: 1px solid #333;
  vertical-align: baseline;
}

.service-center .car {
  margin-left: 5px;
}

.service-center .support-section-wrapper .service-center-cnt .goto-info .share {
  width: 50.5%;
  display: inline-block;
}

.service-center .support-section-wrapper .rl-wrap {
  position: relative;
  height: 0;
  width: 0;
  z-index: 800;
}

.service-center .support-section-wrapper .rl-wrap .bubble {
  transform: skew(-24deg, -37deg);
  -ms-transform: skew(-24deg, -37deg);
  -moz-transform: skew(-24deg, -37deg);
  -webkit-transform: skew(-24deg, -37deg);
  -o-transform: skew(-24deg, -37deg);
  display: block;
  height: 25px;
  width: 35px;
  border: 0 solid #666;
  border-width: 0 0 1px 1px;
  position: absolute;
  left: 159px;
  top: 9px;
  background-color: #fff;
}

.service-center .support-section-wrapper .service-center-cnt .btn:hover,
.service-center .support-section-wrapper .service-center-cnt .btn.sc-active {
  background-color: #00b7e1;
  border-color: #00b7e1;
  color: #fff;
}

.service-center .support-section-wrapper .service-center-cnt .goto-logo {
  position: absolute;
  left: 70%;
  top: 40%;
  display: none;
  z-index: 800;
  background-color: #fff;
}

@media only screen and (max-width:972px) {
  .service-center .support-section-wrapper .service-center-cnt .goto-logo {
    top: 4%;
  }
}

.service-center .support-section-wrapper .service-center-cnt button.bdmap-logo {
  cursor: pointer;
}

.service-center .support-section-wrapper .service-center-cnt .vm-bdmap-logo {
  /*click view more*/
  display: none;
}

.service-center .support-section-wrapper .service-center-cnt .goto-logo span {
  cursor: pointer;
}

.service-center .support-section-wrapper .footnote {
  text-align: left;
  font-size: 16px;
  padding: 10px 0 0 20px;
}

.service-center .support-section-wrapper .form-control {
  font-size: 16px;
  line-height: 24px;
}

.service-center .support-section-wrapper .support-selectbox {
  position: relative;
  cursor: pointer;
  transition: all .3s;
}

.service-center .support-section-wrapper .support-selectbox:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #00b3e0 transparent;
}

.service-center .support-section-wrapper .support-selectbox .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 5px;
  z-index: 999;
  max-height: 0;
  overflow: hidden;
  transition: all .1s;
  border-bottom: none;
  border-top: none;
}

.service-center .support-section-wrapper .support-selectbox.active .dropdown {
  max-height: 400px;
  border: 1px solid #cccccc;
  overflow-y: auto;
}

.service-center .support-section-wrapper .support-selectbox .dropdown li {
  padding: 10px 0 10px 15px;
  border-bottom: 1px solid #e6e8ea;
}

.support-section-wrapper .support-selectbox .dropdown li:hover {
  background: #00b3e0;
  color: #fff;
}

/*page bus drive*/

.page-bus-drive {
  width: 100%;
  margin: 5px;
  font-size: 12px;
}

.page-bus-drive .left-map {
  width: 100%;
  /*background: #fff url("/content/dam/honor/common/products/img/zh/support/bus.png") 0 0 no-repeat;*/
  height: 700px;
}

.page-bus-drive .left-map>img {
  width: 100%;
}

.page-bus-drive button.bdmap-logo1,
.page-bus-drive button.bdmap-logo2 {
  position: absolute;
  height: 45px;
  width: 25px;
  border: none;
  cursor: pointer;
  border: none;
  outline: none;
}

.page-bus-drive .bdmap-logo1 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/support-center-1.png") num0 0 no-repeat;
}

.page-bus-drive .bdmap-logo2 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/support-center-num2.png") 0 0 no-repeat;
}

.page-bus-drive .left-map .bus-drive-pop {
  background-color: #fff;
  position: absolute;
  display: inline-block;
  padding: 0 10px 10px;
  border: 1px solid #444;
  width: 240px;
  z-index: 1000;
  display: none;
}

.page-bus-drive .bus-drive-pop .bus-drive-close {
  float: right;
  display: inline-block;
  height: 15px;
  width: 15px;
  background: #fff url("https://www.honor.com/content/dam/honor/common/products/img/iw_close1d3.gif") 0 0 no-repeat;
  cursor: pointer;
  border: 1px solid #fff;
  margin: 10px 0 0 0;
}

.page-bus-drive .bus-drive-pop h4,
.page-bus-drive .bus-drive-pop p,
.page-bus-drive .bus-drive-pop a {
  z-index: 1000;
}

.page-bus-drive .bus-drive-pop a {
  text-align: center;
  display: block;
  color: rgb(0, 0, 238);
  margin: 0 0 20px 0;
}

.page-bus-drive .bus-drive-pop .rl-wrap {
  position: relative;
  height: 0;
  width: 0;
  z-index: 800;
}

.page-bus-drive .rl-wrap .bubble {
  transform: skew(-24deg, -37deg);
  -ms-transform: skew(-24deg, -37deg);
  -moz-transform: skew(-24deg, -37deg);
  -webkit-transform: skew(-24deg, -37deg);
  -o-transform: skew(-24deg, -37deg);
  display: block;
  height: 25px;
  width: 35px;
  border: 0 solid #444;
  border-width: 0 0 2px 2px;
  position: absolute;
  left: 100px;
  top: -2px;
  background-color: #fff;
}

.page-bus-drive .right-info {
  width: 100%;
}

.page-bus-drive .right-info div.header {
  text-align: right;
  font-size: 13px;
  font-weight: bold;
  background-color: #666;
  color: #fff;
  padding: 5px 10px 5px 0;
  margin: 5px 0 15px;
}

.page-bus-drive .right-info .info-detail {
  position: relative;
  padding: 5px 0 0 35px;
}

.page-bus-drive .right-info span.bdmap-logo1,
.page-bus-drive .right-info span.bdmap-logo2 {
  position: absolute;
  left: 0;
  top: 0;
  height: 45px;
  width: 25px;
}

.page-bus-drive .bus-detail {
  display: none;
}

.page-bus-drive .bus-detail>img {
  width: 100%;
}

.service-center .non-warranty-img {
  vertical-align: top;
  color: #c2c2c2;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  width: 75px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/img_dev_en_code.jpg);
}

.service-center .service-center-input {
  width: 60%;
  margin-right: 5px;
  display: inline-block;
  border: 1px solid #333;
  border-radius: 5px;
  height: 34px;
  margin-top: 2px;
  font-size: 14px;
  padding: 0 5px;
  line-height: 30px;
}

.service-center .service-center-input-btn {
  width: 36%;
}

/*service-center eof*/

/* honor-band-z1 start */

.honor-band-z1 .form1,
.honor-club .form1 {
  font-size: 30px;
  text-align: center;
  line-height: 1em;
  margin: 3em 0;
}

.we-easter .form1,
.honor-club .form1 {
  font-size: 40px;
  text-align: center;
  line-height: 1em;
  margin: 5em 0;
}

.show-text {
  font-size: 14px;
  color: #ed1b24;
  padding: 10px 0;
  display: none;
}

.honor-band-z1 label {
  margin: 20px 0 0 5px;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

.honor-band-z1 .phone-section-wrapper .banner-btnvideo-1 {
  /* display: inline-block; */
  margin: 30px 0px 40px auto;
  text-align: center;
}

.honor-band-z1 .we-video-icon-6 {
  width: 200px;
  height: 45px;
  background: none;
  border: 2px #0077b0 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  position: relative;
  text-align: center;
  color: #0077b0;
}

.honor-band-z1 .btn-we-block-6 a {
  text-decoration: none;
  cursor: pointer;
  line-height: 24px;
  padding-top: 7px;
  color: #0077b0;
}

.honor-band-z1 .btn-we-block-6 {
  display: inline-block;
  width: 200px;
  height: 45px;
  background: none;
  border: 2px #0077b0 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  position: relative;
  vertical-align: middle;
  text-align: center;
  top: 0px;
  color: #0077b0;
  vertical-align: middle;
}

.honor-band-z1 .banner-btns-1 {
  text-align: center;
  margin: 4% 0 8% 0;
}

.honor-band-z1 .bannerfont {
  margin: 4% 0;
  max-width: 100%;
  padding-top: 5%;
}

.honor-band-z1 .bannerfont h1 {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  margin: 20px;
}

.banner-btns-1 h3 {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-band-z1 .blank-fonts .blue-text {
  font-size: 18px;
  line-height: 175%;
  color: #01b4e1 !important;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-band-z1 .Band_z1_product-txt-01 {
  margin: 50px 0;
}

.honor-band-z1 .txt-02 {
  position: absolute;
  bottom: 5%;
  left: 15%;
  width: 50%;
}

.honor-band-z1 .Band_z1_product-txt-03 {
  background: #f2f2f1;
  margin: 0;
}

.honor-band-z1 .blank-fonts .txt-03 {
  margin-top: 27%;
}

.honor-band-z1 .blank-fonts .txt-04 {
  margin-top: 27%;
}

.honor-band-z1 .Band_z1_product-txt-04 {
  margin: 80px 0;
}

.Band_z1_product-txt-05 {
  background: #f2f2f1;
}

.honor-band-z1 .blank-fonts .txt-05 {
  margin-top: 27%;
}

.honor-band-z1 .mgtop {
  margin-top: -94px;
  z-index: 999;
  min-height: 0 !important;
}

.honor-band-z1 table.table.table-condensed.Band_z1_product-txt-06 td {
  height: 100px;
  background: #ddd;
  border: 2px solid #fff;
  vertical-align: middle;
}

.honor-band-z1 table.table.table-condensed.Band_z1_product-txt-06 caption {
  text-align: center;
  line-height: 35px;
  font-size: 34px;
  color: #333;
  font-family: "bignoodletitlingregular";
}

.honor-band-z1 .Band_z1_product-txt-07 {
  text-align: center;
  margin: 4% 0;
}

/* DEMO 3 */

.honor-band-z1 .wrapper-new-dropdown-3 {
  position: relative;
  padding: 10px;
  background: #fafafa;
  /* border-radius: 7px; */
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  cursor: pointer;
  outline: none;
  color: #333;
  text-align: left;
  padding: 20px 10px;
}

.honor-band-z1 .wrapper-new-dropdown-3:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #8aa8bd transparent;
}

.honor-band-z1 .wrapper-new-dropdown-3 .dropdown {
  /* Size & position */
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  /* Styles */
  background: white;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-weight: normal;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  list-style: none;
  /* Hiding */
  opacity: 0;
  pointer-events: none;
}

.honor-band-z1 .Band_z1_product-txt-control-label .form-control {
  height: 62px;
  background: #fafafa;
  border-radius: 0;
  line-height: 28px;
}

.honor-band-z1 .wrapper-new-dropdown-3 .dropdown li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #e6e8ea;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.honor-band-z1 .wrapper-new-dropdown-3 .dropdown li i {
  float: right;
  color: inherit;
}

.wrapper-new-dropdown-3 .dropdown li:first-of-type a {
  border-radius: 7px 7px 0 0;
}

.honor-band-z1 .wrapper-new-dropdown-3 .dropdown li:last-of-type a {
  border: none;
  border-radius: 0 0 7px 7px;
}

/* Hover state */

.honor-band-z1 .wrapper-new-dropdown-3 .dropdown li:hover a {
  background: #f3f8f8;
}

/* Active state */

.honor-band-z1 .wrapper-new-dropdown-3.active .dropdown {
  opacity: 1;
  pointer-events: auto;
  z-index: 9999;
  background: #fafafa;
}

/* No CSS3 support */

.honor-band-z1 .no-opacity .wrapper-new-dropdown-3 .dropdown,
.honor-band-z1 .no-pointerevents .wrapper-new-dropdown-3 .dropdown {
  display: none;
  opacity: 1;
  /* If opacity support but no pointer-events support */
  pointer-events: auto;
  /* If pointer-events support but no pointer-events support */
}

.honor-band-z1 .no-opacity .wrapper-new-dropdown-3.active .dropdown,
.honor-band-z1 .no-pointerevents .wrapper-new-dropdown-3.active .dropdown {
  display: block;
}

.honor-band-z1 .wrapper-new-dropdown-4 {
  position: relative;
  padding: 10px;
  background: #fafafa;
  /* border-radius: 7px; */
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  cursor: pointer;
  outline: none;
  color: #333;
  text-align: left;
  padding: 20px 10px;
}

.honor-band-z1 .wrapper-new-dropdown-4:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #8aa8bd transparent;
}

.honor-band-z1 .wrapper-new-dropdown-4 .dropdown {
  /* Size & position */
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  /* Styles */
  background: white;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-weight: normal;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  list-style: none;
  /* Hiding */
  opacity: 0;
  pointer-events: none;
}

.honor-band-z1 .Band_z1_product-txt-control-label .form-control {
  height: 62px;
  background: #fafafa;
  border-radius: 0;
  line-height: 28px;
}

.honor-band-z1 .wrapper-new-dropdown-4 .dropdown li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #e6e8ea;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.honor-band-z1 .wrapper-new-dropdown-4 .dropdown li i {
  float: right;
  color: inherit;
}

.honor-band-z1 .wrapper-new-dropdown-4 .dropdown li:first-of-type a {
  border-radius: 7px 7px 0 0;
}

.honor-band-z1 .wrapper-new-dropdown-4 .dropdown li:last-of-type a {
  border: none;
  border-radius: 0 0 7px 7px;
}

/* Hover state */

.honor-band-z1 .wrapper-new-dropdown-4 .dropdown li:hover a {
  background: #f3f8f8;
}

/* Active state */

.honor-band-z1 .wrapper-new-dropdown-4.active .dropdown {
  opacity: 1;
  pointer-events: auto;
  z-index: 9999;
  background: #fafafa;
}

/* No CSS3 support */

.honor-band-z1 .no-opacity .wrapper-new-dropdown-4 .dropdown,
.honor-band-z1 .no-pointerevents .wrapper-new-dropdown-4 .dropdown {
  display: none;
  opacity: 1;
  /* If opacity support but no pointer-events support */
  pointer-events: auto;
  /* If pointer-events support but no pointer-events support */
}

.honor-band-z1 .no-opacity .wrapper-new-dropdown-4.active .dropdown,
.honor-band-z1 .no-pointerevents .wrapper-new-dropdown-4.active .dropdown {
  display: block;
}

.honor-band-z1 .main .wrapper-new-demo img {
  padding: 0 5px 5px 0;
}

.honor-band-z1 .color-icon {
  min-height: 0;
  max-width: 140px;
}

.Band_z1_product-txt-07 h1 {
  font-size: 34px;
  font-family: "bignoodletitlingregular";
  margin-top: 20px;
}

@media only screen and (min-width: 1024px) and (max-width: 1223px) {
  .honor-band-z1 .honor-en .blank-fonts p,
  .bg-textbox p {
    line-height: 100%;
  }
  .honor-band-z1 .txt-02 {
    bottom: 3%;
    line-height: 125%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .honor-band-z1 .honor-en .blank-fonts p,
  .bg-textbox p {
    line-height: 100%;
  }
  .honor-band-z1 .txt-02 {
    bottom: 3%;
    line-height: 125%;
  }
}

@media only screen and (max-width: 767px) {
  .honor-band-z1 .txt-02 {
    position: relative;
    bottom: 3%;
    left: 0;
    width: 100%;
  }
  .honor-band-z1 .btn-we-block-6 {
    margin-top: 10px;
  }
  .honor-band-z1 .Band_z1_product-txt-04 {
    margin: 0px 0;
  }
  .honor-band-z1 .bannerfont h1 {
    line-height: 3em;
    font-size: 24px;
  }
  .honor-band-z1 .bannerfont {
    margin-bottom: 50px;
  }
  .honor-band-z1 .mobile-text {
    text-align: center;
    margin: 0 0 20px 0;
  }
  .honor-band-z1 .mobile-text span {
    text-align: center !important;
    font-family: bignoodletitling !important;
    color: #01b4e1 !important;
    font-size: 20px !important;
    margin: 0 !important;
  }
  .honor-band-z1 .mobile-text h3 {
    font-size: 38px !important;
    font-family: bignoodletitling !important;
    text-align: center !important;
  }
  .honor-band-z1 .mobile-text-p {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    padding: 0 10px !important;
  }
  .honor-band-z1 .Band_z1_product-txt-03 {
    background: #fff;
  }
  .honor-band-z1 .blank-fonts .txt-03 {
    margin-top: 20px;
  }
  .honor-band-z1 .blank-fonts .blue-text {
    text-align: center;
    margin: 0;
  }
  .honor-band-z1 .blank-fonts .txt-04 {
    margin-top: 0%;
  }
  .Band_z1_product-txt-05 {
    background: #f5f4f2 !important;
  }
  .honor-band-z1 .bannerfont h1 {
    margin: 0px;
  }
  .honor-band-z1 .blank-fonts .txt-05 {
    margin-top: 7%;
  }
}

/* honor-band-z1 end */

/* honor-5x bof */

.text-list-menu {
  padding-left: 1em;
  line-height: 175%;
}

.bigfonts,
.text-list-menu {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.text-list-menu li {
  list-style: disc;
  margin-bottom: 10px;
}

.toptop-pic {
  margin-top: -35%;
}

.bg-s1,
.bg-s2 {
  padding-top: 2%;
}

.bg-s1 {
  background-color: #edeeef;
}

.bg-s2 {
  background-color: #f9f9f9;
}

.bg-s3 {
  background-color: #e0e0e0;
}

.bg-s4 .bg-textbox {
  margin: 0;
}

.bg-s5 {
  background-color: #f2f2f2;
}

.bg-s8 {
  background-color: #f9f9f9;
  padding-top: 5%;
}

.bg-s9,
.bg-s12 {
  background-color: #f4f4f4;
}

.bg-s10 {
  background-color: #e6e6e6;
}

.icon-tag {
  margin-top: 5%;
}

.icon-tag p,
.icon-tag .bigfonts {
  text-align: center;
}

.icon-tag p {
  max-height: 38px;
  min-height: 30px;
  overflow: visible;
  text-overflow: ellipsis;
}

.icon-tag img+p {
  margin-top: 10px;
}

.icon-tag>.row-new {
  letter-spacing: -0.315em;
}

.icon-tag>.row-new>div[class*="col-"] {
  letter-spacing: normal;
  display: inline-block;
  float: none;
  vertical-align: top;
}

.right-block {
  display: block;
  margin-left: auto;
  margin-right: 0;
}

.s1top-pic {
  margin-top: -20%;
}

.bigfonts {
  font-size: 48px;
  margin-bottom: 10px;
  color: #00b2e6;
  line-height: 100%;
}

.bigfonts sub {
  bottom: 0;
  font-size: 40%;
}

.bg-s3 .bg-textbox {
  margin-bottom: 0;
}

.s4top-pic {
  margin-top: -23%;
}

.s5top-pic {
  margin-top: -13%;
}

.s5top-pic .bg-textbox {
  margin: 0;
}

.bg-s6 {
  position: relative;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/5x_m4.jpg) no-repeat center center;
  min-height: 1000px;
}

.bg-s7 {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/5x_s6.jpg) no-repeat center top;
  min-height: 800px;
  color: #fff;
}

.bg-s7 h2,
.bg-s7 h3,
.bg-s7 p,
.bg-s7 li,
.bg-s7 ul {
  color: #fff !important;
}

.bg-s7 .bg-textbox {
  margin-top: 200px;
}

.bg-s10 .bg-textbox,
.bg-s12 .bg-textbox {
  margin-bottom: 0;
}

.bg-s11>.clearfix>.col-sm-4>img {
  padding-top: 10%;
}

.bg-s12 .parameters-table table tr td {
  padding: 15px 2%;
}

.table-s2 tr td {
  background-color: #e2e2e2;
}

.parameters-table>p {
  margin-bottom: 20px;
}

.banner5x-box {
  width: 100%;
  padding-top: 5%;
  padding-bottom: 8%;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/5x_bannerbg.jpg) no-repeat center top;
}

.banner-btnbox .banner-btnstyle {
  width: auto;
  min-width: 200px;
  padding-left: 10px;
  padding-right: 10px;
  height: 45px;
  background: none;
  border-radius: 10px;
  border: 2px #333 solid;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  text-align: center;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  text-decoration: none;
}

.banner-btnbox a {
  display: inline-block;
  vertical-align: middle;
  /*margin-left:10px;*/
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-family: "bignoodletitlingregular";
  text-align: center;
}

.banner-btnbox a:first-child {
  margin-left: 0;
}

.banner-btnstyle>span {
  padding-top: 2px;
  display: inline-block;
}

.banner-btnstyle>i {
  margin-left: 5px;
  display: inline-block;
}

.banner-btnstyle.cblue {
  border: 2px #01b4e1 solid;
  color: #01b4e1;
}

.banner-btnstyle.white {
  border-color: #fff;
  color: #fff;
}

.banner5x-box .banner-btnbox {
  text-align: center;
  margin-top: -1%;
}

#top-banner ul.topbannerSlider {
  margin-bottom: 0;
}

.bg-s1,
.ss2box,
.bg-s3 {
  position: relative;
  width: 100%;
}

.bg-s1 .bgbox,
.ss2box .bgbox,
.bg-s3 .bgbox {
  position: absolute;
  width: 100%;
}

.bg-s1 .toptop-pic {
  margin-top: 0;
  padding-top: 80%;
}

.ss2box .toptop-pic {
  margin-top: 0;
  padding-top: 20%;
}

.s4top-pic {
  margin-top: 0;
  padding-top: 18%;
}

.bg-s12 .banner-btnbox {
  text-align: center;
}

.honor5x-logo-vector {
  margin-top: 3%;
}

/* honor-5x eof */

/* honor-band-feature start */

.honor-Band-feature-table {
  padding: 1% 0;
}

.honor-Band-feature-table h1 {
  text-align: center;
  color: #8a6d3b;
  font-size: 44px;
  margin: 5% 0;
}

.honor-Band-feature-table-td {
  padding: 20px 0;
  border-top: 1px solid #9E9E9E;
}

.honor-Band-feature-table-head {
  color: #8a6d3b;
  padding: 0 0 2% 0;
  font-size: 24px;
}

.honor-Band-feature-table {
  padding: 2% 0;
}

.honor-Band-feature-text-align-td-right {
  padding: 0 5% 0 0;
  line-height: 2em;
}

.honor-Band-feature-table span {
  font-size: 1.5em;
  color: #8a6d3b;
  line-height: 2em;
}

.honor-Band-feature-text-align-td {
  text-align: center;
  line-height: 1em;
}

.honor-Band-feature-table-boder {
  border-bottom: 2px solid #8a6d3b;
  border-top: 2px solid #8a6d3b;
}

.honor-Band-feature-table-paiding {
  padding: 20px 0;
}

.honor-band-feature .we-video-icon-6 {
  width: 200px;
  height: 45px;
  background: none;
  border: 2px #3bafe0 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  position: relative;
  display: inline-block;
  text-align: center;
  color: #3bafe0;
  vertical-align: middle;
  padding-top: 0.1em;
}

.honor-band-feature .btn-we-block-6 a {
  text-decoration: none;
  cursor: pointer;
  line-height: 24px;
  padding-top: 7px;
  color: #0077b0;
}

.honor-band-feature .btn-we-block-6 {
  display: inline-block;
  width: 200px;
  height: 45px;
  border: 2px #3bafe0 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  vertical-align: top;
  text-align: center;
  top: 0;
  color: #3bafe0;
  padding-top: 0.1em;
}

.kv-bg {
  margin-top: 140px;
  margin-bottom: 100px;
}

.honor-band-feature .banner-btns-1 {
  text-align: center;
  top: 78%;
  left: 50%;
  margin: 5% 0 50px 0;
}

.honor-band-feature .honor-band-feature-01 {
  margin: 0;
  background: #fff;
}

.btn-xiala {
  display: inline-block;
}

.btn-xiala .btn:focus,
.btn-xiala .btn:active:focus,
.btn-xiala .btn.active:focus,
.btn-xiala .btn.focus,
.btn:active.focus,
.btn-xiala .btn.active.focus {
  outline: none;
  outline: none;
  outline-offset: 0;
}

.btn-xiala .btn {
  background: none;
  border: 2px #0077b0 solid;
  border-radius: 10px;
  width: 200px;
  height: 45px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  color: #0077b0;
  line-height: 45px;
  padding-top: 0.1em;
}

.honor-band-feature .honor-band-feature-01 .blank-fonts {
  position: absolute;
  bottom: 51%;
  right: 10%;
}

.honor-band-feature .honor-band-feature-02 {
  margin: 0;
  background: #f0f0f0;
}

.honor-band-feature .honor-band-feature-02 .blank-fonts {
  margin-top: 10%;
}

.honor-band-feature .honor-band-feature-04 {
  margin: 0;
}

.honor-band-feature .honor-band-feature-04 .blank-fonts {
  margin-top: 6%;
}

.honor-band-feature .honor-band-feature-06 {
  margin: 0;
}

.honor-band-feature .honor-band-feature-06 .blank-fonts {
  margin-top: 10%;
}

.honor-band-feature-07 .blank-fonts .item-tags p {
  text-align: center;
  white-space: nowrap;
}

.blank-fonts .item-tags p {
  text-align: center;
  word-break: break-all;
}

.honor-band-feature .honor-band-feature-07 {
  margin: 0;
  background: #f4f4f4;
}

.honor-band-feature .honor-band-feature-07 .blank-fonts {
  margin-top: 10%;
}

.honor-band-feature .honor-band-feature-07 .blank-fonts .item-tags {
  text-align: center;
  max-width: 50px;
  min-width: 118px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-band-feature .honor-band-feature-07 .blank-fonts .item-tags p img {
  max-width: 80px;
}

.honor-band-feature .honor-band-feature-08 {
  margin: 0;
  background: #e9e3de;
}

.honor-band-feature .honor-en {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-band-feature .honor-band-feature-08 .blank-fonts {
  margin-top: 10%;
}

.honor-band-feature .honor-band-feature-09 .honor-band-feature-09-txt {
  margin: 5% 0 2% 0;
  text-align: center;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-band-feature .honor-band-feature-10 .honor-band-feature-10-txt {
  margin: 5% 0 2% 0;
  text-align: center;
}

.honor-band-feature .honor-band-feature-11 {
  position: relative;
}

.honor-band-feature .honor-band-feature-11 .honor-band-feature-11-txt {
  bottom: 15%;
  position: absolute;
  right: 5%;
  width: 44%;
}

.honor-band-feature .honor-band-feature-11 .honor-band-feature-11-txt .item-tags {
  min-width: 50px;
  max-width: 85px;
}

.honor-band-feature .honor-band-feature-11 .honor-band-feature-11-txt .item-tags img {
  min-height: 0;
}

.honor-band-feature .honor-band-feature-12 {
  margin: 0;
}

.honor-band-feature .honor-band-feature-12 .blank-fonts {
  margin: 10% 0 5% 0;
}

.honor-band-feature .honor-band-feature-13 {
  margin: 0;
  background: #f3f3f3;
}

.honor-band-feature .honor-band-feature-13 .blank-fonts {
  margin-top: 10%;
}

.honor-band-feature .honor-band-feature-13 .item-tags {
  text-align: center;
  max-width: 80px;
}

.honor-band-feature .honor-band-feature-13 .item-tags img {
  max-width: 80px;
  min-height: 0;
}

.honor-band-feature .honor-band-feature-14 {
  margin: 0;
}

.honor-band-feature .honor-band-feature-14 .blank-fonts {
  margin-top: 10%;
}

.honor-band-feature .bannerfont h1 {
  margin: 0 0 5% 0;
}

.honor-band-feature .bannerfont {
  margin-bottom: 5%;
  padding-top: 2%;
}

.honor-band-feature .kv-bg h3 {
  text-align: center;
  margin: 2% 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .honor-band-feature .honor-band-feature-11 .honor-band-feature-11-txt {
    bottom: 0;
    position: absolute;
    right: 2%;
  }
  .honor-band-feature .honor-band-feature-07 .blank-fonts .item-tags {
    text-align: center;
    max-width: 50px;
    min-width: 106px;
  }
  .honor-band-feature .honor-band-feature-07 .blank-fonts .item-tags p img {
    max-width: 72px;
  }
  .honor-band-feature .honor-band-feature-08 .blank-fonts {
    margin-top: 4%;
  }
  .honor-band-feature .honor-band-feature-06 .blank-fonts {
    margin-top: 3%;
  }
  .honor-band-feature .honor-band-feature-04 .blank-fonts {
    margin-top: 4%;
  }
}

@media only screen and (max-width: 767px) {
  .honor-Band-feature-text-align-td-right {
    padding: 0 5px;
  }
  .honor-Band-feature-table {
    padding: 2% 5px;
  }
  .honor-Band-feature-table h1 {
    font-size: 28px;
  }
  .honor-band-feature .honor-band-feature-01 .blank-fonts {
    position: relative;
    bottom: 0;
    right: 0;
    margin: 10px 0;
  }
  .honor-band-feature .honor-band-feature-07 .blank-fonts {
    margin-top: 3%;
    margin-bottom: 5%;
  }
  .honor-band-feature .honor-band-feature-14 .blank-fonts {
    margin-top: 3%;
    margin-bottom: 5%;
  }
  .honor-band-feature .honor-band-feature-06 .blank-fonts {
    margin-top: 3%;
    margin-bottom: 5%;
  }
  .honor-band-feature .honor-band-feature-08 .blank-fonts {
    margin-top: 3%;
    margin-bottom: 5%;
  }
  .honor-band-feature .honor-band-feature-04 .blank-fonts {
    margin-top: 3%;
    margin-bottom: 5%;
  }
  .honor-band-feature .honor-band-feature-02 .blank-fonts {
    margin-top: 3%;
    margin-bottom: 5%;
  }
  .honor-band-feature .honor-band-feature-01 .blank-fonts {
    margin-top: 3%;
    margin-bottom: 5%;
  }
  .honor-band-feature .honor-band-feature-09 .honor-band-feature-09-txt {
    margin-top: 3%;
    margin-bottom: 5%;
  }
  .honor-band-feature .honor-band-feature-13 .blank-fonts {
    margin-top: 3%;
    margin-bottom: 5%;
  }
  .honor-band-feature .honor-band-feature-07 .blank-fonts .item-tags p img {
    max-width: 68px;
    min-height: 0;
  }
  .honor-band-feature .honor-band-feature-11 .honor-band-feature-11-txt {
    bottom: 0;
    position: relative;
    right: 0;
    margin: 10px 0;
    width: 100%;
  }
  .honor-band-feature .honor-band-feature-11 .honor-band-feature-11-txt .item-tags img {
    min-height: 0;
    max-width: 70px;
  }
  .honor-band-feature .btn-we-block-6 {
    margin-top: 8px;
  }
  .kv-bg {
    margin: 40px 0 10px 0;
  }
}

/* honor-band-feature end */

/*we-honor5x bof*/

/*全局*/

.mt-40-PCM {
  position: absolute;
  right: 10%;
  top: 110px;
  max-width: 200px;
}

.we-honor5x .custom-pager {
  margin: auto;
  width: 100%;
  text-align: center;
}

.we-honor5x .color-wrapper {
  display: inline-block;
}

.we-honor5x .mt-40 {
  margin-top: 40px;
  max-width: 400px;
  margin-bottom: 20px;
}

.we-honor5x p {
  font-size: 16px;
  line-height: 140%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  text-align: left;
}

.we-honor5x .bgbox-s1 .c1 p {
  width: 80%;
}

.we-honor5x .bgbox-s2 .bg-textbox p {
  width: 80%;
}

.we-honor5x .bgbox-s3 .bg-textbox p {
  width: 80%;
}

@media only screen and (min-width: 768px) and (max-width: 1365px) {
  .we-honor5x .bg-textbox h3 {
    font-size: 28px;
  }
  .mt-40-PCM {
    max-width: 120px;
    top: 70px;
  }
}

.we-honor5x .banner5x-box {
  width: 100%;
  padding-top: 1%;
  padding-bottom: 20px;
  background: none;
}

@media only screen and (max-width: 767px) {
  .we-honor5x .banner5x-box img.mt-40 {
    width: 60%;
  }
  .we-honor5x .mt-40 {
    margin-top: 10px;
    max-width: 150px;
    margin-bottom: 20px;
  }
  .mt-40-PCM {
    max-width: 60px;
    right: 7%;
    top: 50px;
  }
}

.we-honor5x .banner-btnbox {
  margin-top: 45px;
  text-align: center;
}

.we-honor5x .banner-color-change {
  text-align: center;
  margin-bottom: 20px;
}

.we-honor5x .banner-color-change p {
  font-size: 28px;
  text-align: center;
}

.we-honor5x .banner-color-change img {
  margin-left: auto;
  margin-right: auto;
}

.we-honor5x .banner-btnstyle {
  display: inline-block;
  width: 200px;
  height: 45px;
  background: none;
  border-radius: 10px;
  border: 2px #00b3e0 solid;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 49px;
  text-align: center;
  color: #00b3e0;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 2px 5px;
  cursor: pointer;
  text-decoration: none;
}

.we-honor5x .banner-btnstyle>i {
  margin-left: 5px;
  display: inline-block;
}

.we-honor5x .banner-icon {
  text-align: center;
  margin: 30px auto;
  width: 80%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .we-honor5x .banner-icon {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .we-honor5x .banner-icon {
    width: 100%;
  }
}

.we-honor5x .banner-icon img {
  display: inline-block;
}

.we-honor5x .banner-icon p {
  font-weight: bold;
}

.we-honor5x .banner-icon .left {
  display: inline-block;
}

.we-honor5x .banner-icon .right {
  display: inline-block;
  width: 57%;
  text-align: left;
  vertical-align: middle;
  line-height: 120%;
  font-size: 14px;
}

.we-honor5x .bgbox-s1 {
  position: relative;
}

.we-honor5x .bgbox-s1 .c1 {
  position: absolute;
  top: 10%;
}

.we-honor5x .bgbox-s1 .c2 {
  position: absolute;
  top: 62%;
}

@media only screen and (max-width: 767px) {
  .we-honor5x .bg-textbox {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .we-honor5x .bgbox-s1 .c1 {
    position: relative;
    background: #f3f2f0;
    padding-bottom: 5px;
  }
}

.we-honor5x p.small-title {
  color: #00b3e0;
  font-weight: bold;
}

.we-honor5x .text-list-menu {
  padding-left: 18px;
}

.we-honor5x .text-list-menu li {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  margin-bottom: 10px;
  list-style-type: disc;
}

.we-honor5x .bg-textbox-1 {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-weight: bold;
}

.we-honor5x .bg-textbox-1 .left {
  display: inline-block;
}

.we-honor5x .bg-textbox-1 .left img {
  width: 80%;
  height: auto;
}

.we-honor5x .bg-textbox-1 span {
  font-size: 14px;
}

.we-honor5x .bgbox-s2 {
  padding-top: 5%;
}

.we-honor5x .bgbox-s2 .bg-textbox {
  margin-bottom: 1%;
  margin-top: 1%;
}

.we-honor5x .bgbox-s3 {
  padding-top: 5%;
  background: #f3f2f0;
  height: auto;
}

.we-honor5x .bgbox-s3 .bg-textbox {
  margin-bottom: 1%;
  margin-top: 1%;
}

.we-honor5x .bgbox-s3 .banner-icon {
  margin: 0 20px;
}

.we-honor5x .bgbox-s3 .banner-icon .left img {
  width: 80%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .we-honor5x .bgbox-s3 .banner-icon .left img {
    width: 100%;
  }
}

.we-honor5x .bgbox-s4 .bg-textbox {
  margin-top: -23%;
  margin-bottom: 1%;
}

@media only screen and (max-width: 767px) {
  .we-honor5x .bgbox-s4 .bg-textbox {
    margin-top: 0%;
  }
}

.we-honor5x .width-1200 {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 40px;
}

.we-honor5x .bgbox-s5 {
  padding-top: 5%;
  padding-bottom: 10%;
  background: #f3f2f0;
  height: auto;
}

.we-honor5x .bgbox-s5 .bg-textbox {
  margin-top: 6%;
}

.we-honor5x .bgbox-s6 {
  height: auto;
}

.we-honor5x .bgbox-s6 .bg-textbox {
  margin-top: 4%;
  margin-bottom: 2%;
}

.we-honor5x .bgbox-s7 {
  background: #3eb3e8;
  color: #fff;
  padding: 40px 0;
  margin-bottom: 100px;
}

.we-honor5x .bgbox-s7 .experience {
  max-width: 1450px;
  margin-left: auto;
  margin-right: auto;
  font-family: "bignoodletitlingregular";
  font-size: 48px;
  line-height: 120%;
  text-align: center;
  padding: 20px 0;
}

@media only screen and (max-width: 767px) {
  .we-honor5x .bgbox-s7 .experience {
    margin: 0 20px;
  }
}

.we-honor5x .bgbox-s7 .banner-btnbox {
  margin-top: 45px;
  text-align: center;
}

.we-honor5x .bgbox-s7 .banner-btnbox a.banner-btnstyle {
  border: 2px #fff solid;
  color: #fff;
}

.we-honor5x .bgbox-s8 {
  margin-bottom: 50px;
}

.we-honor5x .bgbox-s8 h3 {
  text-align: center;
  font-family: "bignoodletitlingregular";
  margin-bottom: 40px;
  font-size: 40px;
}

.bgbox-s8 .parameters-table {
  margin-top: 20px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .we-honor5x .bgbox-s8 .parameters-table {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.we-honor5x .bgbox-s8 .parameters-table .table1 div {
  border: 3px solid #fff;
  background: #f2f2f2;
  padding: 30px 50px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  min-height: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .we-honor5x .bgbox-s8 .parameters-table .table1 div {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .we-honor5x .bgbox-s8 .parameters-table .table1 div {
    text-align: center;
  }
}

.we-honor5x .bgbox-s8 .parameters-table .table1 div:first-child {
  color: #00b3e0;
}

.we-honor5x .bgbox-s9 {
  margin-bottom: 80px;
}

@media only screen and (max-width: 767px) {
  .we-honor5x .bgbox-s9 {
    margin-left: 5px;
    margin-right: 5px;
  }
}

.we-honor5x .bgbox-s9 h3 {
  text-align: center;
  font-family: "bignoodletitlingregular";
  font-size: 40px;
}

.we-honor5x .bgbox-s9 h3+p {
  text-align: center;
  margin-bottom: 40px;
}

.we-honor5x .bgbox-s9 .wrapper-new-dropdown-3 {
  position: relative;
  padding: 10px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
  outline: none;
  color: #333;
  text-align: left;
  padding: 20px 10px;
}

.we-honor5x .bgbox-s9 .wrapper-new-dropdown-3 .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-weight: normal;
  list-style: none;
  opacity: 0;
  pointer-events: none;
}

.we-honor5x .bgbox-s9 .wrapper-new-dropdown-3.active .dropdown {
  opacity: 1;
  pointer-events: auto;
  z-index: 9999;
  background: #fafafa;
}

.we-honor5x .bgbox-s9 .wrapper-new-dropdown-3.active .dropdown li {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #e6e8ea;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
}

.we-honor5x .bgbox-s9 .wrapper-new-dropdown-3.active .dropdown li:hover {
  background: #f3f8f8;
}

.we-honor5x .bgbox-s9 .wrapper-new-dropdown-4 {
  position: relative;
  padding: 10px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  cursor: pointer;
  outline: none;
  color: #333;
  text-align: left;
  padding: 20px 10px;
}

.we-honor5x .bgbox-s9 .wrapper-new-dropdown-4 .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.17);
  font-weight: normal;
  list-style: none;
  opacity: 0;
  pointer-events: none;
}

.we-honor5x .bgbox-s9 .wrapper-new-dropdown-4.active .dropdown {
  opacity: 1;
  pointer-events: auto;
  z-index: 9999;
  background: #fafafa;
}

.we-honor5x .bgbox-s9 .wrapper-new-dropdown-4.active .dropdown li {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #e6e8ea;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
}

.we-honor5x .bgbox-s9 .wrapper-new-dropdown-4.active .dropdown li:hover {
  background: #f3f8f8;
}

.we-honor5x .bgbox-s9 .form-control {
  height: 62px;
  background: #fafafa;
  border-radius: 0;
  line-height: 28px;
}

.we-honor5x .bgbox-s9 label {
  margin-top: 10px;
  line-height: 130%;
  color: #333;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-weight: bold;
}

/*we-honor5x eof*/

/* activiy-compaid start */

.banner-compaidbox-new-new-1 {
  position: relative;
}

.banner-compaidbox-new-new-img {
  position: absolute;
  top: 5%;
  width: 100%;
}

.compaid_logo {
  position: absolute;
  top: 5%;
  left: 5%;
  z-index: 999;
  text-align: left;
}

.compaid_logo img {
  max-width: 200px;
}

.activiy-compaid .activiy-compaid-kv-input {
  text-align: center;
  padding-top: 3%;
}

.activiy-compaid .activiy-compaid-kv-input h3 {
  font-size: 5em;
  color: #00b2e6;
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}

.compaid_5x_text-p_01-txt {
  font-size: 24px;
  line-height: 2em;
}

.activiy-compaid .compaid-input input {
  height: 45px;
}

.activiy-compaid .compaid-sub .btn {
  background: #00a3cc;
  color: #fff;
  height: 45px;
  width: 100%;
  max-width: 180px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.activiy-compaid .banner-compaidbox {
  position: absolute;
  top: 22%;
  left: 0;
  width: 100%;
  z-index: 99;
}

.activiy-compaid .banner-compaidbox-new {
  width: 100%;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/compaid_5x_bg.jpg") no-repeat;
  min-height: 1010px;
  background-positon: 100%, 100%;
}

.activiy-compaid .banner-compaidbox-new-new {
  width: 100%;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/compaid_5x_bg_new.jpg") no-repeat;
  min-height: 1010px;
  background-positon: 100%, 100%;
}

.input-5x-width {
  width: 100%;
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin-top: 5%;
  z-index: 33;
  right: 30px;
  top: 0;
  padding: 0 8%;
  padding: 0 15%\9;
  position: relative;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.input-5x-btn {
  display: inline-block;
  color: #fff;
  font-size: 24px;
  border: none;
  background: none;
  margin-left: 0 \9;
  background-color: transparent;
  box-shadow: none;
  z-index: 33;
  position: absolute;
  text-overflow: ellipsis;
  padding: 0 20px;
  left: 0;
  top: 0;
  margin-top: 0.2em;
}

.compaid_5x_text-p {
  margin: 5% 0;
}

.compaid_5x_text-p-new {
  margin: 1% 0;
}

.compaid_5x_text-p-new p {
  font-size: 2em;
  color: #00b7e4;
}

.compaid_5x_text-p p {
  font-size: 2em;
  color: #00b7e4;
}

.compaid_5x_text-p_01 {
  margin: -3% 0;
}

.compaid_5x_text-p_01 p {
  font-size: 16px;
  line-height: 1em;
}

.dead_island-font {
  font-family: dead_island;
  font-size: 6em;
}

.compaid_5x_product-img {
  margin-top: -5%;
  margin-left: 0;
}

.compaid_5x_show_3 {
  font-size: 16px;
}

.compaid_5x_product-img img {
  max-width: 450px;
}

.input-5x-btn:hover {
  color: #fff;
}

.Share_t_bg {
  display: block;
  position: relative;
  text-align: center;
}

.input-5x-btn-img img:hover {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 90 ")";
  filter: alpha(opacity=90);
  zoom: 1;
}

.Share_t_bg:hover {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 90 ")";
  filter: alpha(opacity=90);
  zoom: 1;
}

.Share_t {
  color: #fff;
  display: inline-block;
  left: 48%;
  top: 19px;
  position: absolute;
}

.input-5x-btn-block {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/compaid_5x_iput.png") no-repeat;
  width: 250px;
  height: 60px;
  display: inline-block;
  float: left;
  margin-right: -4px;
  text-transform: capitalize;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 15px;
  line-height: 43px;
  text-align: center;
  color: #fff;
  -moz-transition: all 0.4s linear 0;
  -webkit-transition: all 0.4s linear 0;
  -ms-transition: all 0.4s linear 0;
  -o-transition: all 0.4s linear 0;
  transition: all 0.4s linear 0;
}

.compaid_5x_share_text {
  margin: 1% 0;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.compaid_5x_show_2-top {
  margin-top: -5%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.activiy-compaid .input-compaidbox {
  max-width: 500px;
  margin: 0 auto;
}

.activiy-compaid .input-compaidbox input {
  width: 100%;
}

.activiy-compaid .activiy-compaid-01 {
  margin: 0;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/compaid_2_bg.jpg") no-repeat;
  min-height: 650px;
}

.activiy-compaid-01 .blank-fonts {
  margin-top: 10%;
}

.activiy-compaid .activiy-compaid-02 {
  margin: 6% 0;
}

.activiy-compaid .activiy-compaid-02 .blank-fonts {
  margin-top: 12%;
}

.activiy-compaid-03 {
  margin: 5% 0;
}

.activiy-compaid-03 .blank-fonts {
  margin-top: 20%;
}

.boder-center {
  border-right: 2px solid #333;
  padding-left: 1%;
}

.activiy-compaid .activiy-compaid-04 {
  text-align: center;
  margin: 5% 0;
}

.activiy-compaid .compaid-show-box {
  text-align: center;
}

.padding-left-none {
  padding-left: 0;
  padding-right: 0;
}

.activiy-compaid .activiy-compaid-kv-text {
  padding-top: 15%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.activiy-compaid .activiy-compaid-kv-text-p {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 4%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.input-5x-new-input {
  padding-left: 8%;
  margin-top: 2%;
  margin-bottom: 7%;
}

.compaid_5x_kv_a {
  margin: auto;
  position: absolute;
  bottom: 10%;
  text-align: center;
  width: 100%;
}

.compaid_5x_kv_a-text {
  font-size: 16px;
  margin-top: 2%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.compaid_5x_kv_a a {
  text-decoration: underline;
  font-size: 14px;
}

.activiy-compaid .activiy-compaid-kv-text-p span {
  margin-right: 20px;
}

.activiy-compaid .activiy-compaid-kv-text-p span a {
  color: #555;
  text-decoration: underline;
  font-size: 12px;
}

.compaid_5x_show_3_txt {
  margin-top: -3%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.activiy-compaid .activiy-compaid-kv-text-mb {
  padding-top: 1%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  text-align: center;
}

.activiy-compaid .activiy-compaid-04-h3 h3 {
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  font-size: 50px;
}

.activiy-compaid .activiy-compaid-04 h4 {
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  font-size: 30px;
  margin-top: 10px;
  text-align: center;
}

.compaid_5x_text-p_01 p {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.activiy-compaid-04 p {
  text-align: center !important;
}

.activiy-compaid .activiy-compaid-04 .item-tags {
  text-align: center;
  margin: auto;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.activiy-compaid .activiy-compaid-04 .item-tags img {
  text-align: center;
  margin: auto;
}

.activiy-compaid .activiy-compaid-04-maging {
  padding: 0 20px;
}

.activiy-compaid .compaid-show-box {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  margin-top: 4%;
}

.activiy-compaid .activiy-compaid-kv-text span {
  font-size: 14px;
  margin: 10px;
}

.activiy-compaid .activiy-compaid-01 h1 {
  font-family: "bignoodletitlingregular";
  color: #000 !important;
  font-size: 68px;
  line-height: 120%;
  margin-bottom: 10px;
}

.compaid-learn-more {
  color: #00b2e6;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.compaid-show-box h3 {
  color: #00b2e6;
}

.input-5x-img {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/compaid_5x_input_bg2.png") no-repeat;
  height: 57px;
  width: 387px;
  float: right;
}

.activiy-compaid-kv-log {
  width: 50%;
  margin: 1% auto;
  max-width: 500px;
  min-width: 250px;
}

.input-5x-img img {
  float: right;
}

.input-5x-btn-img {
  margin-left: -32px;
  margin-top: -1px;
}

.activiy-compaid .phone-section-wrapper {}

.dead_island-font-02 {
  margin: 10% 0;
  text-align: center;
  font-size: 80px
}

.activiy-compaid-04 {
  margin: 5% 0;
}

.activiy-compaid-04 p {
  width: 80%;
  margin: auto;
}

.compaid_5x_kv_show_3-txt {
  position: relative;
}

@media (max-width: 1799px) and (min-width: 1599px) {
  .activiy-compaid-kv-min-height img {
    min-height: 1050px;
  }
}

@media (max-width: 1599px) and (min-width: 1500px) {
  .dead_island-font {
    font-size: 5em;
  }
  .input-5x-img-new img {
    width: 80%;
  }
}

@media (max-width: 1499px) and (min-width: 1366px) {
  .activiy-compaid-kv-min-height img {
    min-height: 830px;
  }
  .input-5x-img-new img {
    width: 80%;
  }
  .dead_island-font {
    font-family: dead_island;
    font-size: 5em;
  }
  .compaid_5x_product-img img {
    max-width: 430px;
  }
  .activiy-compaid .slider-section .blank-fonts h3,
  .activiy-compaid .slider-section .bg-textbox h3,
  .honor6 h3 {
    font-size: 48px;
  }
  .input-5x-img img {
    height: 50px;
  }
  .activiy-compaid .activiy-compaid-04 {
    text-align: center;
    margin: 5% 0;
  }
  .activiy-compaid .activiy-compaid-01 {
    margin: 0;
    background: url("https://www.honor.com/content/dam/honor/common/products/img/compaid_2_bg.jpg") no-repeat;
    min-height: 591px;
  }
  .activiy-compaid-03 img {
    max-width: 80%;
  }
  .activiy-compaid .banner-compaidbox-new {
    width: 100%;
    background: url("https://www.honor.com/content/dam/honor/common/products/img/compaid_5x_bg_1366.jpg")no-repeat;
    min-height: 870px;
  }
}

@media (max-width: 1365px) and (min-width: 1296px) {
  .activiy-compaid-kv-min-height img {
    min-height: 880px;
  }
  .parameters-box {
    padding: 0 10%;
  }
  .dead_island-font {
    font-family: dead_island;
    font-size: 4em;
  }
  .activiy-compaid .slider-section .blank-fonts h3,
  .activiy-compaid .slider-section .bg-textbox h3,
  .honor6 h3 {
    font-size: 48px;
  }
  .activiy-compaid .activiy-compaid-04 {
    text-align: center;
    margin: 10% 0;
  }
  .input-5x-img img {
    height: 48px;
  }
  .input-5x-width {
    max-width: 300px;
  }
  .activiy-compaid .banner-compaidbox-new {
    width: 100%;
    background: url("https://www.honor.com/content/dam/honor/common/products/img/compaid_5x_bg_1266.jpg") no-repeat;
    min-height: 760px;
  }
  .compaid_5x_product-img img {
    max-width: 407px;
  }
}

@media (max-width: 1295px) and (min-width: 1024px) {
  .activiy-compaid-kv-min-height img {
    min-height: 750px;
  }
  .Share_t {
    left: 47%;
  }
  .input-5x-img-new img {
    width: 80%;
  }
  .dead_island-font {
    font-family: dead_island;
    font-size: 4em;
  }
  .compaid_5x_product-img img {
    max-width: 380px;
  }
  .activiy-compaid .banner-compaidbox-new {
    width: 100%;
    background: url("https://www.honor.com/content/dam/honor/common/products/img/compaid_5x_bg_1266.jpg") no-repeat;
    min-height: 760px;
  }
  .activiy-compaid .slider-section .blank-fonts h3,
  .activiy-compaid .slider-section .bg-textbox h3,
  .honor6 h3 {
    font-size: 38px;
  }
  .activiy-compaid .slider-section .blank-fonts h2,
  .activiy-compaid .slider-section .bg-textbox h3,
  .honor6 h2 {
    font-size: 28px;
  }
  .activiy-compaid .activiy-compaid-04 {
    text-align: center;
    margin: 10% 0;
  }
  .activiy-compaid .activiy-compaid-kv-input {
    text-align: center;
    padding-top: 5%;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .Share_t {
    left: 47%;
  }
  .activiy-compaid-kv-min-height img {
    min-height: 700px;
  }
  .activiy-compaid-kv-log img {
    width: 80%;
  }
  .dead_island-font {
    font-family: dead_island;
    font-size: 3em;
  }
  .activiy-compaid .banner-compaidbox-new {
    width: 100%;
    background: url("https://www.honor.com/content/dam/honor/common/products/img/compaid_5x_bg_1266.jpg") no-repeat;
    min-height: 760px;
  }
  .activiy-compaid .slider-section .blank-fonts h3,
  .activiy-compaid .slider-section .bg-textbox h3,
  .honor6 h3 {
    font-size: 38px;
  }
  .activiy-compaid .slider-section .blank-fonts h2,
  .activiy-compaid .slider-section .bg-textbox h3,
  .honor6 h2 {
    font-size: 28px;
  }
  .compaid_5x_product-img img {
    max-width: 316px;
  }
  .activiy-compaid .activiy-compaid-04 {
    text-align: center;
    margin: 8% 0;
  }
}

@media only screen and (max-width: 767px) {
  .compaid_5x_text-p_01 {
    margin-top: 0;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  .activiy-compaid-kv-min-height img {
    max-height: 654px;
    min-height: 500px;
    width: 100%;
  }
  .compaid_5x_show_3_txt {
    margin-top: 10%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  .input-5x-img-new img {
    width: 100%;
  }
  .Share_t_bg img {
    max-width: 200px;
  }
  .compaid_5x_text-p-new p {
    font-size: 18px;
  }
  .input-5x-img {
    float: none;
    background-position: center center;
    background-size: 100%;
    margin: auto;
    width: 300px;
  }
  .input-5x-width {
    left: 5%;
    padding-top: 2%;
  }
  .Share_t {
    left: 42%;
    top: 17px;
  }
  .activiy-compaid-kv-img {}
  .compaid_logo {
    position: absolute;
    top: 1%;
    left: 0;
    z-index: 999;
  }
  .compaid_logo img {
    max-width: 120px;
  }
  .compaid_5x_text-p_01-txt {
    font-size: 18px;
    line-height: 1em;
  }
  .compaid_5x_text-p_01 p {
    font-size: 16px;
    line-height: 1em;
  }
  .activiy-compaid-kv-text-p span {
    font-size: 14px;
  }
  .dead_island-font {
    font-family: dead_island;
    font-size: 3em;
  }
  .compaid_5x_text-p p {
    font-size: 1.5em;
  }
  .input-5x-btn-img {
    margin: 0 auto;
  }
  .input-5x-btn-img img {
    margin: auto;
    max-width: 200px;
    margin-top: 10px;
  }
  .input-5x-btn-block {
    float: none;
    background: url("https://www.honor.com/content/dam/honor/common/products/img/compaid_5x_iput.png") no-repeat;
    width: 250px;
    height: 60px;
    display: inline-block;
    text-transform: capitalize;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 15px;
    line-height: 43px;
    text-align: center;
    color: #fff;
    background-size: 76%;
    background-position: center;
    margin: auto;
    -moz-transition: all 0.4s linear 0;
    -webkit-transition: all 0.4s linear 0;
    -ms-transition: all 0.4s linear 0;
    -o-transition: all 0.4s linear 0;
    transition: all 0.4s linear 0;
  }
  .input-5x-btn-block-1 {}
  .activiy-compaid .activiy-compaid-kv-input {
    text-align: center;
    padding-top: 0;
  }
  .input-5x-new-input {
    padding-left: 0;
    margin-top: 2%;
    margin-bottom: 0;
  }
  .input-5x-btn {
    position: relative;
    font-size: 16px;
    padding-top: 2%;
  }
  .activiy-compaid .banner-compaidbox {
    top: 6%;
  }
  .input-5x-btn-img img {
    margin: auto;
    max-width: 200px;
    margin-top: 10px;
    display: inline-block;
  }
  .activiy-compaid .activiy-compaid-kv-input h3 {
    font-size: 2em;
    margin-bottom: 20px;
  }
  .activiy-compaid .blank-fonts .activiy-compaid-04-h3 h3 {
    font-size: 48px;
    text-align: center;
  }
  .activiy-compaid .blank-fonts .activiy-compaid-04-h3 p {
    text-align: center;
  }
  .activiy-compaid .activiy-compaid-04-h3 {
    margin: 10px 0 26px 0;
  }
  .activiy-compaid .activiy-compaid-04 .item-tags img {
    text-align: center;
    max-width: 90px;
    min-height: 0;
    margin: auto;
  }
  .activiy-compaid .blank-fonts h2 {
    font-size: 18px !important;
    margin: 0;
  }
  .compaid_5x_product-img {
    margin-top: 0;
    margin-left: 0;
  }
  .compaid_5x_product-img img {
    max-width: 250px;
  }
  .boder-center {
    border-right: none;
    padding-left: 0;
  }
  .activiy-compaid .activiy-compaid-04 {
    margin: 0;
  }
  .activiy-compaid .dead_island-font-02 {
    margin: 10% 0;
    text-align: center;
    font-size: 50px
  }
  .activiy-compaid-04 p {
    margin: 5% 0;
  }
  .Share_t_bg span {
    font-size: 14px;
  }
  .input-5x-img img {
    float: none;
  }
  .compaid_5x_share_text {
    margin: 5% 0;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
}

@media only screen and (max-width: 367px) {
  .activiy-compaid-kv-min-height img {
    min-height: 550px;
  }
  .activiy-compaid .banner-compaidbox {
    top: 10%;
  }
  .activiy-compaid .activiy-compaid-kv-input h3 {
    font-size: 27px;
    margin-bottom: 11px;
  }
  .dead_island-font {
    font-size: 2em;
  }
  .compaid_5x_kv_a {
    bottom: 13%;
  }
  .input-5x-btn-block {
    background-size: 66%;
  }
  .input-5x-img {
    width: 278px;
  }
}

/* activiy-compaid end */

/* engine-earphones-20151225 start*/

.engine-earphones .engine-earphone-01 {
  background: #333;
  color: #fff;
}

.engine-earphone-01-20 {
  width: 18%;
  display: inline-block;
}

.engine-earphones .engine-earphone-01-01 {
  text-align: center;
  margin: 10% 0 5% 0;
}

.engine-earphones .engine-earphone-01-03 {
  margin: 5% 10%;
}

.engine-earphones .engine-earphone-01-03-txt {
  margin: 10% 34% 0 2%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.engine-earphones .engine-earphone-01 .engine-earphone-01-01 .blank-fonts h3 {
  list-style: none;
  color: #fff !important;
}

.engine-earphones .engine-earphone-01 .text-list-menu li {
  list-style: none;
  color: #fff;
}

.engine-earphones .engine-earphone-02 {
  margin: 0;
}

.engine-earphones .engine-earphone-02 .engine-earphone-02-txt {
  margin: 10% 10%;
}

.engine-earphones .engine-earphone-03 {
  margin: 0;
  background: #f8e8de;
}

.engine-earphones .engine-earphones .engine-earphone-03 {
  margin: 0;
}

.engine-earphones .engine-earphone-03 .blank-fonts {
  margin-top: 10%;
}

.engine-earphones .engine-earphone-04 {
  margin: 10% 0;
}

.engine-earphones .engine-earphone-04 .blank-fonts {
  left: 10%;
  position: relative;
}

.engine-earphones .engine-earphone-05 {
  background: #e0fbfb;
  margin: 0;
}

.engine-earphones .engine-earphone-05 .blank-fonts {
  margin-top: 10%;
}

.engine-earphones .engine-earphone-06 {
  background: #feeef6;
  margin: 0;
}

.engine-earphones .engine-earphone-06-01 {
  margin: 10% 0;
}

.engine-earphones .engine-earphone-06 .blank-fonts {
  text-align: center;
  margin: 5% 0;
}

.engine-earphones .engine-earphone-07 {
  margin: 0;
  background: #ececec;
}

.engine-earphones .engine-earphone-07 .blank-fonts {
  left: 10%;
  position: relative;
}

.engine-earphones .engine-earphone-07-01 {
  margin: 5% 0;
}

.engine-earphones .engine-earphone-08 {
  margin: 0;
}

.engine-earphones .engine-earphone-08 .blank-fonts {
  margin-top: 10%;
}

.engine-earphones .engine-earphone-08-02 {
  margin: 10% 0;
}

.engine-earphones .engine-earphone-09 {
  background: #ececec;
  margin: 0;
}

.engine-earphones .engine-earphone-09-01 {
  margin: 10% 0;
}

.engine-earphones .engine-earphone-09 .blank-fonts {
  text-align: center;
  margin: 5% 0;
}

.engine-earphone-09-icon {
  width: 80%;
  margin: 5% auto;
}

.engine-earphones .engine-earphone-09-icon-txt {
  text-align: center;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  margin: 10px auto;
  width: 80%;
}

.engine-earphones .engine-earphone-10 {
  margin: 0;
}

.engine-earphones .engine-earphone-10 .blank-fonts {
  margin: 10% 0 0 10%;
}

.engine-earphone-01-03-txt span {
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .engine-earphones .engine-earphone-01-03 {
    margin: 5% 2%;
  }
  .engine-earphones .engine-earphone-01-03 .col-xs-4 {
    margin-top: 5%;
  }
  .engine_earphones_am12_1_img img {
    width: 60%;
    max-width: 150px;
  }
  .engine-earphones .engine-earphone-07 .blank-fonts {
    left: 0;
    margin: 5% 0;
  }
  .engine-earphones .engine-earphone-04 .blank-fonts {
    left: 0;
    position: relative;
  }
  .engine-earphones .engine-earphone-10 .blank-fonts {
    margin: 0;
    margin-top: 5%;
  }
  .engine-earphones .product-sliders img {
    min-height: 60px !important;
  }
  .engine-earphones .engine-earphone-01 .text-list-menu {
    text-align: center;
    padding-left: 0;
  }
  .engine-earphones .engine-earphone-02 .engine-earphone-02-txt {
    margin: 5% 0;
  }
  .engine-earphones .engine-earphone-01 .engine-earphone-01-01 .blank-fonts h3 {
    text-align: center;
  }
}

/* engine-earphones-20151225 end*/

/*honor5x-flip-cover start*/

.parameters-box p {
  font-family: verdana, geneva, sans-serif;
  font-size: 10pt;
}

.honor5x-flip-cover .banner-btnbox {
  text-align: center;
  position: absolute;
  bottom: 50px;
  margin: auto;
  display: block;
  width: 100%;
}

.honor5x-flip-cover .honor5x-flip-cover-01 {
  background: #fdf8ee;
}

.honor5x-flip-cover .honor5x-flip-cover-01 .blank-fonts {
  margin: 10% 0 5% 0;
  text-align: center;
}

.honor5x-flip-cover .honor5x-flip-cover-02 {
  margin: 0;
}

.honor5x-flip-cover .honor5x-flip-cover-02 .blank-fonts {
  margin-top: 80%;
  width: 80%;
}

.honor5x-flip-cover .honor5x-flip-cover-03 {
  margin: 0;
  background: #fdf9f2;
}

.honor5x-flip-cover .honor5x-flip-cover-03-h3 {
  text-align: center;
  margin: 5% 0;
}

.honor5x-flip-cover .honor5x-flip-cover-03-txt-01 {
  margin-top: 25%;
}

.honor5x-flip-cover .honor5x-flip-cover-03-txt-01 p {}

.honor5x-flip-cover .honor5x-flip-cover-03-txt-02 {
  margin-top: 90%;
}

.honor5x-flip-cover .honor5x-flip-cover-03-txt-03 {
  margin-top: 113%;
}

.honor5x-flip-cover .honor5x-flip-cover-03-icon {
  width: 80%;
  margin: 5% auto;
  text-align: center;
}

.honor5x-flip-cover .col-sm-2-5 {
  width: 18%;
  display: inline-block;
  margin: auto;
}

.col-sm-2-5 img {
  max-width: 110px;
}

.honor5x-flip-cover .honor5x-flip-cover-03-sapn {
  margin: 5%;
  text-align: center;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor5x-flip-cover .honor5x-flip-cover-04 {
  margin: 0;
  position: relative;
}

.honor5x-flip-cover .honor5x-flip-cover-04 .blank-fonts {
  position: absolute;
  left: 60%;
  top: 47%;
}

.honor5x-flip-cover .product-sliders .blank-fonts h3 {
  color: #e0a42d !important;
}

@media only screen and (max-width: 767px) {
  .honor5x-flip-cover .honor5x-flip-cover-02 .blank-fonts {
    margin-top: 5%;
    width: 100%;
  }
  .honor5x-flip-cover .honor5x-flip-cover-04 .blank-fonts {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 5%;
  }
  .honor5x-flip-cover .honor5x-flip-cover-03-icon {
    width: 100%;
    margin: 5% auto;
    text-align: center;
  }
  .honor5x-flip-cover .col-sm-2-5 img {
    min-height: 0 !important;
  }
  .honor5x-flip-cover .blank-fonts h3 {
    color: #e0a42d !important;
  }
  .honor5x-flip-cover .banner-btnbox {
    position: relative;
    bottom: 0px;
  }
}

/*honor5x-flip-cover end*/

/*honor-hybrid-earphone bof*/

.honor-hybrid-earphone .banner-btnbox {
  margin: 15% 0;
}

.honor-hybrid-earphone .circle {
  width: 120px;
  height: 120px;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/circle.png");
  /*display:table-cell;
    vertical-align: middle;*/
  text-align: center;
  font-size: 22px;
  line-height: 120%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  color: #d0d3d9;
  padding: 0 10px;
  margin: 10px auto;
}

.honor-hybrid-earphone .font-circle {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  color: #d0d3d9;
  font-size: 16px;
  margin-top: 10px;
  text-align: center;
}

.honor-hybrid-earphone h2 {
  font-family: "bignoodletitlingregular";
  font-size: 70px;
  margin: 10px 0;
}

.honor-hybrid-earphone h3 {
  font-family: "bignoodletitlingregular";
  font-size: 38px;
  /*margin: 10px 0;*/
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone h3 {
    font-size: 20px;
  }
}

.honor-hybrid-earphone p {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 175%;
  font-size: 16px;
}

.honor-hybrid-earphone .s1 {
  padding-top: 8% !important;
  color: #fff;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/bg-s1.jpg);
}

.honor-hybrid-earphone .s1 h2 {
  margin-top: 100px;
  margin-bottom: 50px;
}

.honor-hybrid-earphone .s1 h3 {
  margin: 40px 0;
}

@media (max-width: 1366px) and (min-width: 1118px) {
  .honor-hybrid-earphone .banner-btnbox {
    margin: 8% 0 10% 21%;
  }
}

@media only screen and (max-width: 1199px) {
  .honor-hybrid-earphone .s1 h2 {
    margin-top: 40px;
    margin-bottom: 0;
    font-size: 48px;
  }
  .honor-hybrid-earphone .s1 h3 {
    font-size: 24px;
    margin: 30px 0;
  }
  .honor-hybrid-earphone .banner-btnbox {
    margin: 10% 0 10% 18%;
  }
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone .s1 h3 {
    text-align: center;
  }
  .honor-hybrid-earphone .banner-btnbox {
    margin: 8% 0 0 28%;
  }
}

.honor-hybrid-earphone .s2 {
  background: #fbf7f6;
  min-height: 470px;
}

.honor-hybrid-earphone .s2 .s2-text {
  margin-top: 15%;
}

.honor-hybrid-earphone .s2 .s2-text p {
  color: #333438;
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone .s2 .s2-text p {
    padding: 0 15px;
  }
}

.honor-hybrid-earphone .s2 .circle {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/circle-grey.png");
  color: #333438;
  font-size: 18px;
}

.honor-hybrid-earphone .s3 {
  display: inline-block;
  margin-bottom: -5px;
  padding-top: 5%;
  padding-bottom: 5%;
  width: 100%;
  background: #313131;
  min-height: 500px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone .s3 {
    padding: 10% 15px;
  }
}

.honor-hybrid-earphone .s4 {
  display: inline-block;
  margin-bottom: -5px;
  padding-top: 5%;
  padding-bottom: 5%;
  width: 100%;
  background: #3e4345;
  min-height: 500px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone .s4 {
    padding: 10% 15px;
  }
}

.honor-hybrid-earphone .s5 {
  display: inline-block;
  margin-bottom: -5px;
  padding-top: 5%;
  width: 100%;
  background: #313131;
  min-height: 500px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone .s5 {
    padding: 10% 15px;
  }
}

.honor-hybrid-earphone .s6 {
  position: relative;
  margin-bottom: -5px;
}

.honor-hybrid-earphone .s6 .s6-02 {
  position: absolute;
  color: #fff;
  margin-top: 80px;
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone .s6 .s6-02 {
    position: relative;
    color: #000;
    padding: 10px;
  }
  .honor-hybrid-earphone .s6 .s6-01 img {
    margin-bottom: 5%;
  }
  .honor-hybrid-earphone .s6 .s6-02 {
    margin-top: 0;
  }
}

.honor-hybrid-earphone .s7 {
  width: 100%;
  display: inline-block;
  padding-top: 8%;
  padding-bottom: 5%;
  margin-bottom: -5px;
  color: #fff;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/s7-01.jpg);
  min-height: 500px;
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone .s7 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10%;
  }
  .honor-hybrid-earphone .s7 .s7-img {
    margin-right: -10px;
    margin-top: -59px;
  }
}

.honor-hybrid-earphone .s8 {
  width: 100%;
  display: inline-block;
  padding-top: 8% !important;
  padding-bottom: 5%;
  margin-bottom: -5px;
  color: #fff;
  background: #d2d7dc;
  min-height: 600px;
}

.honor-hybrid-earphone .s8 .circle {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/circle-grey.png");
  color: #333438;
}

.honor-hybrid-earphone .s8 p {
  color: #333438;
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone .s8 {
    padding-top: 15% !important;
  }
  .honor-hybrid-earphone .s8 .s8-02 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.honor-hybrid-earphone .s9 {
  width: 100%;
  margin-bottom: -5px;
  display: inline-block;
  color: #fff;
  background: #7a97a5;
  min-height: 386px;
}

.honor-hybrid-earphone .s9 .circle {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/circle-white.png");
  color: #fff;
  font-size: 18px;
  margin-left: 0;
}

.honor-hybrid-earphone .s9 .s9-02 {
  margin-top: 14%;
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone .s9 .circle {
    margin-left: auto;
  }
  .honor-hybrid-earphone .s9 .s9-02 {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 50px;
  }
}

.honor-hybrid-earphone .s10 {
  width: 100%;
  position: relative;
  display: inline-block;
  margin-bottom: -5px;
  color: #333438;
  background: #fff;
  min-height: 290px;
}

.honor-hybrid-earphone .s10 .s10-02 {
  position: absolute;
  top: 10%;
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone .s10 .s10-01 {
    margin-bottom: 10px;
  }
  .honor-hybrid-earphone .s10 .s10-02 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.honor-hybrid-earphone .s11 {
  width: 100%;
  display: inline-block;
  padding-top: 8%;
  margin-bottom: -5px;
  color: #fff;
  background: #000;
  min-height: 386px;
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone .s11 .s11-02 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.honor-hybrid-earphone .s12 {
  width: 100%;
  display: inline-block;
  margin-bottom: -5px;
  color: #fff;
  background: #000;
  min-height: 386px;
}

.honor-hybrid-earphone .s13 {
  width: 100%;
  margin-bottom: -5px;
  display: inline-block;
  position: relative;
  color: #fff;
  background: #000;
  min-height: 386px;
}

.honor-hybrid-earphone .s13 .s13-02 {
  position: absolute;
  top: 10%;
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone .s13 .s13-02 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
  }
  .honor-hybrid-earphone .s13 img {
    margin-bottom: 15px;
  }
}

.honor-hybrid-earphone .s14 {
  width: 100%;
  display: inline-block;
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 10px;
  padding-right: 10px;
  color: #000;
  background: #e5e5e5;
  min-height: 330px;
  padding-left: 10px;
}

.honor-hybrid-earphone .s14 h3,
.honor-hybrid-earphone .s14 p {
  text-align: center;
}

.honor-hybrid-earphone .s14 p.s14-03 {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .honor-hybrid-earphone .s14 {
    padding-top: 15%;
  }
  .honor-hybrid-earphone .s14 p.s14-03 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

/*honor-hybrid-earphone eof*/

/*yuyue-5x-2016-01-05 start*/

.compaid_logo {
  position: absolute;
  top: 5%;
  left: 5%;
  z-index: 999;
  text-align: left;
}

.compaid_logo img {
  max-width: 200px;
}

.banner5x-box-yuyue {
  width: 100%;
  padding-top: 8%;
  padding-bottom: 9%;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/compaid_5x_yuyue_bg.jpg) no-repeat center top;
}

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

.banner5x-box-yuyue-a {
  text-align: right;
  margin-right: 5%;
}

.banner5x-box-yuyue-h1 {
  font-family: "dead_island";
  font-size: 6em;
  text-align: center
}

.banner5x-box-yuyue-img {
  margin-top: 1%;
}

.banner5x-box-yuyue .banner5x-box-yuyue-p {
  font-size: 2em;
  text-align: center;
  color: #00b5e2;
}

@media only screen and (max-width: 767px) {
  .compaid_logo {
    position: absolute;
    top: 2%;
    left: 2%;
    z-index: 999;
  }
  .compaid_logo img {
    max-width: 100px;
  }
  .banner5x-box-yuyue {
    padding-top: 10%;
  }
  .banner5x-box-yuyue-h1 {
    font-size: 3em;
    margin-top: 3%;
  }
  .banner5x-box-yuyue .banner5x-box-yuyue-p {
    font-size: 18px;
    margin: 5% 0 9% 0;
  }
  .banner5x-box-yuyue-a {
    margin: 0;
    text-align: center;
  }
  .banner5x-box-yuyue .mt-40 {
    margin-top: 25px;
  }
  .banner5x-box-yuyue-a {
    margin: 7% 0 8% 0;
    text-align: center;
  }
  .banner5x-box-yuyue-1 .banner-btnbox {
    text-align: center;
    margin-top: 8%;
  }
}

/*yuyue-5x-2016-01-05 end*/

/*new03-5x-2016-01-05 start*/

.banner-btn-one-txt {
  position: absolute;
  bottom: 31%;
  right: 32%;
  font-size: 18px;
  color: #00b2e6;
  display: inline-block;
  text-align: center;
}

.parameters-box p {
  font-family: verdana, geneva, sans-serif;
  font-size: 10pt;
}

.honor-2015-0105 {}

.honor-2015-0105 .product-sliders .blank-fonts h3 {
  color: #333 !important;
}

.honor-2015-0105 .honor-2015-0105-02 .blank-fonts {
  margin-top: 30%;
}

.honor-2015-0105 .honor-2015-0105-03 .blank-fonts {
  margin-top: 15%;
}

.honor-2015-0105-02 {
  margin: 0;
}

.honor-2015-0105-03 {
  margin: 0;
  background: #ccc;
}

.honor-2015-0105-01 {
  margin: 10% 0;
}

@media only screen and (max-width: 767px) {
  .honor5x-flip-cover .honor5x-flip-cover-01 .blank-fonts {
    text-align: left;
  }
  .honor-2015-0105 .honor-2015-0105-02 .blank-fonts {
    margin-top: 10%;
  }
  .honor-2015-0105 .honor-2015-0105-03 .blank-fonts {
    margin-top: 5%;
  }
  .honor-2015-0105-03 img {
    width: 80%;
  }
}

/*new03-5x-2016-01-05 end*/

/*honor-accessories start*/

.honor-accessories-01 {
  margin: 0;
}

.honor-accessories-01-txt {
  width: 35%;
  margin: auto;
}

.honor-accessories-01 .blank-fonts {
  margin-top: 13%;
  position: absolute;
  text-align: center;
  width: 100%;
}

.honor-accessories-02 {
  margin: 5% 0;
}

.honor-accessories-02-txt {
  width: 40%;
  margin: auto;
}

.honor-accessories-02 .blank-fonts {
  text-align: center;
  margin: 2% 0;
}

.honor-accessories-03 {
  margin: 0;
  text-align: left;
}

.honor-accessories-03-txt {
  width: 40%;
}

.honor-accessories-03 .blank-fonts {
  position: absolute;
  top: 30%;
  left: 10%;
}

.honor-accessories-03 .banner-btnbox {
  text-align: left;
}

.honor-accessories-04 {
  margin: 0;
}

.honor-accessories-04 .blank-fonts {
  position: absolute;
  top: 30%;
  left: 10%;
}

.honor-accessories-04 .blank-fonts h3,
.honor-accessories-04 .blank-fonts p {
  color: #fff !important;
  text-align: left;
}

.honor-accessories-04 .banner-btnbox {
  text-align: left;
}

.honor-accessories-05 {
  margin: 5% 0;
}

.honor-accessories-05-txt {
  width: 50%;
  margin: auto;
}

.honor-accessories-05 .blank-fonts {
  text-align: center;
  margin: 2% 0;
}

.honor-accessories-05 .banner-btnbox {
  margin: 5% 0 0 0;
}

@media only screen and (max-width: 767px) {
  .honor-accessories-02 .blank-fonts h3,
  .honor-accessories-02 .blank-fonts p {
    text-align: center !important;
  }
  .honor-accessories-03 .blank-fonts {
    position: relative;
    margin-top: 5%;
    left: 0;
  }
  .honor-accessories-04 {
    margin: 0;
    background: #000 !important;
  }
  .honor-accessories-04 .blank-fonts {
    position: relative;
    margin-top: 5%;
    left: 0;
  }
  .honor-accessories-04 .item-c-new .blank-fonts h3,
  .honor-accessories-04 .item-c-new .blank-fonts p {
    color: #fff !important;
  }
  .honor-accessories-01 .item-c-new .blank-fonts h3,
  .honor-accessories-01 .item-c-new .blank-fonts p {
    text-align: center;
  }
  .honor-accessories-03 .item-c-new .blank-fonts h3,
  .honor-accessories-03 .item-c-new .blank-fonts p {
    text-align: center;
  }
  .honor-accessories-05 .item-c-new .blank-fonts h3,
  .honor-accessories-05 .item-c-new .blank-fonts p {
    text-align: center;
  }
  .honor-accessories-03 .banner-btnbox {
    text-align: center;
  }
  .honor-accessories-05 .blank-fonts {
    margin-top: 5%;
  }
  .honor-accessories-01-txt {
    width: 100%;
  }
  .honor-accessories-02-txt {
    width: 100%;
  }
  .honor-accessories-03-txt {
    width: 100%;
  }
  .honor-accessories-04-txt {
    width: 100%;
  }
  .honor-accessories-05-txt {
    width: 100%;
  }
}

/*honor-accessories end*/

/*honor-run start 20160108*/

.honor-run-02 {
  background-color: #3db3e7 !important;
}

.honor-run-02 .honor-run-02-txt h3 {
  color: #fff !important;
}

.honor-run-02 .honor-run-02-txt p {
  color: #fff !important;
  font-size: 24px;
  text-transform: capitalize;
}

.honor-run-02 .honor-run-02-txt h1 {
  font-size: 14em;
  font-family: "bignoodletitlingregular";
}

.honor-run-02 .honor-run-02-txt small {
  color: #fff;
  font-size: 48px;
}

.honor-run-02-txt {
  text-align: center;
  color: #fff;
  width: 80%;
  margin: 5% auto;
}

.honor-run-03 {
  margin: 5% 0 !important;
}

.honor-run-table-01-bg {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  width: 80%;
  height: 100px;
  margin: 0 auto;
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#15A216, endColorStr=#fff);
  /*IE*/
  background: -moz-linear-gradient(left, #3db3e7, #fff);
  /*火狐*/
  background: -webkit-gradient(linear, 0% 100%, 100% 0%, from(#3db3e7), to(#fff));
  /*谷歌*/
  background-image: -webkit-gradient(linear, left bottom, left top, color-start(0, #3db3e7), color-stop(1, #fff));
  /* Safari & Chrome*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#3db3e7', endColorstr='#fff');
  /*IE6 & IE7*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#3db3e7', endColorstr='#fff')";
  /* IE8 */
}

.honor-run-03 h3 {
  text-align: center;
  padding: 0 0 5% 0;
}

.honor-run-table-02-bg {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  width: 80%;
  height: 100px;
  margin: 0 auto;
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#fff, endColorStr=#f4f4f4);
  /*IE*/
  background: -moz-linear-gradient(left, #fff, #f4f4f4);
  /*火狐*/
  background: -webkit-gradient(linear, 0% 100%, 100% 0%, from(#fff), to(#f4f4f4));
  /*谷歌*/
  background-image: -webkit-gradient(linear, left bottom, left top, color-start(0, #fff), color-stop(1, #f4f4f4));
  /* Safari & Chrome*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#fff', endColorstr='#f4f4f4');
  /*IE6 & IE7*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#fff', endColorstr='#f4f4f4')";
  /* IE8 */
}

.honor-run-table-01-txt {
  vertical-align: middle;
  text-align: center;
  position: relative;
  top: 43%;
}

.honor-run-table-01-txt p {
  font-size: 1.5em;
}

.honor-run-04 .bx-pager {
  bottom: 12px !important;
}

.honor-run-05 {
  background: #00b2e6 !important;
}

.honor-run-05 .banner-btnbox {
  margin: 2% 0 5% 0;
}

.honor-run-05 h3 {
  margin: 5% 0 2% 0;
  color: #fff !important;
  text-align: center !important;
}

@media only screen and (max-width: 767px) {
  .honor-run-05 .product-sliders .item-c-new h3 {
    color: #fff !important;
  }
  .honor-run-01 ul {
    margin: 0;
  }
  .honor-run-02 .honor-run-02-txt {
    width: 100%;
  }
  .honor-run-02 .honor-run-02-txt .col-sm-4 p {
    text-align: center !important;
    color: #fff !important;
    font-size: 18px;
  }
  .honor-run-table-01-txt {
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: 0;
    line-height: 8px;
    padding: 22px;
  }
}

/*honor-run end */

/*honor-club start 20160112 */

.honor-club {}

.honor-club-us .form1 {
  color: #fff;
  font-size: 3em;
  text-align: center;
  line-height: 1em;
  margin: 3em 0;
}

.honor-club-us p {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 1.5em;
}

.honor-club-us .banner-btns-1 {
  width: 100%;
  position: absolute;
  top: 25%;
  text-align: center;
}

.honor-club-us .banner-btns-1 p {
  width: 50%;
  margin: 2% auto;
  color: #fff;
  text-align: center;
  font-size: 24px;
}

.honor-club-us .banner-btns-1 h3 {
  color: #fff;
  font-size: 4em;
  font-family: "bignoodletitlingregular";
}

.honor-club-02 {
  margin: 10% 0 2% 0;
  height: 300px;
}

.honor-club-02 p {
  text-align: center;
}

.honor-club-02 .col-sm-3 {
  text-align: center;
  margin: auto;
}

.chk_3 {
  display: none;
}

.chk_3+label {
  background-color: #fafbfa;
  padding: 9px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  margin-right: 30px;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  width: 58px;
  height: 32px;
}

.chk_3+label:after {
  content: ' ';
  position: absolute;
  top: 0;
  -webkit-transition: box-shadow 0.1s ease-in;
  transition: box-shadow 0.1s ease-in;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0, 0, 0, 0.4);
}

.chk_3+label:before {
  content: ' ';
  position: absolute;
  background: white;
  top: 1px;
  left: 1px;
  z-index: 999999;
  width: 31px;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  height: 31px;
  border-radius: 100px;
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05), 0 0px 1px rgba(0, 0, 0, 0.3);
}

.chk_3:active+label:after {
  box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;
}

.chk_3:active+label:before {
  width: 37px;
}

.chk_3:checked:active+label:before {
  width: 37px;
  left: 20px;
}

.chk_3+label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.chk_3:checked+label:before {
  content: ' ';
  position: absolute;
  left: 26px;
  border-radius: 100px;
}

.chk_3:checked+label:after {
  content: ' ';
  font-size: 1.5em;
  position: absolute;
  background: #00b1e8;
  box-shadow: 0 0 2px #fff;
}

.honor-club-check-boder {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  padding: 3% 0;
  margin: 3% 0;
}

.bg-color-blue {
  background: #00b1e8;
}

.honor-club-us label {
  margin: 20px 0 0 5px;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

.honor-club-us .we-video-icon-6 {
  width: 200px;
  height: 45px;
  background: none;
  border: 2px #0077b0 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  position: relative;
  text-align: center;
  color: #0077b0;
  width: 100%;
}

.honor-club-txt-control-label {
  text-align: left;
}

.honor-club-txt-control-label span {
  text-align: left;
}

.honor-club-us .btn-we-block-6 a {
  text-decoration: none;
  cursor: pointer;
  line-height: 24px;
  padding-top: 7px;
  color: #0077b0;
}

.honor-club-us .btn-we-block-6 {
  display: inline-block;
  width: 200px;
  height: 45px;
  background-color: #FFF;
  border: 2px #0077b0 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  position: relative;
  vertical-align: inherit;
  text-align: center;
  top: 0px;
  color: #0077b0;
}

.honor-club-us .banner-btns-1 {
  text-align: center;
  margin: 4% 0 8% 0;
}

.honor-club-us .bannerfont {
  margin: 4% 0;
  max-width: 100%;
  padding-top: 5%;
}

.honor-club-us .bannerfont h1 {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  margin: 20px;
}

.honor-club-us .banner-btns-1 h3 {
  /*font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;*/
}

.honor-club-us .blank-fonts .blue-text {
  font-size: 18px;
  line-height: 175%;
  color: #01b4e1 !important;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-club-us .honor_club-txt-07 {
  text-align: center;
  margin: 4% 0;
  color: #fff;
}

.honor-club-us .show-text {
  font-size: 14px;
  color: #ed1b24;
  padding: 10px 0;
}

.honor-club-us .wrapper-new-dropdown-3 {
  position: relative;
  padding: 10px;
  background: #fafafa;
  /* border-radius: 7px; */
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  cursor: pointer;
  outline: none;
  color: #333;
  text-align: left;
  padding: 20px 10px;
}

.honor-club-us .wrapper-new-dropdown-3:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #8aa8bd transparent;
}

.honor-club-us .wrapper-new-dropdown-3 .dropdown {
  /* Size & position */
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  /* Styles */
  background: white;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-weight: normal;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  list-style: none;
  /* Hiding */
  opacity: 0;
  pointer-events: none;
}

.honor-club-us .Band_z1_product-txt-control-label .form-control {
  height: 62px;
  background: #fafafa;
  border-radius: 0;
  line-height: 28px;
}

.honor-club-us .wrapper-new-dropdown-3 .dropdown li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #e6e8ea;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.honor-club-us .wrapper-new-dropdown-3 .dropdown li i {
  float: right;
  color: inherit;
}

.honor-club-us .wrapper-new-dropdown-3 .dropdown li:first-of-type a {
  border-radius: 7px 7px 0 0;
}

.honor-club-us .wrapper-new-dropdown-3 .dropdown li:last-of-type a {
  border: none;
  border-radius: 0 0 7px 7px;
}

.honor-club-us .wrapper-new-dropdown-3 .dropdown li:hover a {
  background: #f3f8f8;
}

.honor-club-us .wrapper-new-dropdown-3.active .dropdown {
  opacity: 1;
  pointer-events: auto;
  z-index: 9999;
  background: #fafafa;
}

.honor-club-us .no-opacity .wrapper-new-dropdown-3 .dropdown,
.honor-club-us .no-pointerevents .wrapper-new-dropdown-3 .dropdown {
  display: none;
  opacity: 1;
  /* If opacity support but no pointer-events support */
  pointer-events: auto;
  /* If pointer-events support but no pointer-events support */
}

.honor-club-us .no-opacity .wrapper-new-dropdown-3.active .dropdown,
.honor-club-us .no-pointerevents .wrapper-new-dropdown-3.active .dropdown {
  display: block;
}

.honor-club-us .wrapper-new-dropdown-4 {
  position: relative;
  padding: 10px;
  background: #fafafa;
  /* border-radius: 7px; */
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  cursor: pointer;
  outline: none;
  color: #333;
  text-align: left;
  padding: 20px 10px;
}

.honor-club-us .wrapper-new-dropdown-4:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #8aa8bd transparent;
}

.honor-club-us .wrapper-new-dropdown-4 .dropdown {
  /* Size & position */
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  /* Styles */
  background: white;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-weight: normal;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  list-style: none;
  /* Hiding */
  opacity: 0;
  pointer-events: none;
}

.honor-club-us .honor-club-txt-control-label .form-control {
  height: 62px;
  background: #fafafa;
  border-radius: 0;
  line-height: 28px;
}

.honor_club-txt-07 h1 {
  color: #fff;
  font-size: 4em;
  font-family: "bignoodletitlingregular";
  margin-top: 20px;
}

.honor-club-txt-control-label label {
  color: #fff;
  cursor: pointer;
}

.honor-club-us .wrapper-new-dropdown-4 .dropdown li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #e6e8ea;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.honor-club-us .wrapper-new-dropdown-4 .dropdown li i {
  float: right;
  color: inherit;
}

.honor-club-us .wrapper-new-dropdown-4 .dropdown li:first-of-type a {
  border-radius: 7px 7px 0 0;
}

.honor-club-us .wrapper-new-dropdown-4 .dropdown li:last-of-type a {
  border: none;
  border-radius: 0 0 7px 7px;
}

/* Hover state */

.honor-club-us .wrapper-new-dropdown-4 .dropdown li:hover a {
  background: #f3f8f8;
}

/* Active state */

.honor-club-us .wrapper-new-dropdown-4.active .dropdown {
  opacity: 1;
  pointer-events: auto;
  z-index: 9999;
  background: #fafafa;
}

/* No CSS3 support */

.honor-club-us .no-opacity .wrapper-new-dropdown-4 .dropdown,
.honor-club-us .no-pointerevents .wrapper-new-dropdown-4 .dropdown {
  display: none;
  opacity: 1;
  /* If opacity support but no pointer-events support */
  pointer-events: auto;
  /* If pointer-events support but no pointer-events support */
}

.honor-club-us .no-opacity .wrapper-new-dropdown-4.active .dropdown,
.honor-club-us .no-pointerevents .wrapper-new-dropdown-4.active .dropdown {
  display: block;
}

.honor-club-us .main .wrapper-new-demo img {
  padding: 0 5px 5px 0;
}

.honor-club-us .color-icon {
  min-height: 0;
  max-width: 140px;
}

@media only screen and (min-width: 1024px) and (max-width: 1423px) {
  .honor-club-us .honor-en .blank-fonts p,
  .bg-textbox p {
    line-height: 100%;
  }
  .honor-club-us .txt-02 {
    bottom: 2%;
    line-height: 125%;
  }
  .honor-club-us .banner-btns-1 p {
    width: 70%;
    margin: 2% auto;
    color: #fff;
    text-align: center;
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .honor-club-us .honor-en .blank-fonts p,
  .bg-textbox p {
    line-height: 100%;
  }
  .honor-club-us .txt-02 {
    bottom: 2%;
    line-height: 125%;
  }
  .honor-club-us .banner-btns-1 p {
    width: 80%;
    margin: 2% auto;
    color: #fff;
    text-align: center;
    font-size: 16px;
  }
  .honor-club-us .banner-btns-1 h3 {
    font-size: 2em;
  }
}

@media only screen and (max-width: 767px) {
  .honor-club-us .form1 {
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    line-height: 1em;
    margin: 1em 0;
  }
  .honor-club-us .banner-btns-1 p {
    width: 100%;
    margin: 2% auto;
    color: #fff;
    text-align: center;
    font-size: 26px;
  }
  .honor-club-us .txt-02 {
    position: relative;
    bottom: 9%;
    left: 0;
    width: 100%;
  }
  .honor-club-us .btn-we-block-6 {
    margin-top: 10px;
  }
  .honor-club-us .bannerfont h1 {
    line-height: 3em;
    font-size: 24px;
  }
  .honor-band-z1 .bannerfont {
    margin-bottom: 50px;
  }
}

/*honor-club end 20160112 */

/* honor-versary bof 20160113 */

.banner-text {
  position: absolute;
  width: 80%;
  top: 0;
  height: 100%;
  left: 50%;
  margin-left: -40%;
}

.banner-text .big-font {
  font-size: 8em;
  color: #fff;
  font-family: "bignoodletitlingregular";
}

.font-table {
  display: table;
  height: 100%;
}

.vertical-middle {
  display: table-cell;
  vertical-align: middle;
}

.honor-run-05 h3,
.container-txt h2 {
  font-family: "bignoodletitlingregular";
}

.container-txt {
  max-width: 1200px;
  margin: 2% auto 5%;
}

.container-txt .bg-grey {
  background-color: #f9f9f9;
  padding: 30px;
}

.contentfont {
  text-align: center;
  margin-bottom: 2%;
}

/* Storystream bof */

.stry-hub p {
  color: #999 !important;
}

.container-txt {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

/* Storystream eof */

/* honor-versary eof 20160113 */

/*golden-ticket start 20160113*/

.golden-ticket-01 ul {
  margin: 0;
}

.golden-ticket-02 {
  background: #00b2e6 !important;
}

.golden-ticket-02 .blank-fonts .honor-run-02-txt p {
  color: #fff !important;
  text-align: center !important;
}

.golden-ticket-02 h3 {
  padding: 5% 0;
}

.golden-ticket-02 h5 {
  font-size: 6em;
  font-family: "bignoodletitlingregular";
}

.golden-ticket-02 p {
  font-size: 18px;
  color: #fff !important;
}

.golden-ticket-04,
.golden-ticket-04 h2 {
  color: #fff;
}

.golden-ticket-03-txt p {
  font-size: 18px;
}

.golden-ticket-03 {
  margin: 0;
}

.golden-ticket-03 .blank-fonts {
  text-align: center;
  padding: 0;
}

.golden-ticket-03-txt {
  margin: 2% 0;
}

.golden-ticket-04 .blank-fonts {
  padding: 0;
}

.banner-btnstyle.blue {
  border-color: #00b2e6;
  color: #00b2e6;
}

.golden-ticket-04 {
  background: #00b2e6;
}

.golden-ticket-05 {
  margin: 5% 0;
}

@media only screen and (max-width: 767px) {
  .golden-ticket-03 .item-c-new .golden-ticket-03-txt h3 {
    text-align: center;
    margin: 5% 0 0 0;
  }
  .golden-ticket-03 .item-c-new .golden-ticket-03-txt p {
    text-align: center;
  }
  .golden-ticket-02 h5 {
    font-size: 3em;
  }
  .golden-ticket-02 .blank-fonts .honor-run-02-txt p {
    font-size: 14px;
  }
  .golden-ticket-04 .item-c-new .blank-fonts h2 {
    text-align: center;
    font-size: 24px;
  }
  .golden-ticket-04 .item-c-new .blank-fonts p {
    text-align: center;
    font-size: 18px;
  }
}

/*golden-ticket end 20160113*/

/*text-btn-all-bule start*/

.we-video-icon-6 {
  width: auto;
  min-width: 200px;
  height: 45px;
  background: none;
  border: 2px #0077b0 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  position: relative;
  text-align: center;
  color: #0077b0;
  padding-top: 0.1em;
  text-overflow: ellipsis;
  overflow: hidden;
}

.we-video-icon-6-white {
  width: auto;
  min-width: 200px;
  height: 45px;
  background: none;
  border: 2px #fff solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  position: relative;
  text-align: center;
  color: #fff;
  padding-top: 0.1em;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

a.we-video-icon-6-white {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/*text-btn-all-white start*/

@media only screen and (max-width: 767px) {
  .we-video-icon-6 {
    width: 150px;
    height: 35px;
    min-width: 0;
    background: none;
    border: 2px #0077b0 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 18px;
    line-height: 35px;
    position: relative;
    text-align: center;
    color: #0077b0;
    padding-top: 0.1em;
  }
  .we-video-icon-6-white {
    width: 150px !important;
    min-width: 0;
    height: 35px !important;
    background: none;
    border: 2px #fff solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 18px;
    line-height: 35px;
    position: relative;
    text-align: center;
    color: #fff;
    padding-top: 0.1em;
    display: inline-block;
    margin-bottom: 5px;
  }
  .honor-band-feature .we-video-icon-6 {
    width: 150px;
    height: 35px;
    background: none;
    border: 2px #0077b0 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 18px;
    line-height: 35px;
    position: relative;
    display: inline-block;
    text-align: center;
    color: #0077b0;
    vertical-align: middle;
    padding-top: 0.1em;
  }
}

/*honor7 new-20160224 start*/

.honor7-new .honorbox-tag .tag-box .item-tags {
  width: 27%;
}

.honor7-new .product-sliders span {
  line-height: 2em;
}

.honor7-new .tag-box p {
  padding-top: 0;
}

.honor7-new .honor7 .bgblues .tag-box p {
  line-height: 1em;
}

.honor7-new .text-list-menu-new li {
  list-style: none;
}

.honor7-new .item-tags-boder-white {
  border-right: 1px solid #fff;
  padding: 0 2%
}

.honor7-new .item-tags-boder-black {
  border-right: 1px solid #555;
  padding: 0 2%
}

.honor7-new .item-tags-boder-none {
  border-right: none;
  padding: 0 2%
}

.honor7-new-table {
  margin: 10% 0;
}

.honor7-new-table .td-gray {
  background: #F5F5F5;
}

.honor7-new-table .table>tbody>tr>td {
  border-top: none;
}

.honor7-new-table .table td p {
  text-align: center;
  font-size: 1.5em;
  font-weight: 600;
}

.honor7-new-table table tr td {
  padding: 3%;
  padding: 30px 20px \9;
}

.honor7-new-table .td-border {
  width: 45%;
  text-align: left;
  padding-left: 4%;
  border-left: 2px solid #13a5d4;
}

.bg-honor7-banner-new {
  width: 100%;
  padding-top: 5%;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/hono7_banner_bg_new.jpg") no-repeat center top;
}

.banner-btnstyle-glod {
  width: auto;
  min-width: 200px;
  padding-left: 10px;
  padding-right: 10px;
  height: 45px;
  background: none;
  border-radius: 10px;
  border: 2px #8a6d3b solid;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  text-align: center;
  color: #8a6d3b;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  margin: 2% 0 0 10% !important;
}

.banner-btnstyle-glod a.jsshop-01 {
  color: #8a6d3b;
  text-decoration: none;
}

a.banner-btnstyle-glod:hover,
a.banner-btnstyle-glod:visited,
a.banner-btnstyle-glod:active,
a.banner-btnstyle-glod:focus {
  color: #8a6d3b;
}

.banner-btnstyle-new-white {
  width: auto;
  min-width: 200px;
  padding-left: 10px;
  padding-right: 10px;
  height: 45px;
  background: none;
  border-radius: 10px;
  border: 2px #fff solid;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.honor4x .topbannerSlider .honor7-btn-center {
  padding-top: 20%;
  text-align: center;
}

a.banner-btnstyle-new-white:hover,
a.banner-btnstyle-new-white:visited,
a.banner-btnstyle-new-white:focus,
a.banner-btnstyle-new-white:active {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .honor7-new .item-tags-boder-white {
    border-right: none;
    padding: 0 2%
  }
  .honor7-new .item-tags-boder-black {
    border-right: none;
    padding: 0 2%
  }
  .honor7-new .item-tags-boder-none {
    border-right: none;
    padding: 0 2%
  }
  .honor7-new-table .table td p {
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
  }
  .banner-btnstyle-glod {
    height: 35px !important;
    font-size: 18px;
    line-height: 35px;
    width: 150px !important;
    min-width: 0;
    margin: 2% 0 0 25% !important;
  }
  .banner-btnstyle-new-white {
    height: 35px !important;
    font-size: 18px;
    line-height: 35px;
    width: 150px !important;
    min-width: 0;
  }
}

/*honor7 new-20160224 end*/

/*honor-holly-low start*/

.honor-holly-low p {
  line-height: 175%;
}

.honor-holly-low .bg-honor-holly-low-banner {
  width: 100%;
  padding: 8% 0;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/holly_01_bg.jpg) no-repeat center top;
}

.honor-holly-low .topbannerSlider .bannerfont {
  padding-top: 20%;
  text-align: center;
}

.honor-holly-low .topbannerSlider h2 {
  font-family: 'dead_island';
  font-size: 7em;
  text-align: center;
  color: #fff;
  line-height: 2em;
}

.honor-holly-low-videw {
  text-align: center;
  margin: 15% 0;
}

.honor-holly-low .holly-02 {
  position: relative;
  margin: 5% 0 0 0;
}

.honor-holly-low .product-sliders span {
  color: #00aeef;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-holly-low .holly-02 .tag-box .item-tags {
  margin: 2% 1%;
  width: 150px;
  height: 220px;
  overflow: hidden;
  display: inline-block;
}

.honor-holly-low .holly-02 .tag-box .item-tags p {
  color: #00b3e0;
  line-height: 125%;
  font-size: 16px;
}

.honor-holly-low .holly-02 .honlly-img-icon {
  margin-bottom: 30px;
}

.honor-holly-low .holly-02 .bg-textbox {
  padding: 0 10px;
  margin-top: 15%;
  margin-bottom: 0;
}

.honor-holly-low .holly-02 .honlly-icon-title {
  font-size: 16px;
  font-weight: bold;
  color: #00b3e0;
  white-space: nowrap;
}

.honor-holly-low .holly-03 {
  position: relative;
  background: #39b4e4;
}

.honor-holly-low .holly-03 h3,
.holly-03 p,
.holly-03 span {
  color: #fff6f7 !important;
}

.honor-holly-low .holly-03 .tag-box .item-tags p {
  color: #fff;
  line-height: 125%;
  font-size: 16px;
}

.honor-holly-low .holly-03 .tag-box .item-tags {
  margin: 2% 1%;
  width: 150px;
  height: 300px;
  overflow: hidden;
  display: inline-block;
}

.honor-holly-low .holly-03 .honlly-icon-title {
  font-size: 18px;
  color: #fff;
  white-space: normal;
}

.honor-holly-low .holly-03 .honlly-img-icon {
  margin-bottom: 30px;
}

.honor-holly-low .holly-03 ul {
  margin: 0;
}

.honor-holly-low .holly-04 {
  background: #f8f4f0;
}

.honor-holly-low .holly-05 {
  background: #fcf9f2;
}

.honor-holly-low .holly-06 {
  margin: 0;
}

.honor-holly-low .holly-06 ul {
  margin: 0;
}

.honor-holly-low .holly-06 .holly-06-img {
  padding-top: 10%;
}

.honor-holly-low .holly-06 .honlly-icon-title {
  color: #00b2e6;
  font-size: 2em;
}

.honor-holly-low .holly-07 {
  background: #f1f1f1;
}

.honor-holly-low .holly-08 {
  background: #5abdfa;
}

.honor-holly-low .holly-08 ul {
  margin: 0;
}

.honor-holly-low .holly-08 .honlly-icon-title {
  font-size: 1.5em;
  color: #fff;
  white-space: nowrap;
}

.honor-holly-low .holly-08 .tag-box .item-tags p {
  color: #fff;
  line-height: 125%;
  font-size: 16px;
}

.honor-holly-low .holly-08 h3,
.holly-08 p {
  color: #fff6f7 !important;
}

.honlly-img-icon img {
  max-width: 55px;
}

.holly-05 ul {
  margin-bottom: 0;
}

@media (max-width: 1366px) and (min-width: 992px) {
  .honor-holly-low .holly-02 .tag-box .item-tags {
    margin: 1% 2%;
    width: 123px;
    height: 187px;
    overflow: hidden;
    display: inline-block;
  }
  .honor-holly-low .product-sliders span {
    font-size: 18px;
  }
  .honor-holly-low .topbannerSlider h2 {
    font-size: 4em;
  }
  .honor-holly-low .holly-02 {
    margin: 5% 0 0 0;
  }
  .honor-holly-low .holly-02 .honlly-img-icon img {
    max-width: 35px;
  }
  .honor-holly-low .holly-03 .honlly-img-icon img {
    max-width: 35px;
  }
  .honor-holly-low .holly-03 .tag-box .item-tags {
    margin: 1% 2%;
    width: 123px;
    height: 217px;
    overflow: hidden;
    display: inline-block;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .honor-holly-low .product-sliders span {
    font-size: 18px;
  }
  .honor-holly-low .topbannerSlider h2 {
    font-size: 3em;
  }
  .honor-holly-low .holly-02 .honlly-img-icon img {
    max-width: 35px;
  }
  .honor-holly-low .holly-03 .honlly-img-icon img {
    max-width: 35px;
  }
  .holly-03 .bg-mdgrey {
    background-color: #39b4e4;
  }
  .honor-holly-low .holly-05 ul {
    margin: 0;
  }
  .honor-holly-low .holly-06 {
    margin: 0;
  }
  .honor-holly-low .holly-02 {
    position: relative;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .honor-holly-low .topbannerSlider .bannerfont {
    padding-top: 0;
  }
  .honor-holly-low .holly-02 {
    position: relative;
    margin-top: 5%;
  }
  .honor-holly-low .topbannerSlider h2 {
    font-size: 2em;
    line-height: 1em;
  }
  .honor-holly-low-videw {
    text-align: center;
    margin: 6% 0;
  }
  .honor-holly-low .holly-02 .tag-box .item-tags {
    margin: 0;
    width: 150px;
    height: 210px;
  }
  .honor-holly-low .product-sliders span {
    font-size: 16px;
  }
  .honor-holly-low .holly-02 .tag-box .item-tags p {
    font-size: 14px;
  }
  .honlly-img-icon img {
    max-width: 30px;
  }
  .holly-02 .bg-textbox {
    background: #fff;
    margin: 0;
  }
  .honor-holly-low .holly-06 {
    margin: 0;
  }
  .honor-holly-low .holly-06 ul {
    margin: 0;
  }
  .honor-holly-low .holly-03 .tag-box .item-tags {
    height: 200px;
  }
  .honor-holly-low .tag-box .item-tags p {
    font-size: 14px;
  }
  .honor-holly-low .holly-03 .honlly-icon-title {
    font-size: 16px;
  }
  .honor-holly-low .holly-03 .tag-box .item-tags p {
    font-size: 14px;
  }
  .honor-holly-low .holly-06 .honlly-icon-title {
    color: #00b2e6;
    font-size: 16px;
  }
}

/*honor-holly-low end*/

/*honor-bee start*/

.honor-bee ul {
  margin: 0;
}

.honor-bee-01 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor_bee_01_bg.jpg") no-repeat;
}

.honor-bee-01 img {
  padding: 20% 0 10% 0;
  max-width: 382px;
  margin: auto;
}

.honor-bee-01 .bannerfont {
  margin-top: 35%;
}

.honor-bee-01 .bannerfont img {
  padding: 5% 0;
}

.honor-bee-01 .bannerfont h2 {
  color: #e4c95d;
  font-size: 4em;
}

.honor-bee-02 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor_bee_02_bg.jpg") no-repeat;
}

.honor-bee-02 {
  margin-bottom: 10%;
}

.honor-bee-02 img {
  width: 60%;
}

.honor-bee-03 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor_bee_03_bg.jpg") no-repeat;
}

.honor-bee-03 img {
  width: 60%;
  padding-top: 20%;
}

.honor-bee-04 img {
  width: 60%;
  padding-top: 20%;
  margin: auto;
}

.honor-bee-04 h3 {
  display: inline-block;
  margin-right: 5%;
}

.honor-bee-05 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor_bee_05_bg.jpg") no-repeat;
  color: #fff;
}

.honor-bee-05 h3,
.honor-bee-05 p {
  color: #fff !important;
}

.honor-bee-07 h3,
.honor-bee-07 p {
  color: #fff !important;
}

.honor-bee-05 img {
  max-width: 300px;
  padding: 20% 0 10% 0;
  margin-left: 20%;
  height: auto;
}

.honor-bee-06 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor_bee_06_bg.jpg") no-repeat;
}

.honor-bee-06 img {
  max-width: 420px;
  padding: 20% 0 10% 0;
}

.honor-bee .bg-textbox {
  margin-top: 20%;
}

.honor-bee-07 {
  background: #00c4f7;
  color: #fff;
}

.honor-bee-07 img {
  max-width: 400px;
  padding: 0 0 30% 0;
}

.honor-bee-07.bg-textbox {
  padding-top: 5%;
}

.honor-bee .bg-textbox span {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  font-size: 18px;
}

.honor-bee h3 {
  font-size: 60px;
  margin-bottom: 0;
  line-height: 100%;
}

@media (max-width: 1439px) and (min-width: 767px) {
  .honor-bee h3 {
    font-size: 48px !important;
  }
  .honor-bee .bg-textbox p {
    line-height: 125%;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .honor-bee .bg-textbox p {
    line-height: 125%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .honor-bee-03 img {
    width: 60%;
    padding-top: 0;
  }
  .honor-bee-01 img {
    max-width: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .honor-bee-01 img {
    padding: 10% 0 0 0;
    max-width: 200px;
  }
  .honor-bee-01 .bannerfont {
    margin-top: 0;
  }
  .honor-bee-03 img {
    width: 60%;
    padding-top: 0;
  }
  .honor-bee h2 {
    margin: 0;
  }
  .honor-bee img {
    margin: auto;
    display: block;
  }
  .honor-bee h3 {
    font-size: 48px !important;
  }
  .honor-bee-05 img {
    max-width: 200px;
  }
  .honor-bee-06 img {
    max-width: 220px;
    padding: 0 0 10% 0;
  }
  .honor-bee-04 img {
    padding-top: 0;
  }
  .honor-bee-02 .bg-textbox {
    margin-bottom: 0;
  }
  .honor-bee-05 .bg-textbox {
    margin: 0;
  }
  .honor-bee-07 img {
    max-width: 220px;
    padding: 0;
  }
  .honor-bee-01 .bannerfont h2 {
    color: #f0e6bc;
    font-size: 3em;
  }
}

/*honor-bee end*/

/*easter start 20160315*/

.we-easter .we-easter-01 {
  padding: 10% 0 0 0 !important;
  background: #00b7e1;
}

.we-easter .we-easter-01 p,
.we-easter .we-easter-01 h3 {
  color: #fff !important;
  font-family: "bignoodletitlingregular";
}

.we-easter .we-easter-01 p {
  font-size: 2em;
}

.we-easter-01 .we-easter-01-txt {
  margin-top: 10%;
}

.we-easter-01-txt span {
  line-height: 2em;
}

.we-easter-02-img {
  text-align: center;
}

.we-easter-02-img img {
  margin: auto;
  text-align: center;
}

.we-easter-02 {
  margin: 2% auto;
}

.we-easter-02-icon {
  margin: 5% auto;
}

.we-easter-02-icon img {
  max-width: 150px;
  margin-bottom: 20px;
}

.we-easter-03 {
  margin: 2% auto;
}

.we-easter-03-txt {
  margin-top: 15%;
}

.we-easter-03-txt h3 {
  margin: 5% 0;
}

.we-easter-04 {
  background: #e2e2e2;
}

.we-easter-04 ul {
  margin: 0;
}

.we-easter-04 .blank-fonts {
  position: absolute;
  top: 20%;
  left: 10%;
}

.we-easter-04-txt h3 {
  width: 50%;
  margin: 5% 0;
}

.easter-video {
  text-align: center;
  margin: auto;
}

.we-easter .we-easter-form-bg .Band_z1_product-txt-control-label label {
  color: #fff;
}

.we-easter .we-easter-form-bg {
  background: #24c6f7;
  color: #fff;
}

.we-easter .Band_z1_product-txt-control-label .form-control {
  background: #fff;
}

.we-easter-04-img {
  position: relative;
}

.we-easter-01 .sxsw-section4 {
  background: none;
}

@media (max-width: 1439px) and (min-width: 1024px) {
  .we-easter .we-easter-01 h3 {
    font-size: 3em !important;
  }
  .we-easter .we-easter-01 p {
    font-family: "bignoodletitlingregular" !important;
  }
  .we-easter .we-easter-02 .blank-fonts h3 {
    font-size: 3em !important;
  }
}

@media only screen and (max-width: 767px) {
  .we-easter .form1,
  .honor-club .form1 {
    font-size: 24px;
    text-align: center;
    line-height: 1em;
    margin: 4em 0;
  }
  .we-easter .we-easter-01 .we-easter-01-txt p {
    font-size: 16px;
    color: #fff !important;
    text-align: center !important;
  }
  .we-easter .product-sliders img {
    min-height: 0 !important;
  }
  .we-easter .we-easter-01 {
    padding: 3% 0 !important;
  }
  .we-easter .we-easter-01 span {
    font-size: 24px;
  }
  .we-easter-03-txt img {
    max-width: 120px;
  }
  .we-easter-04 .blank-fonts {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 5%;
  }
  .we-easter-04-txt img {
    max-width: 120px;
    margin-top: 5%;
  }
  .we-easter-03-txt {
    margin-top: 0;
    margin-bottom: 5%;
  }
  .we-easter .blank-fonts .we-easter-01-txt h3 {
    font-size: 24px;
    color: #fff !important;
    text-align: center;
  }
  .we-easter-01 .we-easter-01-txt {
    margin-top: 0;
    text-align: center;
  }
  .we-easter-02-icon p {
    font-size: 14px;
  }
  .we-easter .we-easter-02 .blank-fonts p,
  .we-easter .we-easter-02 .blank-fonts h3 {
    text-align: center;
  }
  .we-easter .we-easter-04 {
    background: #ccc;
  }
  .btn-video {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/video_blue_mb.png) no-repeat 0 0;
    background-size: 100%;
  }
}

/*easter end 20160315*/

/*

 niefang
 2016-03-14

*/

/* sxwx bof */

.sxsw-section4 .video-js {
  width: 1140px\9 !important;
  height: 640.68px\9 !important;
}

.sxsw-box {
  padding: 0;
  line-height: 1.4;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.sxsw-banner {
  position: relative;
  overflow: hidden;
  min-height: 780px;
}

.sxsw-banner .bg {
  width: 1920px;
  height: auto;
  position: absolute;
  min-height: 780px;
  left: 50%;
  top: 0;
  margin-left: -960px;
  z-index: 1;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_banner.jpg) no-repeat center 0;
  animation: bgone linear 5s;
  -o-animation: bgone linear 5s;
  -ms-animation: bgone linear 5s;
  -moz-animation: bgone linear 5s;
  -webkit-animation: bgone linear 5s;
}

.sxsw-banner .bg {
  transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.sxsw-tbox {
  padding-top: 70px;
  position: relative;
  overflow: hidden;
  z-index: 10;
  text-align: center;
}

.sxsw-tbox>img {
  margin-top: 10px;
  max-width: 100%;
}

.btn-watct {
  margin-top: 20px;
  color: #fff;
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
  display: inline-block;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/btn_bg.png) 0 0 repeat;
}

.btn-watct:hover {
  color: #fff;
}

.sxsw-banner .t1 {
  animation: imgt1 1s ease-out;
  -o-animation: imgt1 1s ease-out;
  -ms-animation: imgt1 1s ease-out;
  -moz-animation: imgt1 1s ease-out;
  -webkit-animation: imgt1 1s ease-out;
}

.sxsw-banner .t2 {
  animation: imgt2 2s ease-out;
  -o-animation: imgt2 2s ease-out;
  -ms-animation: imgt2 2s ease-out;
  -moz-animation: imgt2 2s ease-out;
  -webkit-animation: imgt2 2s ease-out;
}

.sxsw-banner .t3 {
  animation: imgt3 2s cubic-bezier(0, 0, 1, 1);
  -o-animation: imgt3 2s cubic-bezier(0, 0, 1, 1);
  -ms-animation: imgt3 2s cubic-bezier(0, 0, 1, 1);
  -moz-animation: imgt3 2s cubic-bezier(0, 0, 1, 1);
  -webkit-animation: imgt3 2s cubic-bezier(0, 0, 1, 1);
}

/* animation bof */

/* bgone // */

@keyframes bgone {
  from {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  }
  to {
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
}

@-o-keyframes bgone {
  from {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  }
  to {
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
}

@-ms-keyframes bgone {
  from {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  }
  to {
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
}

@-moz-keyframes bgone {
  from {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  }
  to {
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
}

@-webkit-keyframes bgone {
  from {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  }
  to {
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
}

/* bgone \\ */

/* t1 t2 t3// */

@keyframes imgt1 {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }
  60% {
    transform: scale(1, 1);
  }
  80% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}

@-o-keyframes imgt1 {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }
  60% {
    transform: scale(1, 1);
  }
  80% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}

@-ms-keyframes imgt1 {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }
  60% {
    transform: scale(1, 1);
  }
  80% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}

@-moz-keyframes imgt1 {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }
  60% {
    transform: scale(1, 1);
  }
  80% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}

@-webkit-keyframes imgt1 {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }
  60% {
    transform: scale(1, 1);
  }
  80% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}

/* t2 bof */

@keyframes imgt2 {
  from {
    opacity: 0;
    transform: translateY(-500%) scale(0, 0);
  }
  to {
    transform: translateY(0) scale(1, 1);
    opacity: 1;
  }
}

@-o-keyframes imgt2 {
  from {
    opacity: 0;
    transform: translateY(-500%) scale(0, 0);
  }
  to {
    transform: translateY(0) scale(1, 1);
    opacity: 1;
  }
}

@-ms-keyframes imgt2 {
  from {
    opacity: 0;
    transform: translateY(-500%) scale(0, 0);
  }
  to {
    transform: translateY(0) scale(1, 1);
    opacity: 1;
  }
}

@-moz-keyframes imgt2 {
  from {
    opacity: 0;
    transform: translateY(-500%) scale(0, 0);
  }
  to {
    transform: translateY(0) scale(1, 1);
    opacity: 1;
  }
}

@-webkit-keyframes imgt2 {
  from {
    opacity: 0;
    transform: translateY(-500%) scale(0, 0);
  }
  to {
    transform: translateY(0) scale(1, 1);
    opacity: 1;
  }
}

/* t2 eof */

/* t3 bof */

@keyframes imgt3 {
  from {
    opacity: 0;
    transform: translateY(500%) scale(0, 0);
  }
  to {
    transform: translateY(0) scale(1, 1);
    opacity: 1;
  }
}

@-o-keyframes imgt3 {
  from {
    opacity: 0;
    transform: translateY(500%) scale(0, 0);
  }
  to {
    transform: translateY(0) scale(1, 1);
    opacity: 1;
  }
}

@-ms-keyframes imgt3 {
  from {
    opacity: 0;
    transform: translateY(500%) scale(0, 0);
  }
  to {
    transform: translateY(0) scale(1, 1);
    opacity: 1;
  }
}

@-moz-keyframes imgt3 {
  from {
    opacity: 0;
    transform: translateY(500%) scale(0, 0);
  }
  to {
    transform: translateY(0) scale(1, 1);
    opacity: 1;
  }
}

@-webkit-keyframes imgt3 {
  from {
    opacity: 0;
    transform: translateY(500%) scale(0, 0);
  }
  to {
    transform: translateY(0) scale(1, 1);
    opacity: 1;
  }
}

/* t3 eof */

/* animation eof */

/* sxsw-section1 bof */

.sxsw-section1 {
  width: 100%;
  padding-top: 5%;
  padding-bottom: 5%;
  min-height: 400px;
  position: relative;
  overflow: hidden;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_p1.jpg) center 0 fixed;
}

.sxsw-section1 h2,
.sxsw-section2 h2,
.sxsw-section2 h3 {
  margin-bottom: 20px;
}

.sxsw-section1 p {
  margin-bottom: 20px;
}

/* sxsw-section1 eof */

/* sxsw-section2 bof */

.sxsw-section2 {
  width: 100%;
  min-height: 400px;
  position: relative;
  overflow: hidden;
  background-color: #eeeef0;
}

.bluefonts {
  color: #00afd9;
}

.section2-text {
  padding-top: 80px;
}

.bigred {
  color: #f04e5b;
  font-weight: bold;
}

.section2-text ul li {
  list-style: disc;
  margin-bottom: 20px;
  line-height: 1.4;
}

/* sxsw-section2 eof */

/* sxsw-section3 eof  */

.sxsw-section3 {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_p1.jpg) center 0 fixed;
}

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

.section3-text {
  padding-top: 5%;
  padding-bottom: 5%;
}

.sxsw-section3 .bx-wrapper .bx-controls {
  width: 60%;
  left: 50%;
  margin-left: -30%;
  z-index: 51;
  position: absolute;
  display: block;
  bottom: 3%;
  text-align: center;
}

.sxsw-section3 .swiper-pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 5px;
  width: 100%;
}

.sxsw-section3 .swiper-pagination-bullet,
.sxsw-section3 .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  margin: 0 3px;
  height: 8px;
  opacity: 1;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_all_icon.png) no-repeat -252px 0;
  text-indent: -9999px;
}

.sxsw-section3 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.sxsw-section3 .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_all_icon.png) no-repeat -244px 0;
}

.section3-text h2 {
  margin-bottom: 20px;
}

/* sxsw-section3 eof  */

/* sxsw-section4 bof */

.sxsw-section4 {
  padding-top: 5%;
  padding-bottom: 40px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_p5.jpg) center 0;
}

.sxsw-section4 #bx-pager img {
  padding: 5px;
}

.sxsw-section4 #bx-pager a {
  float: left;
  width: 25%;
}

#bx-pager {
  overflow: hidden;
  height: 180px;
}

.sxsw-section4 .bx-controls {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.sxsw-section4 .bx-controls .bx-prev {
  z-index: 21;
  width: 33px;
  height: 64px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_all_icon.png) no-repeat -10px 0;
  position: absolute;
  display: block;
  left: 50%;
  margin-left: -620px;
  top: 40%;
  text-indent: -9999px;
}

.sxsw-section4 .bx-controls .bx-next {
  z-index: 21;
  width: 33px;
  height: 64px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_all_icon.png) no-repeat -63px 0;
  position: absolute;
  display: block;
  right: 50%;
  margin-right: -620px;
  top: 40%;
  text-indent: -9999px;
}

.swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.gallery-top {
  height: 540px;
  width: 100%;
}

.gallery-thumbs {
  height: 180px;
  box-sizing: border-box;
  padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}

.gallery-thumbs .swiper-wrapper {
  transform: none;
}

.sxsw-section4 .video-content {
  width: 100%;
  margin: 0 auto;
}

.vjs-poster {
  background-size: 100%;
}

.sxsw-section4 .vjs-default-skin .vjs-big-play-button,
.sxsw-section4 .vjs-paused .vjs-big-play-button {
  font-size: 3em;
  display: block;
  z-index: 2;
  cursor: pointer;
  opacity: .8;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/video_blue.png) center center no-repeat;
}

.sxsw-section4 .video-content:hover .vjs-default-skin .vjs-big-play-button,
.sxsw-section4 .video-content:hover .vjs-paused .vjs-big-play-button {
  opacity: 1;
}

.sxsw-section4 .vjs-has-started .vjs-big-play-button {
  display: none;
}

.sxsw-section4 .vjs-paused .vjs-big-play-button {
  display: block;
}

.sxsw-section4 .vjs-default-skin .vjs-big-play-button:before {
  content: normal;
  text-shadow: none;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

.sxsw-section4 .video-js {
  margin: 0 auto;
  overflow: hidden;
}

.sxsw-section4 .swiper-button-next.swiper-button-white,
.sxsw-section4 .swiper-container-rtl .swiper-button-prev.swiper-button-white,
.sxsw-section4 .arrow-right {
  z-index: 21;
  width: 33px;
  height: 64px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_all_icon.png) no-repeat -63px 0;
  position: absolute;
  display: block;
  right: 50%;
  margin-right: -620px;
  top: 50%;
  margin-top: -32px;
  text-indent: -9999px;
}

.sxsw-section4 .swiper-button-prev,
.sxsw-section4 .swiper-container-rtl .swiper-button-next,
.sxsw-section4 .arrow-left {
  z-index: 21;
  width: 33px;
  height: 64px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_all_icon.png) no-repeat -10px 0;
  position: absolute;
  display: block;
  left: 50%;
  margin-left: -620px;
  top: 50%;
  margin-top: -32px;
  text-indent: -9999px;
}

.btn-video {
  width: 40px;
  height: 40px;
  width: 30px \9;
  height: 30px \9;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  margin-top: -15px\9;
  margin-left: -15px\9;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/video_blue.png) no-repeat 0 0;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/video_blue_mb.png) no-repeat 0 0 \9;
  background-size: 100%;
}

.box-small {
  position: relative;
  padding: 5px;
  overflow: hidden;
}

.boxsmallimg {
  position: relative;
}

.sxsw-section4 .vjs-big-play-button,
.sxsw-section4 .vjs-has-started .vjs-big-play-button,
.sxsw-section4 .vjs-default-skin .vjs-big-play-button,
.sxsw-section4 .vjs-paused .vjs-big-play-button {
  display: none !important \9;
}

/* sxsw-section4 eof */

/* sxwx eof */

.honor5x-logo-vector a img {
  display: inline-block;
}

.honor5x-logo-vector a {
  padding: 0 35px;
}

/*assets start*/

.assets-01 ul {
  margin: 0;
}

.assets .assets-02 {
  background: #00ccff !important;
  padding: 5% 0;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.assets .assets-02 .blank-fonts p {
  color: #fff !important;
  text-align: center;
}

.assets-02 .blank-fonts {
  padding-top: 50px;
}

.assets .assets-02 .blank-fonts h3 {
  color: #fff !important;
  text-align: center;
  margin: 5% 0 2% 0;
}

.assets-02-span span {
  font-size: 2em;
  vertical-align: middle;
  display: inline-block;
  color: #fff;
  padding-right: 10px;
}

.assets-02-span .col-sm-4 {
  text-align: center;
}

.assets-02-span img {
  display: inline-block;
  max-width: 200px;
}

.assets-02-span p {
  padding-top: 20px;
}

.assets .assets-03 .assets-03-down {
  text-align: center;
  background: #fafafa;
  padding: 3% 0;
}

.assets .assets-03 .assets-03-down a {
  color: #666;
  font-size: 16px;
}

.assets .assets-03 .assets-03-down h3,
.assets .assets-03 .assets-03-down p {
  text-align: center;
}

.assets-02-span {
  margin-bottom: 5%;
}

.assets-03 {
  position: relative;
}

.assets_go {
  background: #ff0054;
  text-align: center;
  padding: 4% 0 2% 0;
  position: relative;
}

.assets-log {
  margin: 5% auto 7% auto;
  text-align: center;
  max-width: 1380px;
}

.assets-log h3 {
  font-family: "bignoodletitlingregular";
  margin-bottom: 10px;
  color: #fff;
  font-size: 48px;
}

.assets-log-p p {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 20px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.assets-02-frist-p {
  font-size: 20px;
}

.assets_go span {
  font-size: 6em;
  color: #fff;
  vertical-align: middle;
  position: relative;
  padding-top: 0.2em;
}

.assets-log-go-vmall {
  border-bottom: 1px solid #00b5e2;
}

.assets-log-go-vmall a {
  text-align: center;
  display: inline-block;
}

.assets-log-go-vmall p {
  font-size: 14px;
}

.assets-log-go {
  background: #fff;
}

.assets-log-go-img {
  text-align: center;
}

.assets-log-go-img a {
  display: inline-block;
  border-right: 1px solid #ccc;
  padding-left: 2px;
  max-width: 90px;
  margin: 10px 0;
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .assets_go span {
    font-size: 4em;
  }
  .assets-log-go-img a img {
    max-width: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .assets_go span {
    font-size: 3em;
  }
}

@media only screen and (max-width: 767px) {
  .section3-text {
    padding-top: 10%;
    padding-bottom: 5%;
  }
  .assets-02-span img {
    display: inline-block;
    max-width: 150px;
    min-height: 0 !important;
  }
  .assets-02-frist-p {
    font-size: 18px;
  }
  .assets-log-p p {
    font-size: 18px;
  }
  .assets .assets-02 .assets-log h3 {
    text-align: center;
    margin: 2% 0;
  }
  .assets-log h3 {
    font-size: 24px;
  }
  .assets .assets-02 .assets-log-go-vmall p {
    font-size: 14px;
    text-align: center;
  }
  .assets .assets-02 .item-c-new .assets-log-p p {
    color: #fff !important;
    text-align: center;
  }
  .assets_go span {
    font-size: 1.5em;
  }
  .assets-02 .assets-log-go-img img {
    min-height: 0 !important;
  }
  .assets-02 .assets-log-go-vmall img {
    min-height: 0 !important;
  }
  .assets-log-go-img a {
    border-right: none;
  }
}

/*assets end*/

/*india-landing-page start*/

.india-landing-page {}

.landing-page-02 {
  background: #00b5e2;
  padding-bottom: 5%;
}

.landing-page-logo {
  position: absolute;
  top: 70px;
  left: 5%;
}

.landing-page-01-visit-home {
  position: absolute;
  top: 70px;
  right: 2%;
  display: block;
  width: 100%;
}

.landing-page-01-visit-home a {
  color: #fff;
  font-size: 18px;
  position: absolute;
  right: 2%;
  top: 2%;
}

.landing-page-02-icon img {
  margin: auto;
  vertical-align: middle;
}

.india-landing-index {
  display: inline-block;
  text-align: center;
  margin: auto;
  width: 100%;
}

.india-landing-index a {
  text-align: center;
  margin: auto;
  display: inline-block;
}

.landing-page-02-icon {
  margin-top: 50%;
  vertical-align: middle;
}

.landing-page-foot {
  background: #1d90c6;
  width: 100%;
  height: 100px;
  text-align: center;
}

.landing-page-foot span {
  color: #d8d9dd;
  font-size: 16px;
  top: 50%;
  position: relative;
}

.landing-page-foot .landing-page-foot-img {
  position: relative;
  top: 35%;
}

@media only screen and (max-width: 767px) {
  .landing-page-01-visit-home {
    top: 10px;
    right: 2%;
  }
  .landing-page-logo {
    position: absolute;
    top: 10px;
    left: 2%;
  }
  .landing-page-01-visit-home a {
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 2%;
    top: 10px;
  }
  .landing-page-logo img {
    max-width: 120px;
  }
  .landing-page-02-icon {
    display: none;
  }
  .landing-page-foot {
    background: #1d90c6;
    width: 100%;
    height: 50px;
    text-align: center;
  }
  .landing-page-foot span {
    color: #d8d9dd;
    font-size: 12px;
    top: 15%;
    position: relative;
  }
}

/*india-landing-page end*/

/* 408 bof */

#main {
  position: relative;
  width: 100%;
}

.carnival-banner {
  height: 650px;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/banner_bg.jpg) no-repeat center bottom;
}

.map-section {
  height: 717px;
  position: relative;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/map_bg.jpg) no-repeat center center;
}

.map-line {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  height: 717px;
  position: relative;
}

.map-linebg {
  width: 1100px;
  height: 717px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -550px;
  z-index: 2
}

.map-linebg.active {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/map_line.png) no-repeat center center;
  animation: runline 1s linear infinite;
  -o-animation: runline 1s linear infinite;
  -ms-animation: runline 1s linear infinite;
  -moz-animation: runline 1s linear infinite;
  -webkit-animation: runline 1s linear infinite;
}

@keyframes runline {
  0% {
    transform: scale(0.99);
  }
  25% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.99);
  }
  75% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.99);
  }
}

@-o-keyframes runline {
  0% {
    -o-transform: scale(0.98);
  }
  25% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(0.98);
  }
  75% {
    -o-transform: scale(1);
  }
  100% {
    -o-transform: scale(0.98);
  }
}

@-ms-keyframes runline {
  0% {
    -ms-transform: scale(0.98);
  }
  25% {
    -ms-transform: scale(1);
  }
  50% {
    -ms-transform: scale(0.98);
  }
  75% {
    -ms-transform: scale(1);
  }
  100% {
    -ms-transform: scale(0.98);
  }
}

@-moz-keyframes runline {
  0% {
    -moz-transform: scale(0.98);
  }
  25% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(0.98);
  }
  75% {
    -moz-transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.98);
  }
}

@-webkit-keyframes runline {
  0% {
    -webkit-transform: scale(0.98);
  }
  25% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.98);
  }
  75% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.98);
  }
}

.map-item {
  position: absolute;
  display: none;
  z-index: 33;
}

.map-item-txt {
  position: relative;
  color: #fff;
}

.map-item-txt p {
  margin-bottom: 0;
  text-align: center;
  color: #fdd000;
  font-weight: bold;
  line-height: 1.1;
}

/* all map 17 bof */

.map-a {
  top: 41%;
  right: 21px;
}

.map-b {
  right: 69px;
  top: 68%;
}

.map-c {
  right: 13%;
  top: 59%;
}

.map-d {
  right: 29%;
  top: 47%;
}

.map-e {
  right: 38%;
  top: 57%;
}

.map-f {
  left: 46%;
  top: 50%;
}

.map-g {
  right: 35%;
  top: 47%;
}

.map-h {
  right: 40%;
  top: 44%;
}

.map-i {
  left: 50%;
  top: 34%;
}

.map-j {
  left: 42%;
  top: 53%;
}

.map-k {
  left: 37%;
  top: 39%;
}

.map-l {
  left: 47%;
  top: 38%;
}

.map-m {
  left: 45%;
  top: 42%;
}

.map-n {
  left: 34%;
  top: 31%;
}

.map-o {
  left: 13%;
  top: 35%;
}

.map-p {
  left: 44%;
  top: 17%;
}

.map-q {
  right: 24%;
  top: 16%;
}

/* all map 17 eof */

.point-icon {
  width: 13px;
  height: 13px;
  position: absolute;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/map_point.png) no-repeat center center;
}

.map-a .point-icon,
.map-b .point-icon,
.map-c .point-icon,
.map-d .point-icon {
  left: 0;
  bottom: 14px;
}

.map-d .point-icon {
  bottom: 13px;
}

.map-e .point-icon {
  bottom: 26px;
  right: -2px;
}

.map-f .point-icon {
  bottom: 30px;
  right: -3px;
}

.map-g .point-icon {
  left: -2px;
  bottom: 3px;
}

.map-i .point-icon {
  left: -2px;
  bottom: 13px;
}

.map-j .point-icon,
.map-l .point-icon,
.map-p .point-icon {
  position: static;
  margin-left: auto;
  margin-right: auto;
  margin-top: -2px;
}

.map-m .point-icon {
  position: static;
  margin-top: -2px;
}

.map-k .point-icon {
  right: 0;
  bottom: 33px;
}

.map-n .point-icon {
  right: 0;
  bottom: 39px;
}

.map-o .point-icon {
  left: 7px;
  bottom: 13px;
}

.map-q .point-icon {
  left: -1px;
  bottom: 15px;
}

.map-p .point-icon {
  margin-top: 0;
}

.map-k p {
  position: absolute;
  left: 0;
  bottom: 11%;
}

.map-pic {
  margin-left: 20px;
}

.map-e .map-pic,
.map-f .map-pic {
  margin-left: 0;
  margin-right: 20px;
}

.map-j .map-pic,
.map-l .map-pic,
.map-m .map-pic,
.map-p .map-pic {
  margin-left: 0;
}

.map-k .map-pic {
  margin-left: 40px;
}

/* select bof */

.card-box {
  position: absolute;
  width: 60%;
  bottom: 40px;
  left: 50%;
  margin-left: -30%;
}

.card-drop {
  max-width: 280px;
  position: relative;
  margin: 0 auto;
  -moz-perspective: 800px;
  -webkit-perspective: 800px;
  perspective: 800px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  z-index: 99;
}

.card-drop a {
  display: block;
  width: 100%;
  line-height: 100%;
  padding: 10px 0 10px 20px;
  height: 40px;
  text-decoration: none;
  color: #fff;
  background-color: #01b4e1;
  border-bottom: 1px solid #23527c;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.card-drop a i {
  display: inline-block;
  width: 20px;
}

.card-drop>a.togglecard {
  position: relative;
  z-index: 300;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -moz-transition: 0.1s linear;
  -o-transition: 0.1s linear;
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
  background-color: #01b4e1;
  text-align: left;
}

.card-drop>a.togglecard:active {
  -moz-transform: rotateX(60deg);
  -webkit-transform: rotateX(60deg);
  transform: rotateX(60deg);
}

.card-drop>a.togglecard.active:before {
  content: "\f0d8";
}

.card-drop>a.togglecard:before {
  font-family: 'FontAwesome';
  content: '\f0d7';
  font-size: 1.3em;
  color: #fff;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  position: absolute;
  right: 0;
  top: 0;
  height: 39px;
  line-height: 40px;
  width: 60px;
  text-align: center;
  display: block;
  border-left: 1px solid #0d79ac;
}

.card-drop ul {
  position: absolute;
  height: 100%;
  top: 0;
  display: block;
  width: 100%;
}

.card-drop ul li {
  margin: 0 auto;
  -moz-transition: all, 0.3s ease-out;
  -o-transition: all, 0.3s ease-out;
  -webkit-transition: all, 0.3s ease-out;
  transition: all, 0.3s ease-out;
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
}

.card-drop ul li a:hover {
  background-color: #0d79ac;
  color: #fff;
}

.card-drop ul li.active a {
  color: #fff;
  background-color: #0d79ac;
  cursor: default;
}

span.label-active {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 120px;
  font-size: 14px;
  line-height: 1.4;
}

#contact-box {
  margin-top: 20px;
}

.card-drop ul li.closed a:hover {
  cursor: default;
  background-color: #5f8181;
}

.card-drop>a {
  border: 1px solid #23527c;
}

.card-drop ul {
  margin-top: 20px;
  text-align: left;
}

.card-drop ul a {
  padding: 5px;
  height: 20px;
  font-size: 12px;
}

.card-drop ul li a {
  background: #f9f9f9;
  border: none;
  color: #000;
}

.contact-show-text {
  color: #fff;
  text-align: center;
}

.contact-show-text {
  display: none;
  margin-bottom: 10px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.contact-show-text.active {
  display: block;
}

.contact-show-text p {
  margin-bottom: 5px;
  font-size: 16px;
}

.contact-show-text h2 {
  font-family: "bignoodletitlingregular";
  margin-bottom: 10px;
}

/* select eof */

/* end bof*/

.carnival-sectionend {
  height: 723px;
  padding-top: 3%;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/baskitball_bg.jpg) no-repeat center center;
}

.carnival-sectionend a {
  display: block;
}

.carnival-banner img,
.map-section>img {
  display: none;
}

.pcpic {
  display: block;
}

.mobilepic {
  display: none;
}

/* end eof */

@media (max-width:1100px) {
  /* 408 bof */
  .carnival-banner,
  .map-section {
    height: auto;
    width: 100%;
    background: none;
    background-color: #f9f9f9;
  }
  .map-line {
    display: none;
  }
  .pcpic {
    display: none;
  }
  .mobilepic {
    display: block;
  }
  .carnival-banner img,
  .map-section>img {
    display: block;
  }
  .card-box {
    position: relative;
    bottom: 0;
    width: 100%;
    margin-left: 0;
    left: 0;
    margin-top: -40px;
  }
  .carnival-sectionend {
    height: auto;
    padding: 5%;
  }
  .card-drop {
    max-width: 240px;
  }
  /* 408 eof */
}

/* 408 eof */

/*honor7-enhanced start*/

.bg-honor7-banner-new .banner-btnstyle-glod {
  margin: auto !important;
}

.bg-honor7-banner-new {
  width: 100%;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/hono7_banner_bg_new.jpg") no-repeat center top;
}

.honor7-enhanced p {
  font-size: 18px;
  line-height: 175%;
}

.honor7-enhanced-banner {
  background: #e0e0e0;
  padding: 5% 0;
}

.honor7-enhanced .table1-span {
  color: #c0a16b;
}

.honor7-enhanced label {
  font-size: 16px;
  font-weight: normal !important;
}

.honor7-enhanced .bgbox-s8 {
  margin-top: 5%;
}

.honor7-enhanced-icon {
  margin: 2% 0;
}

.honor7-enhanced-icon>div {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5%;
  font-family: "Open Sans", "Century Gothic";
}

.honor7-btn-en {
  margin-top: 5%;
}

@media only screen and (min-width: 768px) and (max-width: 1365px) {
  .honor7-enhanced-icon img {
    max-width: 80px;
  }
  .honor7-enhanced p {
    font-size: 16px;
    line-height: 140%;
  }
  .bg-honor7-banner-new {
    padding: 10% 0;
  }
}

@media only screen and (max-width: 767px) {
  .honor7-enhanced p {
    font-size: 16px;
    line-height: 140%;
  }
  .honor7-enhanced-icon img {
    max-width: 80px;
  }
  .honor7-enhanced-icon>div {
    font-size: 12px;
  }
  .honor7-enhanced .bannerfont {
    margin-bottom: 0;
  }
}

/*honor7-enhanced end*/

/*eventpage-copies-5x start*/

.eventpage-copies-5x {
  margin-top: 0;
}

.eventpage-copies-5x .eventpage-copies-5x-02 h3 {
  padding: 0;
}

.eventpage-copies-5x-02-row {
  margin-top: 5%;
}

.eventpage-copies-5x .eventpage-copies-5x-02 {
  background: #3eb3e8 !important;
}

.eventpage-copies-5x .eventpage-copies-5x-02 .eventpage-copies-5x-02-row h5 {
  font-size: 10em;
  padding-top: 0.2em;
}

.eventpage-copies-5x .golden-ticket-04 {
  background: #fff;
}

.eventpage-copies-5x .golden-ticket-04 .golden-ticket-03-txt {
  text-align: center;
  margin: 5%;
}

.eventpage-copies-5x .golden-ticket-01 .blank-fonts h3 {
  position: absolute;
  text-align: center;
  top: 45%;
  width: 100%;
  color: #fff !important;
  font-size: 5em;
}

.eventpage-copies-5x .honor-run-05 h3 {
  font-family: "bignoodletitlingregular";
  font-size: 4em;
}

.eventpage-copies-5x .honor-run-05 {
  background: #3eb3e8 !important;
}

@media only screen and (max-width: 767px) {
  .eventpage-copies-5x .golden-ticket-04 .golden-ticket-03-txt h3 {
    text-align: center;
    font-size: 3em;
  }
  .eventpage-copies-5x-02 .honor-run-02-txt h3 {
    font-size: 3em !important;
  }
  .eventpage-copies-5x-03-mb {
    background: #3eb3e8 !important;
  }
  .eventpage-copies-5x .golden-ticket-01 .blank-fonts h3 {
    position: absolute;
    text-align: center;
    top: 45%;
    color: #fff !important;
    font-size: 4em;
    left: 0;
  }
  .eventpage-copies-5x .product-sliders img {
    min-height: 0 !important;
  }
}

/*eventpage-copies-5x end*/

/* eventpage-xletix bof */

/* 2016-05-05 // */

.bggrey.honor6 {
  padding: 5% 10px;
}

.bggrey.honor6 img {
  margin-bottom: 10px;
}

.bggrey.honor6 h3 {
  margin-bottom: 10px;
}

/* 2016-05-05 \\ */

/* eventpage-xletix eof */

/*honor-hff start*/

.honor-hff .honor-en,
.honor-hff .txt {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-hff .honor-en {
  margin-top: 0;
}

.honor-hff .honor-hff-01 {
  text-align: center;
  background: #fafafa;
}

.honor-hff .honor-hff-01-log {
  margin: 8% 0;
}

.honor-hff .honor-hff-01-log img {
  margin: auto;
}

.honor-hff .honor-hff-04 {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/hff_010.jpg");
  background-position: center;
  background-size: 100% 100%;
  height: 800px;
}

.honor-hff .honor-hff-02 {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/hff_09.jpg");
  background-position: center;
  background-size: 100% 100%;
  height: 550px;
}

.honor-hff .honor-hff-02 .txt {
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 18px;
  line-height: 175%;
  vertical-align: middle;
  margin-top: 8%;
}

.honor-hff .honor-hff-03 {
  background: #fafafa;
}

.honor-hff .honor-hff-03 .txt {
  text-align: center;
}

.honor-hff .honor-hff-03-row {
  padding: 0 10%;
}

.honor-hff .hff-play-video-btn {
  background: #00b2e6;
  color: #fff;
  text-align: center;
  line-height: 45px;
  cursor: pointer;
  display: block;
  height: 45px;
}

.honor-hff .honor-hff-03-pading .txt {
  margin: 3% 0;
}

.honor-hff .honor-hff-03 .txt h3 {
  font-size: 48px;
  padding-bottom: 10px;
  color: #333;
}

.honor-hff .honor-hff-03-p-height {
  padding: 20px 0;
}

.honor-hff .honor-hff-03-pading {
  margin: 5% 0;
}

.honor-hff .honor-hff-03-p h4,
.honor-hff-03-p span {
  text-align: center;
  display: block;
  line-height: 155%;
}

.honor-hff .honor-hff-03-p p {
  line-height: 175%;
}

.honor-hff .honor-hff-04 .txt {
  margin-top: 8%;
  text-align: center;
  color: #fff;
  width: 100%;
  font-size: 18px;
  line-height: 175%;
}

.honor-hff .hff-play-video-btn-white {
  background: #fff;
  width: 200px;
  height: 45px;
  color: #0a9ce8;
  display: block;
  cursor: pointer;
  margin: auto;
}

.honor-hff a.hff-play-video-btn-white {
  font-size: 14px;
  text-decoration: none;
  line-height: 45px;
  margin-top: 60px;
}

.honor-hff .honor-hff-05-border-right {
  border-right: 1px solid #ccc;
}

.honor-hff .honor-hff-05 {
  padding: 10% 0 5% 0 !important;
}

.honor-hff .honor-hff-05 .txt h3 {
  font-size: 36px;
  margin-bottom: 5%;
  color: #333;
}

.honor-hff .honor-hff-05 .txt {
  text-align: center;
  padding: 0 5%;
}

.honor-hff .honor-hff-05-btn {
  background: #11b4e6;
  width: 200px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}

.honor-hff .honor-hff-05-btn-width {
  text-align: center;
  margin-top: 5%;
}

.honor-hff .honor-hff-06 {
  background: #f0f0f0;
  padding: 5% 0 !important;
}

.honor-hff .honor-hff-06 .txt h3 {
  font-size: 48px;
  margin-bottom: 5%;
  color: #333;
}

.honor-hff .honor-hff-06-pic {
  padding: 25% 10% 10% 10%;
}

.honor-hff .honor-hff-06 .txt h4 {
  font-size: 24px;
  color: #333;
}

.honor-hff .honor-hff-06 .txt p {
  line-height: 155%;
}

.honor-hff .honor-hff-06-02 {
  text-align: center;
  border-top: 1px solid #ccc;
  margin-top: 10%;
  padding-top: 10%;
}

.honor-hff .honor-hff-06-02 h3 {
  font-size: 48px;
  color: #333;
  margin-bottom: 2%
}

.honor-hff .honor-hff-06-02-head p {
  font-size: 18px;
  line-height: 155%;
}

.honor-hff .honor-hff-06-02-head {
  margin-bottom: 5%;
}

.honor-hff .honor-hff-06-people {
  text-align: center;
  padding: 5%;
}

.honor-hff .honor-hff-06-people-p {
  margin: 10% 0;
}

.honor-hff-06-people-p p {
  line-height: 155%;
}

.honor-hff .honor-hff-06-people-p h4 {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

.honor-hff .honor-hff-06-people-p-bt {
  text-align: left;
  line-height: 155%;
}

.honor-hff-06-people p {
  word-break: break-word;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .honor-hff .honor-hff-01-log {
    margin: 18% 0 10% 0;
  }
  .honor-hff .honor-hff-01-log img {
    max-width: 400px;
  }
  .honor-hff .honor-hff-02 {
    height: 400px;
  }
  .honor-hff .honor-hff-03 .txt h3 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .honor-hff .honor-hff-01-log {
    margin: 13% 0;
  }
  .honor-hff .honor-hff-01-log img {
    max-width: 300px;
  }
  .honor-hff .product-sliders img {
    min-height: 0 !important;
  }
  .honor-hff .honor-hff-02 .item-c-new p {
    color: #fff !important;
    text-align: center;
    line-height: 155%;
    font-size: 16px;
  }
  .honor-hff .honor-en .item-c-new h3 {
    text-align: center;
  }
  .honor-hff .honor-hff-05 .item-c-new p {
    text-align: center;
  }
  .honor-hff .honor-hff-02 {
    background-image: url("https://www.honor.com/content/dam/honor/common/products/img/hff_09_mb.jpg");
    height: 450px;
  }
  .honor-hff .honor-hff-03 .txt h3 {
    font-size: 28px;
    padding-bottom: 10px;
    text-align: center;
    color: #333;
  }
  .honor-hff .honor-hff-03 .txt p {
    text-align: center;
  }
  .honor-hff .honor-hff-03-row {
    padding: 0;
    margin-top: 10%;
  }
  .honor-hff .honor-hff-03-p h4,
  .honor-hff-03-p span {
    font-size: 18px;
  }
  .honor-hff .honor-hff-04 {
    height: 600px;
  }
  .honor-hff .honor-hff-04 .txt h3 {
    color: #fff !important;
    text-align: center;
  }
  .honor-hff .honor-hff-04 .txt p {
    color: #fff !important;
    text-align: center;
  }
  .honor-hff .honor-hff-05 .txt {
    margin-bottom: 15%;
  }
  .honor-hff .honor-hff-06 .txt h4 {
    text-align: center;
  }
  .honor-hff .honor-hff-06-02 .item-c-new h3 {}
  .honor-hff .honor-hff-06-people {
    text-align: center;
    padding: 5% 0;
  }
  .honor-hff .honor-hff-06-people-p h4 {
    text-align: center;
  }
  .honor-hff .honor-hff-06-pic {
    padding: 10% 0;
  }
  .honor-hff .honor-hff-06 {
    padding: 15% 0 !important;
  }
  .honor-hff .honor-hff-04 .txt {
    font-size: 16px;
    line-height: 125%;
  }
  .honor-hff .honor-en,
  .honor-hff .txt {
    padding: 0 5px;
  }
}

/*honor-hff end*/

/*honor-accessories-assets start*/

.honor-accessories-assets {}

.honor-accessories-assets .honor-accessories-01-txt {
  position: absolute;
  text-align: center;
  margin-left: 20%;
}

.honor-accessories-assets .honor-accessories-01-txt h3 {
  font-size: 60px;
}

.honor-accessories-assets .honor-accessories-01-txt p {
  font-size: 18px;
}

.honor-accessories-assets .honor-accessories-01 {}

.honor-accessories-assets .honor-accessories-02 {
  background: #edebed;
  margin: 0;
}

.honor-accessories-assets .honor-accessories-02 .product-sliders {
  padding: 5% 0;
}

.page-product-simpler .slider-section.honor-accessories-assets-bx-center .bx-wrapper .bx-controls {
  z-index: 51;
  position: absolute;
  display: block;
  right: 0;
  bottom: 3%;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .honor-accessories-assets .honor-accessories-01-txt p {
    font-size: 14px;
  }
  .honor-accessories-assets .honor-accessories-assets-bx-center p {
    line-height: 155%;
  }
  .honor-accessories-assets .honor-accessories-03 .blank-fonts {
    position: absolute;
    top: 8%;
    left: 10%;
  }
  .honor-accessories-assets .honor-accessories-03-txt p {
    line-height: 155%;
  }
}

@media only screen and (max-width: 767px) {
  .honor-accessories-assets .honor-accessories-01-txt {
    width: 90%;
    margin-left: 0;
  }
  .honor-accessories-assets .honor-accessories-01 .item-c-new .blank-fonts h3,
  .honor-accessories-assets .honor-accessories-02 .item-c-new .blank-fonts h3,
  .honor-accessories-assets .honor-accessories-03 .item-c-new .blank-fonts h3,
  .honor-accessories-assets .honor-accessories-04 .item-c-new .blank-fonts h3 {
    font-size: 48px;
  }
  .honor-accessories-assets .honor-accessories-02 {
    background: #fff;
    margin: 0;
  }
  .honor-accessories-assets .honor-accessories-04 .blank-fonts {
    text-align: center;
  }
  .honor-accessories-assets .honor-accessories-01-txt p {
    font-size: 16px;
  }
  .honor-accessories-assets-bx-center .product-slider-h6 {
    padding-bottom: 100px !important;
  }
  .honor-accessories-assets #product-slider-h6 .blank-fonts {
    margin-bottom: 50px;
    position: relative;
    background-color: #fff;
    z-index: 1000;
  }
  .honor-accessories-assets .honor-accessories-04 .blank-fonts h3,
  .honor-accessories-assets .honor-accessories-04 .blank-fonts p {
    text-align: center;
  }
  .honor-accessories-assets .honor-accessories-04 .banner-btnbox {
    text-align: center;
  }
}

/*honor-accessories-assets end*/

/*fise start*/

.fise .fise-map {
  position: absolute;
  bottom: 20%;
  text-align: center;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.fise .fise-map .fise-map-txt {
  color: #fff;
  margin: 3% 0;
}

.fise .fise-map .fise-map-txt h3 {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-weight: bold;
  font-size: 36px;
  font-style: italic;
  margin-bottom: 10px;
}

.fise .fise-map-color {
  color: #f9af05;
}

.fise .fise-map-txt h3.fise-map-txt-a {
  font-size: 24px;
}

.fise .fise-map-txt span {
  display: inline-block;
  margin-left: 20px;
}

.fise .fise-btn {
  position: absolute;
  bottom: 10%;
  width: 100%;
}

.fise .fise-map-btn {
  width: 250px;
  height: 45px;
  line-height: 45px;
  border-radius: 50px;
  background: #f9af05;
  text-align: center;
  margin: auto;
  border: 2px solid #fff;
}

.fise .fise-map-btn a {
  color: #fff;
  font-size: 18px;
  display: block;
  text-transform: uppercase;
}

.fise .fise-map-all {
  position: relative;
}

.fise .fise-map-0 {
  top: 23%;
  left: 25%;
  text-align: center;
}

.fise .fise-map-a {
  top: 33%;
  left: 25%;
  text-align: center;
}

.fise .fise-map-all-txt {
  position: absolute;
}

.fise .fise-map-all-txt span {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

.fise .fise-map-b {
  top: 32%;
  left: 49%;
  text-align: center;
}

.fise .fise-map-c {
  top: 25%;
  left: 55%;
  text-align: center;
}

.fise .fise-map-d {
  top: 45%;
  left: 61.8%;
  text-align: center;
}

.fise .fise-map-e {
  top: 36%;
  left: 67%;
  text-align: center;
}

.fise .fise-map-all-txt img {
  max-width: 90px;
}

.fise .honor-en {
  margin-top: 0;
}

.fise .fise-04 {
  background: #f3f2f3;
}

.fise-04-txt {
  padding: 5% 5px;
}

.fise-04-txt-p {
  margin: 2% 0;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.fise-04-txt-p h3 {
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 18px;
  line-height: 155%;
  text-align: center;
}

.fise-04-txt-p p {
  line-height: 155%;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}

.fise-04-txt h2 {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  font-size: 48px;
  color: #333;
}

.fise-04-country {
  margin-bottom: 10px;
}

.fise-04-country h3 {
  text-align: center;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

.fise-04-txt a {
  color: #333;
}

.fise-btn-group-mb {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 5%;
}

.fise-btn-group-mb .fise-map-btn {
  z-index: 99;
  position: relative;
}

.fise-04 .fise-04-video {
  position: relative;
}

.fise-04 .jsshop-01 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/play-button11.png") no-repeat center center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.fise-btn-group-mb .dropdown-menu {
  min-width: 248px;
  margin: -20px auto auto auto;
  z-index: 9;
  background: #e08a04;
  opacity: 0.8;
  border: 2px #fff solid;
  border-radius: 10px;
}

.fise-btn-group-mb .dropdown-menu>li>a {
  color: #fff;
  font-size: 16px;
}

.fise-btn-group-mb .dropdown-menu>li>a:hover {
  color: #333;
}

.fise-btn-group-mb .dropdown-menu li:first-child {
  padding-top: 20px;
}

.fise-btn-group-mb .open .fa-chevron-right {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.page-product-simpler .slider-section.honor-accessories-assets-bx-center .bx-wrapper .bx-controls {
  z-index: 51;
  position: absolute;
  display: block;
  right: 0;
  bottom: 50%;
  text-align: center;
  width: 100%;
}

.fise-04-txt>.hidden-xs>.row-new>.col-sm-4.col-xs-6 {
  padding: 0 8px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1364px) {
  .fise .fise-map .fise-map-txt h3 {
    font-size: 24px;
  }
  .fise .jsshop-01 img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .fise .fise-map {
    position: relative;
    background: #000;
    margin-top: -20px;
  }
  .fise .fise-map .fise-map-txt h3 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .fise .fise-btn {
    position: relative;
    bottom: 10%;
    background: #000;
  }
  .fise .slider-section.honor-accessories-assets-bx-center .bx-wrapper .bx-controls {
    z-index: 51;
    position: absolute;
    display: block;
    right: 0;
    bottom: 3%;
    text-align: center;
    width: 100%;
  }
  .fise .jsshop-01 img {
    width: 100%;
    max-width: 100%;
  }
  .fise .jsshop-01 {
    width: 100%;
    height: 100%;
  }
  .fise a.video-play-btn img {
    width: 100%;
  }
  .fise-04-txt h2 {
    text-align: center;
  }
  .fise-04-txt>.row-new {
    letter-spacing: -0.315em;
  }
  .fise-04-txt>.row-new>.col-sm-4.col-xs-6 {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
  }
}

/*fise end*/

/*honor-headset start*/

.honor-headset .honor-en {
  margin: 0;
}

.honor-headset ul {
  margin: 0;
}

.honor-headset .blank-fonts p,
.honor-headset .blank-fonts td {
  font-family: "open sans";
}

.honor-headset .honor-headset-01 .blank-fonts h3,
.honor-headset .honor-headset-05 .blank-fonts h3 {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 60px;
  color: #666;
}

.honor-headset .honor-headset-01 .blank-fonts p {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 24px;
  color: #666;
  line-height: 125%;
}

.honor-headset .honor-headset-01 .blank-fonts {
  top: 31%;
  position: absolute;
  right: 10%;
  width: 34%;
}

.honor-headset .honor-headset-02 .blank-fonts {
  background: #000;
  position: relative;
  padding: 0 0 5% 10%;
}

.honor-headset .honor-headset-02 .blank-fonts h3,
.honor-headset .honor-headset-02 .blank-fonts p {
  color: #fff !important;
  width: 80%;
}

.honor-headset .honor-headset-03 .blank-fonts {
  position: absolute;
  top: 18%;
  right: 8%;
  width: 50%;
}

.honor-headset .honor-headset-04 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/headset_4.jpg")no-repeat center center;
  height: 100%;
  min-height: 500px;
}

.honor-headset .honor-headset-04 .blank-fonts {
  text-align: center;
  padding: 10% 0;
}

.honor-headset .honor-headset-04 .blank-fonts .container {
  padding: 5%;
}

.honor-headset .honor-headset-04 .blank-fonts .container td {
  color: #fff;
  border: #fff 1px solid;
}

.honor-headset .honor-headset-04 .blank-fonts .container .container-td td {
  color: #0071bc;
}

.honor-headset .honor-headset-04 .blank-fonts h3,
.honor-headset .honor-headset-04 .blank-fonts p {
  color: #fff !important;
}

.honor-headset .honor-headset-05 .blank-fonts {
  position: absolute;
  top: 30%;
  left: 10%;
}

.honor-headset .honor-headset-05 .blank-fonts h3 {
  color: #fff !important;
}

.honor-headset .blank-fonts td {
  text-align: center;
  vertical-align: middle;
}

.honor-headset .honor-headset-06 .blank-fonts p {
  color: #fff !important;
  padding: 0 10%;
  text-align: center;
}

.honor-headset .honor-headset-06 .blank-fonts {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/honor-headset-06-bg.png");
  padding-bottom: 2%;
}

.honor-headset .honor-headset-07 .blank-fonts {
  position: absolute;
  top: 20%;
  left: 10%;
  color: #333;
}

.honor-headset .honor-headset-09 .blank-fonts {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/honor-headset-06-bg.png");
  padding-bottom: 2%;
}

.honor-headset .honor-headset-09 .blank-fonts p {
  color: #fff !important;
  text-align: center;
  padding: 2% 10%;
}

.honor-headset .honor-headset-10 .blank-fonts {
  position: absolute;
  bottom: 20%;
  left: 10%;
  width: 80%;
}

.honor-headset .honor-headset-11 .blank-fonts {
  background: #000;
  width: 100%;
  height: 80px;
  opacity: 0.6;
  position: absolute;
  bottom: 0;
}

.honor-headset .honor-headset-11 .item-c-new h3 {
  color: #fff !important;
  padding-left: 10%;
  position: absolute;
  bottom: 0;
  line-height: 80px;
  font-size: 36px;
}

.honor-headset .honor-headset-12 {
  background: #e5e5e5;
}

.honor-headset .honor-headset-12 .blank-fonts {
  margin: 13% 0;
}

.honor-headset .honor-headset-12 .blank-fonts li {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 175%;
  text-align: left;
  list-style-type: disc;
}

.honor-headset .honor-headset-12 .blank-fonts h4 {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 175%;
  font-size: 20px;
}

.honor-headset .honor-headset-12 .headset-12-ul {
  margin: 2% 0;
  padding-left: 20px;
}

.honor-headset .honor-headset-12 .headset-12-h4 {
  margin: 5% 0 2% 0;
}

.honor-headset .honor-headset-12 .blank-fonts td {
  width: 50%;
  padding: 2%;
}

.honor-headset .honor-headset-12 .blank-fonts td:first-child {
  border-right: 1px #fff solid;
}

.honor-headset .honor-headset-12 .blank-fonts .table tr:nth-child(odd) {
  background: #afafaf;
}

.honor-headset .honor-headset-12 .blank-fonts .table tr:nth-child(even) {
  background: #d8d8d8;
}

@media (max-width: 1439px) and (min-width: 1025px) {
  .honor-headset .honor-headset-01 .blank-fonts h3,
  .honor-headset .honor-headset-05 .blank-fonts h3 {
    font-size: 48px;
    color: #000;
  }
  .honor-headset .honor-headset-01 .blank-fonts p {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 16px;
    color: #666;
    line-height: 125%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .honor-headset .honor-headset-03 .blank-fonts {
    top: 1%;
  }
  .honor-headset .honor-headset-01 .blank-fonts h3,
  .honor-headset .honor-headset-05 .blank-fonts h3 {
    font-size: 28px;
    color: #000;
  }
  .honor-headset .honor-headset-01 .blank-fonts p {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 16px;
    color: #666;
    line-height: 125%;
  }
}

@media only screen and (max-width: 767px) {
  .honor-headset .honor-headset-01 .blank-fonts h3,
  .honor-headset .honor-headset-05 .blank-fonts h3 {
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    color: #000;
  }
  .honor-headset .honor-headset-01 .blank-fonts p {
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 16px;
    color: #666;
    line-height: 125%;
  }
  .honor-headset .honor-headset-03 .blank-fonts {
    top: 1%;
    position: relative;
    right: 0;
    width: 100%;
  }
  .honor-headset .honor-headset-01 .blank-fonts {
    top: 0;
    position: relative;
    right: 0;
    width: 100%;
  }
  .honor-headset .honor-headset-02 .blank-fonts {
    padding: 15px;
  }
  .honor-headset .honor-headset-06 .blank-fonts p {
    padding: 0 15px;
  }
  .honor-headset .honor-headset-09 .blank-fonts p {
    padding: 0 15px;
  }
  .honor-headset .honor-headset-07 .blank-fonts {
    position: relative;
    top: 0;
    left: 0;
  }
  .honor-headset .honor-headset-11 .item-c-new h3 {
    line-height: 50px;
    font-size: 24px;
  }
  .honor-headset .honor-headset-11 .blank-fonts {
    height: 50px;
  }
  .honor-headset .honor-headset-10 .blank-fonts {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .honor-headset .blank-fonts {
    padding-top: 2%;
  }
  .honor-headset .honor-headset-04 .blank-fonts {
    padding: 10% 15px;
  }
  .honor-headset .honor-headset-04 .blank-fonts .container {
    padding: 0;
  }
}

/*honor-headset end*/

/*honor-selfie-stick start*/

.honor-selfie-stick .honor-en {
  margin: 0;
}

.honor-selfie-stick .blank-fonts {
  position: absolute;
}

.honor-selfie-stick .selfie-stick-01 .blank-fonts {
  bottom: 30%;
  left: 20%;
}

.honor-selfie-stick .selfie-stick-01 .blank-fonts h3 {
  color: #fff !important;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-selfie-stick .selfie-stick-02 .blank-fonts {
  top: 30%;
  left: 40%;
}

.honor-selfie-stick .selfie-stick-03 .blank-fonts {
  bottom: 8%;
  left: 10%;
}

.honor-selfie-stick .selfie-stick-04 .blank-fonts {
  bottom: 24%;
  left: 10%;
  width: 30%;
}

.honor-selfie-stick .selfie-stick-04-1 .blank-fonts {
  top: 15%;
  left: 10%;
}

.honor-selfie-stick .selfie-stick-05 .blank-fonts {
  right: 10%;
  bottom: 15%;
  width: 30%;
}

.honor-selfie-stick .selfie-stick-06 .blank-fonts {
  left: 10%;
  top: 25%;
  width: 50%;
}

.honor-selfie-stick .selfie-stick-07 .blank-fonts {
  text-align: center;
  top: 10%;
  width: 100%;
}

.honor-selfie-stick ul {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .honor-selfie-stick .blank-fonts {
    position: relative;
    padding: 5px;
  }
  .honor-selfie-stick .selfie-stick-01 .blank-fonts {
    position: absolute;
    left: 10%;
    bottom: 10%;
  }
  .honor-selfie-stick .selfie-stick-01 .blank-fonts h3 {
    color: #fff !important;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  .honor-selfie-stick .selfie-stick-02 .blank-fonts {
    top: 0;
    left: 0;
  }
  .honor-selfie-stick .selfie-stick-03 .blank-fonts {
    bottom: 0;
    left: 0;
  }
  .honor-selfie-stick .selfie-stick-04 .blank-fonts {
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .honor-selfie-stick .selfie-stick-04-1 .blank-fonts {
    top: 0;
    left: 0;
  }
  .honor-selfie-stick .selfie-stick-05 .blank-fonts {
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .honor-selfie-stick .selfie-stick-06 .blank-fonts {
    left: 0;
    top: 0;
    width: 100%;
  }
  .honor-selfie-stick .selfie-stick-07 .blank-fonts {
    text-align: center;
    top: 0;
    width: 100%;
  }
}

/*honor-selfie-stick end*/

/*index-new 20160524 start*/

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/

.swiper-container {
  /* Specify Swiper's Size: */
  /*width:200px;
    height: 100px;*/
}

.swiper-slide {
  /* Specify Slides's Size: */
  /*width: 100%;
    height: 100%;*/
}

.swiper-slide-active {
  /* Specific active slide styling: */
}

.swiper-slide-visible {
  /* Specific visible slide styling: */
}

/* ===============================================================
Pagination Styles
================================================================*/

.swiper-pagination-switch {
  /* Stylize pagination button: */
}

.swiper-active-switch {
  /* Specific active button style: */
}

.swiper-visible-switch {
  /* Specific visible button style: */
}

.index-slide {
  position: relative;
}

.index-slide .arrow-left {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: -15px;
  width: 5%;
  height: 100%;
  z-index: 99;
}

.index-slide .arrow-right {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -15px;
  width: 5%;
  height: 100%;
  z-index: 91;
}

.index-new .swiper-container {
  height: 800px;
  width: 100%;
}

.index-new .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  width: 10px;
  height: 10px;
  background: #ccc;
  text-indent: -9999px;
  display: block;
  border-radius: 50%;
}

.index-new .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .index-new .bx-wrapper .bx-controls {
    width: auto;
    position: absolute;
    display: block;
    left: inherit;
    right: inherit;
    text-align: center;
    bottom: 5%;
    width: 100%;
    margin: auto;
  }
}

.index-new .swiper-slide {
  height: 100%;
}

.index-new .pagination {
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 10px;
  width: 100%;
  text-align: center;
}

.index-new .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}

.index-new .swiper-visible-switch {
  background: #aaa;
}

.index-new .swiper-active-switch {
  background: #fff;
}

.index-new .hot-topic-show {
  padding-right: 5px;
}

.index-new {
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.index-new p {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  line-height: 155%;
}

.index-new .index-new_slider {
  width: 100%;
  max-height: 1000px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.index-new .video-content-color {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: #000;
  opacity: 0;
  filter: alpha(opacity=0);
}

.index-new .index-new-video .video-content:hover .video-content-color {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.index-new .index-new_slider .bd {
  width: 90%;
  position: absolute;
  left: 50%;
  margin-left: -45%;
}

.index-new .index-new_slider .bd li img {
  display: block;
  width: 100%;
}

.index-new .index-new_slider .tempWrap {
  overflow: visible !important
}

.index-new .index-new_slider .hd {
  position: absolute;
  width: 100%;
  left: 0;
}

.index-new .index-new_slider .hd li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  overflow: hidden;
  cursor: pointer;
}

.index-new .index-new_slider .pnBtn {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 126px;
  height: 100%;
  cursor: pointer;
}

.index-new .index-new_slider .prev {
  z-index: 97;
  left: 0;
}

.index-new_slider .next {
  z-index: 97;
  right: 0;
}

.index-new .banner-mask {
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  bottom: -2px;
  z-index: 98;
}

.index-new .index-new-02 .hot-topic {
  text-align: center;
  padding: 5% 0;
}

.index-new-02 {
  margin: 80px 0 0 0;
  text-align: center;
}

.index-new .product-btn {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/home_btn.png") no-repeat;
  height: 57px;
  width: 176px;
  display: inline-block;
  text-align: center;
}

.index-new .product-btn span {
  color: #fff;
  font-size: 14px;
  line-height: 50px;
}

.index-new .index-new-02.hot-topic-show {
  padding: 5px;
}

.index-new .hot-topic-show .product-title p {
  color: #9d9d9d;
}

.index-new .index-new-02 .product-title {
  padding: 20px 0 50px 0;
}

.index-new .index-new-02 .product-title .title-new {
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  padding: 0 20px;
}

.index-new .product-show .show-title .topic-p {
  font-size: 28px;
  color: #333;
}

.index-new .show-title p.price-show {
  font-size: 14px;
}

.index-new .product-show .col-sm-6 {
  padding-right: 10px;
  padding-bottom: 5px;
}

.index-new .hot-topic-show .product-title .price-color {
  color: #00b7e1 !important;
  padding-right: 10px;
}

.index-new .index-new-product {
  background: #f4f4f4;
  text-align: center;
  padding: 80px 0 50px 0;
}

.index-new .show-topic {
  background: #fff;
}

.index-new .hot-topic h3 {
  font-size: 48px;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  color: #333;
}

.index-new .product-title h3 {
  padding-bottom: 10px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  color: #333;
}

.index-new .hot-topic p {
  font-size: 18px;
  width: 50%;
  margin: 0 auto;
}

.index-new .big-pictbox {
  display: table;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .index-new .big-pictbox {
    height: 201px;
    overflow: hidden;
  }
}

.index-new .show-03 {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

.index-new .big-photobox {
  position: relative;
}

.index-new .show-topic .big-photobox .banner-mask {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}

.index-new .show-content img {
  margin-top: 10px;
}

.index-new .show-content {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 2px;
  transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
}

.index-new .show-title {
  height: 80px;
}

.index-new .show-title p {
  height: 26px;
  line-height: 26px;
  margin: 0;
  font-size: 16px;
  padding: 10px 0;
}

.index-new .index-new-phone .show-title h3 {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  color: #999;
  font-size: 24px;
  font-weight: inherit;
}

.index-new .show-content .show-title p {
  padding: 0;
  font-size: 14px;
  overflow: hidden;
}

.index-new .show-content:hover {
  box-shadow: 0 0 15px #ccc;
  border-radius: 2px;
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
}

.index-new .show-03 h3 {
  font-size: 48px;
  line-height: 175%;
}

.index-new .show-title a {
  border-bottom: 1px solid #00b2e6;
  color: #00b2e6;
}

.index-new .show-03 h3 {
  margin-bottom: 10px;
  line-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.index-new .show-03 p {
  margin-bottom: 10px;
  line-height: 24px;
  height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.index-new .view-all {
  border: 1px solid #000;
  display: inline-block;
  float: right;
  margin-right: 10px;
}

.index-new .view-all:hover {
  border: 1px solid #0a9ce8;
}

.index-new .view-all a {
  padding: 10px 20px;
  line-height: 10px;
  display: block;
  color: #333;
  font-weight: bold;
}

.index-new .view-all a:hover {
  color: #0a9ce8;
}

.index-new .index-new-wear,
.index-new .index-new-accessoies {
  padding-top: 0;
}

.index-new .index-new-video .video-content {
  overflow: hidden;
  position: relative;
  transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
}

.index-new .video-content-bg {
  background: #fff;
  opacity: 0.6;
  display: block;
  top: 0;
  left: 0;
  z-index: 9999;
}

.index-new .video-content-hover {
  /*display: none;*/
  position: absolute;
  width: 100%;
  height: 56px;
  bottom: 0;
  left: 0;
  z-index: 99;
  transition: all .8s;
  -o-transition: all .8s;
  -ms-transition: all .8s;
  -moz-transition: all .8s;
  -webkit-transition: all .8s;
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform-origin: 0 -30px;
  -o-transform-origin: 0 -30px;
  -ms-transform-origin: 0 -30px;
  -moz-transform-origin: 0 -30px;
  -webkit-transform-origin: 0 -30px;
}

.index-new .postiontxtbox {
  width: 100%;
  height: 100%;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/home-video-bg.png") repeat center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9992;
}

.index-new .postiontxtbox:hover {
  background: none;
}

.index-new .index-new-video .video-content:hover .postiontxtbox {
  z-index: 98;
}

.index-new .show-content .show-title h3 {
  padding-bottom: 0;
  font-size: 16px;
  color: #333;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  padding: 0 20px;
  text-overflow: ellipsis;
}

.index-new .txtbox-hover {
  display: table;
  width: 80%;
  height: 100%;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}

.index-new .txtbox-hover .video-content-txt {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  /*visibility: hidden;*/
}

.index-new .video-content:hover .txtbox-hover .video-content-txt {
  visibility: visible;
  opacity: 1 !important;
}

.index-new .txtbox-hover .video-content-txt:hover {
  opacity: 1 !important;
}

.index-new .index-video-play {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.index-new .video-play-img {
  width: 40px;
  height: 41px;
}

.index-new .video-content:hover .video-content-hover {
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  display: block;
}

.index-new .index-new-video {
  text-align: center;
  margin-bottom: 40px;
}

.index-new .index-new-video .hot-topic {
  padding: 80px 0 40px 0;
}

.index-new .index-new-video .hot-topic h3 {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  color: #666;
}

.index-new .hot-topic-show img {
  transition: transform 2s;
}

.index-new .hot-topic-show img:hover {
  -webkit-transform: scale(1.05);
  /* Chrome, Safari, Opera */
  transform: scale(1.05);
}

.index-new .hot-topic-boder {
  line-height: 0;
  display: inline-block;
}

.index-new .hot-topic-boder-line {
  border-bottom: 2px solid #9d9d9d;
  display: inline-block;
  width: 40px;
  margin: 0 auto;
}

.index-new .video-content-txt .hot-topic-boder-line {
  border-bottom: 2px solid #fff;
  display: inline-block;
  width: 30px;
  margin: 0 auto;
}

.index-new .index-new-video .hot-topic p {
  padding-top: 10px;
  font-size: 28px;
  color: #333;
}

.index-new .video-content-task {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/home_video_mask.png") no-repeat center;
  width: 100%;
  height: 87px;
  position: absolute;
  bottom: -2px;
  left: 0;
  cursor: pointer;
}

.index-new .video-content-2 {
  margin-top: 10px;
}

.index-new .index-new-video .hot-topic h3 {
  font-size: 24px;
  color: #999;
}

.index-new .video-content-txt h3 {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  font-size: 36px;
  line-height: 12px;
}

.index-new .video-content-txt p {
  font-size: 20px;
}

.index-new .video-content-01 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/home_video_15.jpg") no-repeat center center;
  height: 378px;
  width: 491px;
  margin: 0 auto;
  transition: all 3s ease;
  -webkit-transition: all 3s ease;
  -o-transition: all 3s ease;
  -ms-transition: all 3s ease;
}

.index-new .video-content:hover .video-content-01 {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}

.index-new .video-content:hover .video-content-02 {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}

.index-new .video-content:hover .video-content-03 {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}

.index-new .video-content:hover .video-content-04 {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}

.index-new .video-content-02 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/home_video_23.jpg") no-repeat center center;
  height: 378px;
  width: 772px;
  margin: 0 auto;
  transition: all 3s ease;
  -webkit-transition: all 3s ease;
  -o-transition: all 3s ease;
  -ms-transition: all 3s ease;
}

.index-new .video-content-03 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/character11.jpg") no-repeat center center;
  height: 378px;
  width: 491px;
  margin: 0 auto;
  transition: all 3s ease;
  -webkit-transition: all 3s ease;
  -o-transition: all 3s ease;
  -ms-transition: all 3s ease;
}

.index-new .video-content-04 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/background1.jpg") no-repeat center center;
  height: 378px;
  width: 772px;
  margin: 0 auto;
  transition: all 3s ease;
  -webkit-transition: all 3s ease;
  -o-transition: all 3s ease;
  -ms-transition: all 3s ease;
}

.index-new .index-email {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/home_email_bg.jpg") no-repeat center;
  width: 100%;
  height: 339px;
  position: relative;
  display: table;
  text-align: center;
}

.index-new .email-input h3 {
  color: #fff;
  font-size: 36px;
  padding: 0 0 50px 0;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.index-new .email-input-width {
  width: 60%;
  margin: auto;
}

.index-new .email-input {
  margin: auto;
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 20px;
}

.index-new .index-email .form-control {
  background: none;
  height: 60px;
  border-color: #fff;
  border-radius: inherit;
  color: #eee;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 18px;
}

.index-new .index-email .btn {
  height: 60px;
  background: none;
  color: #fff;
  font-size: 18px;
  border-color: #fff;
  width: 120px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.index-new .index-email .btn:hover {
  background: #fff;
  color: #00b7e1;
}

#js-mobile-footer.row-new {
  margin-left: 0;
  margin-right: 0;
}

@media (min-width:768px) {
  .index-new .special-spacing {
    letter-spacing: -0.315em
  }
  .index-new .special-spacing>.no-wrapp {
    float: none;
    display: inline-block;
    vertical-align: bottom;
    letter-spacing: normal;
  }
}

.index-new .special-spacing>.no-wrapp>.no-wrapp {
  position: relative;
  overflow: hidden;
}

.index-new .special-spacing>.no-wrapp>.no-wrapp .txt-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  background: #00b3e0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -webkit-opacity: 0.9;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.index-new .special-spacing>.no-wrapp>.no-wrapp.on>.txt-box {
  top: 0;
}

.index-new .special-spacing>.no-wrapp>.no-wrapp>.txt-box .txt-parent {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0 30px;
}

.index-new .special-spacing>.no-wrapp>.no-wrapp>.txt-box .txt-parent p {
  display: table-cell;
  vertical-align: middle;
}

.index-new .special-spacing>.no-wrapp>.no-wrapp>.txt-box .share-icon {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.index-new .txt-box .txt-parent a {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .index-new .swiper-pagination-switch {
    width: 6px;
    height: 6px;
  }
  .index-new .swiper-active-switch {
    background: #00b7e1;
  }
  .product-title h3 {
    font-size: 16px;
    line-height: 22px;
    text-indent: 10px;
  }
  .index-new .pagination {
    bottom: 0;
  }
  .index-new .index-new-02 .product-title .title-new {
    padding-left: 10px;
  }
  .index-new .product-title {
    text-align: left;
  }
  .index-new .product-title .price-color {
    text-align: right;
  }
  .index-new .hot-topic-show {
    padding-right: 0;
    border: 1px solid #ddd;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .index-new .index-new-02 .product-title {
    padding: 20px 0 0 0;
  }
  .index-new .index-new-video .hot-topic {
    padding: 20px 0 10px 0;
  }
  .index-new .email-input-width {
    width: 95%;
  }
  .index-new .index-new-video {
    margin-bottom: 0;
  }
  .index-new .show-03 h3 {
    font-size: 28px;
  }
  .index-new .hot-topic p {
    width: 100%;
  }
  .index-new .product-show .show-title .topic-p {
    font-size: 18px;
  }
  .index-new .index-new-phone .show-title h3 {
    font-size: 16px;
    padding: 0 20px;
  }
  .index-new .index-new-video .hot-topic p {
    font-size: 18px;
  }
  .index-new .index-new-video .hot-topic h3 {
    font-size: 18px;
  }
  .index-new .index-new-video .video-content {
    margin-bottom: 10px;
  }
  .index-new .video-content-2 {
    margin-top: 0;
  }
  .index-new .index-new_slider .bd {
    width: 100%;
    position: absolute;
    left: 0;
    margin-left: 0;
  }
  .index-new .show-title {
    height: 60px;
    line-height: 60px;
  }
  .index-new .show-title:first-child {
    background: #f4f4f4;
  }
  .index-new .show-content .show-title {
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
  }
  .index-new .big-pictbox {
    display: table;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    overflow: hidden;
    top: 2%;
    z-index: 999;
    color: #fff;
  }
  .index-new .show-topic .big-photobox .banner-mask {
    width: 100%;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 20;
    top: inherit;
  }
  .index-new div[class*="video-content-"] {
    height: auto !important;
    margin: 0 auto;
    width: 100%;
  }
  .index-new .txtbox-hover .video-content-txt {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    /*visibility: visible;*/
  }
  .index-new .txtbox-hover {
    display: table;
    width: 80%;
    height: 300px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
  }
  .index-new .index-video-play {
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: auto;
  }
  .index-new .hot-topic-boder {
    padding-top: 20px;
  }
  .index-new .hot-topic h3 {
    font-size: 36px
  }
  .index-new-02 .container-bg {
    margin: 0 5px;
  }
  .index-new-02 {
    margin: 40px 0 0 0;
  }
  .index-new .index-new-product {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    padding: 10px 0 10px 0;
  }
  .product-show .container-bg {
    background: #fff;
    margin: 0 5px;
    padding: 0;
  }
  .index-new .product-show .col-sm-6 {
    padding-right: 5px;
    padding-bottom: 5px;
  }
  .index-new .view-all {
    margin: 20px 5px 0 0;
  }
  .index-new-video .hot-topic .hot-topic-boder {
    padding-top: 10px;
  }
  .index-new-video-mb {}
  .index-new .video-play-img {
    width: 31px;
    height: 32px;
  }
  .index-new .email-input h3 {
    font-size: 28px;
  }
  .index-new .hot-topic-boder-line {
    width: 30px;
  }
  .index-new .show-03 p {
    margin-bottom: 10px;
    line-height: 20px;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    padding: 0 20px;
  }
  .index-new .show-03 h3 {
    margin-bottom: 10px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }
  .index-new .video-content-txt p {
    font-size: 16PX;
  }
  .index-new .special-spacing>.no-wrapp>.no-wrapp {
    position: relative;
    overflow: hidden;
    margin-top: -1px;
  }
  .index-new .video-content-txt h3 {
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    font-size: 30px;
  }
  .index-new .hot-topic-show .product-title p {
    color: #333;
  }
  .index-new .product-title h3 {
    font-weight: bold;
  }
  .index-new .show-content .show-title p {
    color: #00b7e1;
  }
  .index-new-accessoies .product-show .section-itembox {
    margin-bottom: 10px;
  }
}

/*index-new 20160524




/*honor-ce start*/

.honor-ce .ce-icon {
  width: 38px;
}

.honor-ce .honor-ce-dese h3 {
  font-size: 24px;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  margin-bottom: 10px;
}

.honor-ce .ce-pdf {
  display: inline-block;
  padding-right: 10px;
}

.honor-ce .ce-span {
  display: inline-block;
  vertical-align: middle;
}

.honor-ce p {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 14px;
}

.honor-ce-dese {
  margin-top: 2%;
}

.honor-ce-dese p {
  font-size: 14px;
}

.honor-ce .table th {
  font-size: 18px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-ce .table td {
  line-height: 44px;
  vertical-align: middle;
  font-size: 14px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-ce .table td h3 {
  font-size: 18px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-ce .table td p {
  margin: 0;
  line-height: 125%;
}

.honor-ce .table td:first-child {
  width: 40%;
}

.honor-ce .table {
  margin-bottom: 5%;
}

.honor-ce .table>tbody a {
  color: #333;
}

@media only screen and (max-width: 767px) {
  .honor-ce .ce-icon {
    width: 30px;
  }
  .honor-ce .table td:first-child {
    width: inherit;
  }
  .honor-ce .second-td {
    width: inherit;
  }
  .honor-ce .table th {
    padding: 4px;
    font-size: 16px;
  }
  .honor-ce .table>tbody>tr>td {
    padding: 4px;
  }
  .honor-ce .ce-pdf {
    display: inline-block;
    padding-right: 0px;
  }
}

/*honor-ce end*/

/*honor-band-a1 START*/

.honor-band-a1 h3 {
  font-family: "bignoodletitlingregular";
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
}

.honor-band-a1 p {
  color: #000;
  line-height: 175%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-band-a1 .blank-fonts {
  position: absolute;
}

.honor-band-a1 .blank-fonts h3 {
  color: #fff !important;
}

.honor-band-a1 .honor-band-a1-02 .blank-fonts,
.honor-band-a1 .honor-band-a1-02 .blank-fonts h3 {
  color: #fff !important;
  top: 10%;
  left: 20%;
  width: 70%;
}

.honor-band-a1 .honor-band-a1-03 .text-list-menu {
  max-width: 896px;
}

.honor-band-a1 .honor-band-a1-03 .blank-fonts,
.honor-band-a1 .honor-band-a1-03 .blank-fonts h3 {
  color: #fff !important;
  top: 10%;
  left: 20%;
  width: 70%;
}

.honor-band-a1 .honor-band-a1-04 .blank-fonts,
.honor-band-a1 .honor-band-a1-04 .blank-fonts h3 {
  color: #333 !important;
  top: 10%;
  right: 20%;
  width: 50%;
}

.honor-band-a1 .honor-band-a1-05 .text-list-menu {}

.honor-band-a1 .honor-band-a1-05 .blank-fonts,
.honor-band-a1 .honor-band-a1-05 .blank-fonts h3 {
  color: #333 !important;
  top: 10%;
  left: 20%;
  width: 70%;
}

.honor-band-a1 .honor-band-a1-05 .txt {
  color: #333 !important;
  bottom: 15%;
  left: 29%;
  position: absolute;
  width: 64%;
}

.honor-band-a1 .honor-band-a1-05 .txt h3 {
  margin-bottom: 20px;
  right: 10%;
}

.honor-band-a1 .honor-band-a1-06 .blank-fonts,
.honor-band-a1 .honor-band-a1-06 .blank-fonts h3 {
  color: #fff !important;
  top: 10%;
  left: 20%;
  width: 70%;
}

.honor-band-a1 .honor-band-a1-07 .text-list-menu {
  max-width: 905px;
}

.honor-band-a1 .honor-band-a1-07 .blank-fonts,
.honor-band-a1 .honor-band-a1-07 .blank-fonts h3 {
  color: #333 !important;
  top: 10%;
  left: 20%;
  width: 70%;
}

.honor-band-a1 .honor-band-a1-08 .blank-fonts,
.honor-band-a1 .honor-band-a1-08 .blank-fonts h3 {
  color: #333 !important;
  top: 10%;
  left: 20%;
  width: 70%;
}

.honor-band-a1 .honor-band-a1-09 .blank-fonts,
.honor-band-a1 .honor-band-a1-09 .blank-fonts h3 {
  color: #333 !important;
  top: 10%;
  left: 20%;
  width: 70%;
}

.honor-band-a1 .honor-band-a1-13 .blank-fonts,
.honor-band-a1 .honor-band-a1-13 .blank-fonts h3 {
  color: #333 !important;
  top: 20%;
  left: 10%;
  width: 50%;
}

.honor-band-a1 .honor-band-a1-14 .blank-fonts,
.honor-band-a1 .honor-band-a1-14 .blank-fonts h3 {
  color: #333 !important;
  top: 20%;
  left: 10%;
  width: 50%;
}

.honor-band-a1 .honor-band-a1-15 .blank-fonts,
.honor-band-a1 .honor-band-a1-15 .blank-fonts h3 {
  color: #fff !important;
  top: 15%;
  right: 10%;
}

.honor-band-a1 .honor-band-a1-16 .text-list-menu {
  max-width: 890px;
}

.honor-band-a1 .honor-band-a1-16 .blank-fonts,
.honor-band-a1 .honor-band-a1-16 .blank-fonts h3 {
  color: #333 !important;
  top: 15%;
  left: 30%;
  /*width: 50%;*/
}

.honor-band-a1 .honor-band-a1-17 .blank-fonts,
.honor-band-a1 .honor-band-a1-17 .blank-fonts h3 {
  color: #333 !important;
  position: relative;
}

.honor-band-a1-17 .blank-fonts {
  background: #fff;
  margin: 5% 0;
  margin-left: 10%;
}

.honor-band-a1 .text-list-menu {
  padding-left: 0;
}

.honor-band-a1 .text-list-menu li {
  list-style: none;
  margin-bottom: 10px;
}

.honor-band-a1 .text-list-menu-dico li {
  list-style: disc;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .honor-band-a1 .blank-fonts {
    position: relative;
  }
  .honor-band-a1 .honor-band-a1-02 .blank-fonts,
  .honor-band-a1 .honor-band-a1-02 .blank-fonts h3 {
    color: #333 !important;
    top: 0;
    left: 10px;
    width: 100%;
    padding-top: 5px;
  }
  .honor-band-a1 .honor-band-a1-03 .blank-fonts,
  .honor-band-a1 .honor-band-a1-03 .blank-fonts h3 {
    color: #333 !important;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 5px;
  }
  .honor-band-a1 .honor-band-a1-04 .blank-fonts,
  .honor-band-a1 .honor-band-a1-04 .blank-fonts h3 {
    color: #333 !important;
    margin-top: 5px;
    top: 0;
    right: 0;
    width: 100%;
  }
  .honor-band-a1 .honor-band-a1-05 .blank-fonts,
  .honor-band-a1 .honor-band-a1-05 .blank-fonts h3 {
    color: #333 !important;
    top: 10px;
    left: 10px;
    width: 100%;
    margin-top: 5px;
  }
  .honor-band-a1 .honor-band-a1-05 .txt {
    color: #333 !important;
    bottom: 0;
    right: 0;
    left: 0;
    position: relative;
    margin-top: 4%;
    width: 100%;
  }
  .honor-band-a1 .honor-band-a1-05 .txt h3 {
    margin-bottom: 10px;
    right: 10%;
  }
  .honor-band-a1 .honor-band-a1-06 .blank-fonts,
  .honor-band-a1 .honor-band-a1-06 .blank-fonts h3 {
    color: #333 !important;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 5px;
  }
  .honor-band-a1 .honor-band-a1-07 .blank-fonts,
  .honor-band-a1 .honor-band-a1-07 .blank-fonts h3 {
    color: #333 !important;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 5px;
  }
  .honor-band-a1 .honor-band-a1-08 .blank-fonts,
  .honor-band-a1 .honor-band-a1-08 .blank-fonts h3 {
    color: #333 !important;
    top: 10%;
    right: 0;
    width: 100%;
  }
  .honor-band-a1 .honor-band-a1-09 .blank-fonts,
  .honor-band-a1 .honor-band-a1-09 .blank-fonts h3 {
    color: #333 !important;
    top: 10px;
    left: 10px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 30px;
  }
  .honor-band-a1 .honor-band-a1-13 .blank-fonts,
  .honor-band-a1 .honor-band-a1-13 .blank-fonts h3 {
    color: #333 !important;
    top: 0;
    left: 0;
    margin-top: 5px;
    width: 100%;
  }
  .honor-band-a1 .honor-band-a1-14 .blank-fonts,
  .honor-band-a1 .honor-band-a1-14 .blank-fonts h3 {
    color: #333 !important;
    top: 0;
    left: 0;
    margin-top: 5px;
    width: 100%;
  }
  .honor-band-a1 .honor-band-a1-15 .blank-fonts,
  .honor-band-a1 .honor-band-a1-15 .blank-fonts h3 {
    color: #333 !important;
    top: 0;
    right: 0;
    margin-top: 5px;
  }
  .honor-band-a1 .honor-band-a1-16 .blank-fonts,
  .honor-band-a1 .honor-band-a1-16 .blank-fonts h3 {
    color: #333 !important;
    top: 10;
    left: 0;
    width: 100%;
    margin-top: 5px;
  }
  .honor-band-a1-17 .blank-fonts {
    background: #fff;
    margin: 5% 0;
    margin-left: 10px;
  }
  .honor-band-a1 ul {
    margin-top: 0;
    margin-bottom: 0;
  }
}

/*honor-band-a1 END*/

/*honor5c start*/

.honor5c .honor_5c_2_anination {
  margin: 5% 0;
  letter-spacing: -0.315em;
}

.honor5c .honor_5c_2_circle {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 300px;
  width: 50%;
  margin-top: -150px;
  margin-left: -25%;
}

.honor5c .honor_5c_2_txt h3 {
  color: #fff;
  font-size: 36px;
}

.honor5c .honor_5c_2_txt p {
  color: #3179a4;
  font-size: 18px;
}

.honor5c .honor_5c_2_right {
  position: relative;
}

.honor_5c_2_circle_img {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor_5c_2_circle.png") no-repeat center center;
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
  background-size: 80%;
  transform: rotate(-72deg);
  -webkit-transform: rotate(-72deg);
  transition: all 3s;
  -webkit-transition: all 3s;
  -o-transition: all 3s;
  -moz-transition: all 3s;
  -ms-transition: all 3s;
}

.slider-section.active .honor_5c_2_circle_img {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}

.honor_5c_2_posion {
  position: relative;
}

.honor_5c_2_3000 {
  margin-right: -30%;
}

.honor_5c_2_3000 img {}

.honor_5c_2_anination>div[class*="col-"] {
  letter-spacing: normal;
  float: none;
  display: inline-block;
  vertical-align: bottom;
}

.honor_5c_2_phone {}

.honor_5c_2_txt {
  text-align: center;
  top: 30%;
  position: absolute;
  left: 36%;
}

.honor5c .honor5c .honor-en {
  margin: 0;
  padding: 0;
}

.honor5c-01 .blank-fonts {
  position: absolute;
  width: 100%;
  top: 10%;
  text-align: center;
  z-index: 99;
}

.honor5c-01 .blank-fonts h3 {
  color: #fff !important;
}

.honor5c-01 .blank-fonts p {
  color: #fff !important;
}

.honor5c .slider-section {
  position: relative;
  overflow: hidden;
}

.honor5c .slider-section.honor5c-01 .scrollanimation {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 98;
  transition: all 5s ease 1s;
  -o-transition: all 5s ease 1s;
  -ms-transition: all 5s ease 1s;
  -moz-transition: all 5s ease 1s;
  -webkit-transition: all 5s ease 1s;
}

.honor5c .slider-section.honor5c-01.active .scrollanimation {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -moz-animation-transform: scale(1.05);
}

.honor5c .slider-section.honor5c-02 .scrollanimation {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 98;
  transition: all 5s ease;
  -o-transition: all 5s ease 3s;
  -ms-transition: all 5s ease 3s;
  -moz-transition: all 5s ease 3s;
  -webkit-transition: all 5s ease 3s;
}

.honor5c .slider-section.honor5c-02.active .scrollanimation {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -moz-animation-transform: scale(1.5);
}

.honor5c .slider-section.honor5c-01 .blank-fonts h3 {
  transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  -ms-transition: all 5s ease-out;
  -moz-transition: all 2s ease-out;
  -webkit-transition: all 2s ease-out;
  margin-left: -500px;
  opacity: 0.5;
}

.honor5c .slider-section.honor5c-01.active .blank-fonts h3 {
  margin-left: 0;
  opacity: 1;
}

.honor5c .slider-section.honor5c-01 .blank-fonts {
  transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
  left: -500px;
  opacity: 0;
}

.honor5c .slider-section.honor5c-01.active .blank-fonts {
  left: 0;
  opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .bg-textbox {
    padding: 0 10px;
    margin-top: 7%;
    margin-bottom: 15%;
  }
  .honor8-f .honor8-15 .bg-textbox {
    margin-top: 5%;
  }
  .honor5c .honor_5c_2_txt h3 {
    color: #fff;
    font-size: 28px;
    line-height: 125%;
  }
  .honor5c .honor_5c_2_txt p {
    color: #3179a4;
    font-size: 14px;
    line-height: 125%;
  }
  .honor_5c_2_txt {
    text-align: center;
    top: 35%;
    position: absolute;
    left: 35%;
  }
}

.honor5c {}

.honor5c-kv-btn {
  position: absolute;
  bottom: 24%;
  left: 16%;
}

.honor5c h3 {
  font-size: 48px;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  color: #666;
  line-height: 175%;
}

.honor5c .item-tags img {
  max-width: 100px;
  margin: auto;
}

.honor5c .item-tags p {
  text-align: center;
}

.honor5c .item-tags .font-40 {
  text-align: center;
  margin: auto;
}

.honor5c .item-tags h3 {
  color: #42beed;
  font-weight: inherit;
  font-family: "微软雅黑", Arial, Helvetica, STHeiti, "Microsoft JhengHei", "微軟正黑體", sans-serif;
}

.honor5c p {
  font-size: 16px;
  line-height: 155%;
  margin-bottom: 5px;
  color: #999;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor5c h4 {
  font-size: 20px;
  line-height: 155%;
  margin-bottom: 10px;
  color: #666;
}

.honor5c-eu h4 {
  margin-bottom: 0;
}

.honor5c .item-tags sub {
  font-size: 14px;
}

.honor5c .item-tags p {
  color: #666;
  font-size: 14px;
}

.honor5c .honor5c-01 {
  background: #000;
  padding-top: 5%;
  text-align: center;
  color: #fff;
}

.honor5c .honor5c-01-txt .item-tags {
  width: 30%;
  min-width: 0;
}

.honor5c-01-txt {
  width: 70%;
  margin: 0 auto;
}

.honor5c-01-txt h4 {
  color: #fff;
}

.honor5c-01 p {
  list-style-type: disc;
  color: #666;
}

.honor5c-01 .txt1 {
  margin: 3% 0;
}

.honor5c .honor5c-02 {
  background: #ececec;
  padding-top: 5%;
  text-align: left;
  color: #666;
}

.honor5c .honor5c-02 .txt1 {
  text-align: left;
  margin-left: 10%;
  margin-top: 10%;
}

.honor5c-03 {
  background: #f7f7f7;
}

.honor5c-03 .txt1 {
  margin-top: 20%;
}

.honor5c-04 {
  margin: 5% 0;
}

.honor5c-04 .text-list-menu {
  overflow: hidden;
  display: block;
  width: 100%;
  padding: 20px;
}

.honor5c-04 .txt {
  text-align: center;
  margin: 5% 0;
}

.honor5c-04 h3 {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

.honor5c-04-bg {
  background: #fafafa;
  border-radius: 100%;
  padding: 5% 0;
}

.honor5c-04-tags {
  padding-top: 30%;
  margin: 5% 0;
}

.honor5c .item-tags>p {
  margin-top: 10px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor5c .item-tags {
  float: none;
}

.honor5c-05 {
  margin-top: 5%;
}

.honor5c-05 .txt1 {
  margin-left: 10%;
}

.honor5c-06 {
  text-align: center;
  background: #fafafa;
  padding-top: 5%;
}

.honor5c-06 .txt1 {
  width: 80%;
  margin: 0 auto;
}

.honor5c-07 {
  margin: 10% 0;
}

.honor5c-07 .txt {
  margin-left: 10%;
  position: absolute;
}

.honor5c-07 .txt1 {
  margin-left: 40%;
  margin-top: -10%;
}

.honor_5c_7_border p {
  position: relative;
  margin-top: 5%;
}

.honor5c-08 {
  background: #fafafa;
  text-align: center;
  padding: 5% 0;
}

.honor5c-08 .txt1 h3 {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

.honor5c-09 .txt1 {
  padding-top: 18%;
}

.honor5c-tags {
  margin-bottom: 50px;
}

.honor5c-10 .txt1 {
  position: absolute;
  top: 17%;
  left: 10%;
}

.honor5c-11 .txt1 {
  position: absolute;
  right: 15%;
  top: 10%;
}

.honor5c-11 .txt {
  position: absolute;
  bottom: 4%;
  left: 10%;
  width: 50%;
}

.honor5c-12 {
  background: #000;
  text-align: center;
  padding: 5% 0;
}

.honor5c-12 h4 {
  color: #fff;
}

.honor5c-12 .txt1 {
  position: absolute;
  text-align: center;
  padding: 5% 0;
  width: 100%;
}

.honor5c-13 .txt1 {
  position: absolute;
  right: 10%;
  top: 20%;
  width: 50%;
}

.honor5c-14 {
  margin-top: 5%;
}

.honor5c-14 .txt1 {
  margin-left: 10%;
}

.honor5c-15 {
  background: #fafafa;
  padding-bottom: 5%;
}

.honor5c-15 .txt1 {
  margin-left: 10%;
  width: 60%;
  margin-top: -60px;
}

.honor5c-15 .honor5c-15-img li {
  position: relative;
}

.honor5c-15 .honor5c-15-img i {
  position: absolute;
  color: #666;
  font-size: 16px;
}

.honor5c-15 .honor5c-15-p .honor5c-15-img p {
  padding-left: 20px;
}

.honor5c-16 {
  padding: 5% 0;
  background: #ececec;
}

.honor5c-16 .txt {
  padding-top: 15%;
}

.honor5c #top-banner {
  max-height: inherit !important;
}

.honor5c .item-tags {
  width: 20%;
  vertical-align: top;
}

.honor5c .item-tags h3 {
  font-size: 36px;
  line-height: 100%;
}

a.we-video-icon-6 {
  text-decoration: none;
  color: #01b4e1;
}

@media only screen and (min-width: 768px) and (max-width: 1423px) {
  .honor5c-03 .txt1 {
    margin-top: 10%;
  }
  .honor5c .item-tags h3 {
    font-size: 36px;
  }
  .honor5c-11 .txt1 {
    position: absolute;
    right: 6%;
    top: 6%;
  }
  .honor5c-11 .text-list-menu li {
    line-height: 125%;
  }
  .honor5c-11 .txt {
    position: absolute;
    bottom: 2%;
    left: 10%;
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .honor5c .honor_5c_2_txt p {
    color: #3179a4;
    font-size: 12px;
  }
  .honor5c .item-tags {
    margin-bottom: 10px;
    min-width: 120px;
  }
  .honor5c .honor5c-01-txt .item-tags {
    width: 33%;
    min-width: 0;
  }
  .honor5c-11 .txt {
    width: 100%;
  }
  .honor5c .item-tags .font-40 {
    text-align: center;
  }
  .honor5c .honor5c-01 .blank-fonts h3 {
    color: #fff !important;
  }
  .honor5c .honor5c-01 .blank-fonts p {
    color: #fff !important;
    word-break: normal;
  }
  .honor5c-01-txt {
    width: 100%;
    margin: 0 auto;
  }
  .honor5c-04-bg {
    background: #fafafa;
    border-radius: 0;
    padding: 5% 0;
  }
  .honor5c-11 .txt1 {
    position: relative;
    right: 0;
    top: 10%;
  }
  .honor5c-11 .txt {
    position: relative;
    bottom: 0;
    left: 0;
  }
  .honor5c-11 .text-list-menu {
    display: inline-block;
    width: 100%;
  }
  .honor5c-04-tags {
    padding-top: 2%;
    margin: 5% 0;
  }
  .honor5c-04 {
    margin: 0;
  }
  .honor5c-12 .txt1 {
    position: relative;
    text-align: center;
    padding: 0;
    width: 100%;
  }
  .honor5c-06 .txt1 {
    width: 100%;
  }
  .honor5c-12 h4 {
    color: #fff;
  }
  .honor5c p {
    line-height: 155%;
  }
  .honor5c h3 {
    font-size: 24px;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
    color: #666;
    line-height: 175%;
  }
  .honor5c-15 .txt1 {
    margin-left: 0;
    width: 100%;
    margin-top: 0;
  }
  .honor5c-02 .txt1 {
    text-align: left;
    margin-left: 0;
  }
  .honor5c-05 .txt1 {
    margin-left: 0;
  }
  .honor5c-12 .txt {
    text-align: left;
  }
  .honor_5c_12-p {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-left: 5px;
  }
  .honor5c-14 .txt1 {
    margin-left: 0;
  }
  .honor5c h4 {
    font-size: 18px;
  }
  .honor5c-kv-btn {
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: center;
    width: 50%;
  }
  .honor5c .we-video-icon-6 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 4px;
  }
  .honor5c .we-video-icon-6 {
    width: auto;
    height: 30px;
    padding: 0px 20px;
    background-color: none;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 18px;
    line-height: 30px;
    position: relative;
    text-align: center;
  }
  .honor5c-kv-btn a {
    display: inline-block;
  }
  .honor5c .honor_5c_2_anination {
    margin: 0;
    letter-spacing: -0.315em;
  }
}

/*honor-5c-video start*/

.honor-5c-video-contest {}

.honor-5c-video .video-03-txt .btn.btn-03 {
  width: 100px;
  height: 30px;
  background: #fff;
  color: #333;
  border-radius: 20px;
  display: inline-block;
  margin-right: 10px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}

.honor-5c-video-contest .contest-01-bg {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor-5c-video-contest-bg_01.jpg") no-repeat center;
  width: 100%;
  height: 837px;
  position: relative;
}

.honor-5c-video-contest .contest-02-bg {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor-5c-video-contest-bg_02.jpg") no-repeat center;
  width: 100%;
  height: 944px;
  position: relative;
}

.honor-5c-video-contest .contest-02-bomton h3 {
  font-size: 28px;
}

.honor-5c-video-contest .contest-02-bomton {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/video-context-bg.png");
  padding: 40px 60px;
  margin-top: 50px;
}

.honor-5c-video-contest .contest-02>.row-new a {
  color: #333;
}

.honor-5c-video-contest .contest-01 {
  margin-top: 15%;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
}

.honor-5c-video-contest h3 {
  color: #fff;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  text-align: center;
  font-size: 48px;
}

.honor-5c-video-contest .contest-02-btn {
  width: 130px;
  height: 36px;
  background: #fff;
  font-size: 24px;
  border-radius: 50px;
  line-height: 32px;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

.honor-5c-video-contest .h3-yellow {
  color: #ddaf19;
}

.honor-5c-video-contest .contest-02>.row-new {
  margin-top: 10px;
}

.honor-5c-video-contest .contest-02>.row-new h3 {
  font-size: 26px;
}

.honor-5c-video-contest .contest-02>.row-new span {
  color: #ddaf19;
  padding-right: 5px;
}

.honor-5c-video-contest h3.h3-02 {
  font-size: 36px;
}

.honor-5c-video-contest .contest-02 {
  padding-top: 10px;
}

.honor-5c-video-contest .contest-02 h3 {
  text-align: left;
}

.honor-5c-video p {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-5c-video .honor-5c-video-01 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor5C_Videoframe_01.jpg") repeat-y center center;
  width: 100%;
  min-height: 835px;
  position: relative;
}

.honor-5c-video .honor-5c-video-02 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/web_5C_page1_02.jpg") repeat-y center center;
  width: 100%;
  min-height: 675px;
  position: relative;
}

.honor-5c-video .honor-5c-video-03 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor5C_Videoframe_03.jpg") repeat-y center center;
  width: 100%;
  min-height: 550px;
  position: relative;
}

.honor-5c-video h3 {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  color: #fff;
}

.honor-5c-video .video-share {
  position: absolute;
  top: 100px;
  left: 10%;
}

.honor-5c-video .video-share .btn {
  width: 100px;
  border-radius: 25px;
  height: 38px;
  line-height: 30px;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  font-size: 18px;
}

.honor-5c-video .video-share .btn i {
  padding-right: 5px;
}

.honor-5c-video .video-01-txt {
  top: 30%;
  right: 20%;
  color: #fff;
  position: absolute;
}

.honor-5c-video .video-01-txt h3 {
  font-size: 48px;
}

.honor-5c-video .video-01-down {
  right: 30%;
  margin-top: 15%;
  position: absolute;
  font-size: 36px;
}

.honor-5c-video .video-01-down a {
  color: #fff;
}

.honor-5c-video .honor-5c-video-02 .video-02-txt {
  position: absolute;
  top: 10%;
  left: 20%;
}

.honor-5c-video .honor-5c-video-02 .video-02-txt h3 {
  font-size: 36px;
  margin-top: 10px;
}

.honor-5c-video .honor-5c-video-02 .video-02-txt span {
  font-size: 48px;
}

.honor-5c-video .honor-5c-video-03 {
  letter-spacing: -0.315em;
}

.honor-5c-video .honor-5c-video-mindle {
  padding-top: 50px;
}

.honor-5c-video .honor-5c-video-mindle>div[class*="col-"] {
  display: inline-block;
  letter-spacing: normal;
  float: none;
  vertical-align: middle;
}

.honor-5c-video .honor-5c-video-03 .video-03-txt {
  max-width: 600px;
  margin: auto;
  padding-top: 30px;
}

.honor-5c-video-03 .video-03-input {
  text-align: center;
}

.honor-5c-video .honor-5c-video-03 .video-03-txt .video-03-txt-btn {
  margin-top: 20px;
  text-align: center;
}

.honor-5c-video .honor-5c-video-03 .video-03-txt p {
  font-size: 16px;
  color: #fff;
  line-height: 175%;
}

.honor-5c-video .video-03-txt h3 {
  font-size: 36px;
}

.honor-5c-video .video-03-txt .btn {
  height: 28px;
  background: none;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  border: none;
  color: #333;
}

.honor-5c-video .video-03-input .btn {
  margin: 40px 0 20px 0;
  background: none;
  height: 48px;
  border-radius: 0;
  color: #333;
  font-size: 16px;
}

.honor-5c-video .video-03-right-bg {
  border: 1px solid #fff;
  background: #00598b;
  opacity: 0.8;
  width: 80%;
  margin: auto;
  height: 300px;
  position: absolute;
  left: 50%;
  margin-left: -40%;
  z-index: 0;
}

.honor-5c-video .video-03-right-txt p.video-03-right-txt-2 {
  font-size: 24px;
  padding: 10px 0;
  font-weight: bold;
}

.honor-5c-video .video-03-right-txt p {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  text-align: center;
}

.honor-5c-video .video-03-right-txt a {
  color: #333;
  line-height: 32px;
}

.honor-5c-video .video-03-right-txt .btn {
  background: #fff;
  border-radius: 20px;
  height: 45px;
  width: 180px;
  font-size: 20px;
  margin: 40px auto 0 auto;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-weight: bold;
  display: inherit;
}

.honor-5c-video .video-03-right-content {
  position: relative;
}

.honor-5c-video .video-03-right-txt {
  padding: 5%;
  z-index: 2;
  position: relative;
  width: 80%;
  margin: auto;
}

.honor-5c-video .honor-5c-video-04 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor5C_Videoframe_04.jpg") no-repeat center center;
  width: 100%;
  height: 510px;
  position: relative;
  letter-spacing: -0.315em;
}

.honor-5c-video .honor-5c-video-04>div[class*="col-"] {
  display: inline-block;
  letter-spacing: normal;
  float: none;
  vertical-align: middle;
}

.honor-5c-video .video-04-txt {
  max-width: 600px;
  margin: auto;
  min-width: 310px;
  padding: 10% 0;
}

.honor-5c-video .video-04-txt h3 {
  font-size: 36px;
}

.honor-5c-video .honor-5c-video-04 .form-control {
  background: #fff;
  border-radius: 0;
  height: 200px;
  color: #333;
  max-height: 300px;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
}

.honor-5c-video .honor-5c-video-04 .honor-5c-video-04-right #comment-list {
  background: none;
}

.honor-5c-video .honor-5c-video-04 .btn {
  background: #00b2e6;
  border-radius: 20px;
  margin-top: 20px;
  width: 160px;
  font-size: 20px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-weight: bold;
  height: 40px;
  color: #fff;
}

.honor-5c-video .honor-5c-video-04-right {
  max-width: 80%;
  margin: auto;
}

.honor-5c-video .honor-5c-video-04 .honor-5c-video-04-right .form-control {
  height: 450px;
  min-width: 320px;
  width: 100%;
}

.honor-5c-video .honor-5c-video-04-right .form-control {
  max-height: 300px;
  overflow: auto;
}

.honor-5c-video .comment-admin-icon {
  border-radius: 50%;
  border: 2px solid #0060b9;
  text-align: center;
  display: table;
  background: #fff;
}

.honor-5c-video .comment-admin-icon img {
  display: table-cell;
  vertical-align: middle;
  border-radius: 50%;
}

.honor-5c-video .video-comment {
  margin: 20px;
  border-bottom: 1px solid #ccc;
}

.honor-5c-video .comment-admin-title {
  display: inline-block;
}

.honor-5c-video .comment-admin-title h3 {
  color: #fff;
  font-size: 18px;
}

.honor-5c-video .comment-admin-title span {
  font-size: 12px;
  color: #fff;
}

.honor-5c-video .comment-admin-p {
  overflow: hidden;
  width: 100%;
}

.honor-5c-video .comment-admin-p p {
  font-size: 16px;
  color: #fff;
  word-break: break-all;
}

.honor-5c-video-line-content {
  /*border: 2px solid #fff;*/
  height: auto;
  /*width: 80%;*/
  width: 800px;
  margin: auto;
  background: #000;
}

.video-landing-page-bg {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/video_LandingPage1.jpg") no-repeat center center;
  height: 1080px;
  width: 100%;
  overflow: hidden;
}

.video-landing-page-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  width: 100%;
}

.video-landing-page {
  overflow: hidden;
}

.video-landing-page-top-txt {
  color: #fff;
  font-size: 48px;
  position: absolute;
  right: 5%;
  top: 5%;
}

.video-landing-page-top-txt h3 {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.video-landing-page-txt h3 {
  font-size: 68px;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

.video-landing-page-txt p {
  font-size: 28px;
  margin-top: 1%;
  line-height: 125%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.video-landing-page-txt p.p2 {
  font-size: 36px;
  margin-top: 3%;
  line-height: 125%;
}

.video-landing-page-txt .video-landing-page-txt-p {
  vertical-align: middle;
  padding: 0 2%;
}

.video-link {
  margin: 20px 0;
}

.honor-5c-video-contest .video-link h3 {
  color: #fff;
  font-size: 24px;
  display: inline-block;
  vertical-align: top;
}

.honor-5c-video-contest .video-link .video-link-img {
  display: inline-block;
  margin: 0 20px;
  width: 14%;
}

.honor-5c-video-contest .video-link .video-link-img img {
  max-width: 160px;
  max-height: 70px;
}

.video-content-grey-bg {
  display: none;
  transition: all .5s;
}

.video-content-grey-bg.on {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.2;
  filter: alpha(opacity=10);
  background-color: #000;
  z-index: 9991;
  position: fixed;
  transition: all .5s;
}

.context-show {
  display: none;
  width: 400px;
  height: 200px;
  border: 1px solid #fff;
  position: fixed;
  top: 40%;
  left: 50%;
  z-index: 9999;
  background: #fff;
  border-radius: 5px;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.context-show.on {
  display: block;
  width: 400px;
  height: 200px;
  z-index: 9999;
  border: 1px solid #fff;
  position: fixed;
  top: 40%;
  left: 50%;
  background: #fff;
  border-radius: 5px;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.context-show .context-btn {
  bottom: 10px;
  position: absolute;
  text-align: right;
  width: 100%;
}

.context-show .context-btn a {
  width: 100px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 48px;
  font-size: 24px;
}

.context-show .context-btn a.no {
  height: 57px;
  width: 176px;
  display: inline-block;
  text-align: center;
  color: #00bae4;
  text-decoration: underline;
  font-size: 18px;
}

.context-show .context-btn a.yes {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/home_btn.png") no-repeat center center;
  height: 57px;
  width: 176px;
  display: inline-block;
  text-align: center;
  color: #fff;
  background-size: 90%;
}

.context-show h3 {
  font-size: 24px;
  color: #333;
  overflow: hidden;
  text-align: center;
  margin-top: 50px;
}

.context-show-text {
  display: none;
  width: 400px;
  height: 250px;
  border: 1px solid #fff;
  position: fixed;
  top: 40%;
  left: 50%;
  z-index: 9999;
  background: #fff;
  border-radius: 5px;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.context-show-text.on {
  display: block;
  width: 400px;
  height: 250px;
  border: 1px solid #fff;
  position: fixed;
  top: 40%;
  z-index: 9999;
  left: 50%;
  background: #fff;
  border-radius: 5px;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.context-show-text .context-btn {
  bottom: 10px;
  position: absolute;
  text-align: right;
  width: 100%;
}

.context-show-text .context-btn a {
  width: 100px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 48px;
  font-size: 24px;
}

.context-show-text .context-btn a.no {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/home_btn.png") no-repeat center center;
  height: 57px;
  width: 176px;
  display: inline-block;
  text-align: center;
  color: #fff;
  background-size: 90%;
}

.context-show-text .context-btn a.yes {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/home_btn.png") no-repeat center center;
  height: 57px;
  width: 176px;
  display: inline-block;
  text-align: center;
  color: #fff;
  background-size: 90%;
}

.context-show-text .context-btn>a.yes {
  /*display: none;*/
}

.context-show-text h3 {
  font-size: 24px;
  color: #333;
  overflow: hidden;
  text-align: center;
  margin: 20px 0 10px 0;
}

.context-show-text p {
  font-size: 14px;
  line-height: 155%;
  padding: 0 10px;
}

.context-show-text input {
  height: 45px;
  width: 380px;
  margin: 0 8px;
  position: relative;
  color: #00b7e1;
  font-size: 16px;
}

.video-03-right-txt .btn {
  height: 38px;
  line-height: 24px;
  width: 180px;
  font-size: 20px;
  margin: 40px auto 0 auto;
  color: #333;
  background: #fff;
  border-radius: 20px;
}

.video-landing-page-home {
  bottom: 5%;
  right: 2%;
  position: fixed;
}

.video-landing-page-home a {
  font-size: 18px;
  color: #fff;
  padding: 1px;
  border-bottom: 1px solid #fff;
}

.video-landing-page-home a:hover {
  text-decoration: none;
  color: #00b5e2;
  border-color: #00b5e2;
}

.video-landing-page-logo {
  position: absolute;
  left: 5%;
  top: 5%;
}

.honor-5c-video-contest .video-01-down {
  text-align: center;
  margin-top: 7%;
  width: 100%;
  position: absolute;
  font-size: 36px;
}

.honor-5c-video-contest .video-01-down a {
  color: #fff;
}

/*---------20160620 video update--------*/

.video-03-txt-bg {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/Rectangle-9_03.png");
  width: 100%;
  min-height: 200px;
  margin: auto;
}

.video-03-txt-bg .txt h3 {
  text-align: left;
}

.honor-5c-video .video-03-txt-bg .txt {
  padding: 20px;
}

.honor-5c-video .honor-5c-video-03 .video-03-txt .video-03-txt-bg p {
  font-size: 18px;
  color: #fff;
  line-height: 175%;
}

.honor-5c-video .honor-5c-video-03 .video-03-txt .video-03-txt-btn .btn {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-weight: bold;
  background: #fff;
  border-radius: 20px;
  height: 44px;
  width: 180px;
  display: inherit;
  line-height: 33px;
  font-size: 18px;
  margin: 20px auto 0 auto;
}

.honor-5c-video-mindle h3 {
  text-align: center;
  letter-spacing: normal;
  font-size: 60px;
}

.video-03-txt-border-right {
  border-right: 2px solid #333;
}

.web_5C_pagesmar_link {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/web_5C_page1_link_bg.jpg") no-repeat center;
  width: 100%;
  height: 100%;
}

.web_5C_pagesmar_link .video-link {
  margin: 0;
  top: 30%;
  position: relative;
  margin-left: 10%;
  padding: 30px 20px;
}

.web_5C_pagesmar_link .video-link h3 {
  color: #fff;
  font-size: 24px;
  display: inline-block;
  vertical-align: top;
}

.web_5C_pagesmar_link .video-link .video-link-img {
  display: inline-block;
  margin: 0 20px;
  width: 15%;
  min-width: 100px;
  max-width: 140px;
}

.honor-5c-video .honor-5c-video-01 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/web_5C_page1_012.jpg") repeat-y center center;
  width: 100%;
  min-height: 835px;
  position: relative;
}

.DareToPerform-txt {
  z-index: 998;
  position: absolute;
  top: 10%;
  right: 10%;
}

.DareToPerform-txt a {
  color: #fff;
  font-size: 24px;
}

.video-01-txt-btn {
  width: 200px;
  height: 52px;
  border: 2px solid #fff;
  text-align: center;
  margin: 20px auto 0 auto;
}

.video-01-txt-btn a {
  color: #fff;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .web_5C_pagesmar_link .video-link .video-link-img {
    margin: 0 8px;
  }
  .web_5C_pagesmar_link .video-link {
    padding: 20px 5px;
    margin-left: 0;
  }
  .honor-5c-video .video-01-txt {
    top: 25%;
    right: inherit;
    color: #fff;
    position: absolute;
    padding: 10px;
    width: 100%;
  }
  .honor-5c-video-mindle h3 {
    text-align: center;
    letter-spacing: normal;
    font-size: 28px;
  }
  .video-03-txt-border-right {
    border-right: none;
  }
}

/*-----------20160620 videoupdate ----------*/

@media only screen and (min-width: 1024px) and (max-width: 1423px) {
  .video-landing-page-txt {
    position: absolute;
    top: 45%;
    left: 50%;
  }
  .honor-5c-video-contest .video-link .video-link-img img {
    max-width: 120px;
    max-height: 70px;
  }
  .honor-5c-video-contest .contest-01 {
    margin-top: 21%;
  }
  .video-landing-page-bg {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/video_LandingPage1.jpg") no-repeat center center;
    height: 880px;
    width: 100%;
    overflow: hidden;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .video-landing-page-txt {
    position: absolute;
    top: 45%;
    left: 50%;
  }
  .honor-5c-video-contest .video-link .video-link-img img {
    max-width: 100px;
    max-height: 70px;
  }
  .honor-5c-video-contest .contest-01 {
    margin-top: 31%;
  }
  .video-landing-page-bg {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/video_LandingPage1.jpg") no-repeat center center;
    height: 800px;
    width: 100%;
    overflow: hidden;
  }
}

@media(max-width: 767px) {
  .honor-5c-video-contest h3 {
    font-size: 40px;
  }
  .honor-5c-video-contest .video-link .video-link-img img {
    max-width: 127px;
    max-height: 70px;
  }
  .honor-5c-video .honor-5c-video-04 .btn {
    margin: 20px auto 0 auto;
    display: inherit;
  }
  .context-show {
    width: 300px;
  }
  .context-show.on {
    width: 300px;
  }
  .context-show-text {
    width: 300px;
  }
  .context-show-text input {
    width: 280px;
  }
  .context-show .context-btn a.no {
    width: 145px;
  }
  .context-show .context-btn a.yes {
    width: 145px;
  }
  .context-show-text .context-btn a.no {
    width: 145px;
  }
  .context-show-text .context-btn a.yes {
    width: 145px;
  }
  .context-show-text.on {
    height: 280px;
  }
  .context-show .context-btn a {
    font-size: 18px;
  }
  .context-show-text .context-btn a {
    font-size: 18px;
  }
  .context-show-text.on {
    width: 300px;
  }
  .context-show .context-btn {
    bottom: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  .context-show {}
  .context-show-text {}
  .context-show-text.on {}
  .context-show.on {}
  .context-show-text .context-btn {
    text-align: center;
  }
  .honor-5c-video-contest .contest-02>.row-new h3 {
    font-size: 18px;
  }
  .contest-01-bg {
    height: 647px;
  }
  .honor-5c-video-contest .contest-02-bg {
    height: 635px;
  }
  .honor-5c-video-contest .contest-02-btn {
    width: 90px;
    height: 32px;
    background: #fff;
    font-size: 20px;
    border-radius: 50px;
    line-height: 26px;
    font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  }
  .honor-5c-video-contest h3.h3-02 {
    font-size: 28px;
  }
  .honor-5c-video .honor-5c-video-04-right .form-control {
    max-height: 300px;
    overflow: auto;
  }
  .honor-5c-video-line-content {
    position: relative;
    /*border: 2px solid #fff;*/
    height: inherit;
    width: 100%;
    max-width: inherit;
    margin: auto;
    /*background: #000;*/
  }
  .honor-5c-video .video-03-right-content {
    position: relative;
    padding-top: 40px;
  }
  .honor-5c-video .video-01-txt h3 {
    font-size: 28px;
  }
  .honor-5c-video .video-share {
    position: absolute;
    top: 10px;
    left: 10%;
  }
  .honor-5c-video .video-01-txt {
    top: 25%;
    right: inherit;
    color: #fff;
    position: absolute;
  }
  .honor-5c-video .honor-5c-video-02 .video-02-txt {
    position: absolute;
    bottom: inherit;
    left: 2%;
    top: 5%;
  }
  .honor-5c-video .video-01-down {
    right: 30%;
    margin-top: 6%;
    position: absolute;
    font-size: 36px;
  }
  .DareToPerform-txt a {
    color: #fff;
    font-size: 20px;
  }
  .honor-5c-video .honor-5c-video-01 {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor-5c-video-contest-bg_01_mb.jpg") repeat-y center top;
    min-height: 320px;
    width: 100%;
    position: relative;
    height: inherit;
  }
  .honor-5c-video .honor-5c-video-02 {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor5C_Videoframe_02_mb.jpg") repeat-y center top;
    min-height: 260px;
    width: 100%;
    position: relative;
    height: inherit;
  }
  .honor-5c-video .honor-5c-video-03 {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor5C_Videoframe_03_mb.jpg") repeat-y center top fixed;
    width: 100%;
    min-height: 611px;
    position: relative;
    height: inherit;
  }
  .honor-5c-video .honor-5c-video-04 {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor5C_Videoframe_04_mb.jpg") repeat-y center top fixed;
    width: 100%;
    min-height: 791px;
    position: relative;
  }
  .honor-5c-video-contest .contest-01-bg {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor-5c-video-contest-bg_01_mb.jpg") no-repeat center;
    width: 100%;
    min-height: 397px;
    height: inherit;
    position: relative;
  }
  .honor-5c-video-contest .contest-02-bg {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor-5c-video-contest-bg_02_mb.jpg") repeat-y fixed top center;
    width: 100%;
    min-height: 959px;
    height: inherit;
    position: relative;
  }
  .honor-5c-video-contest .contest-02-bomton h3 {
    font-size: 24px;
  }
  .honor-5c-video-contest .contest-02-bomton {
    padding: 20px;
    margin-top: 20px;
  }
  .honor-5c-video-contest .contest-02 h3 {
    text-align: center;
  }
  .honor-5c-video-contest .contest-02>.row-new .col-sm-10 h3 {
    text-align: center;
  }
  .honor-5c-video-contest .contest-02>.row-new .contest-02-btn {
    text-align: center;
    margin: 10px auto 10px auto;
    display: inherit;
  }
  .honor-5c-video .video-03-right-txt p {
    font-size: 18px;
    line-height: 28px;
  }
  .honor-5c-video .video-03-right-txt p.video-03-right-txt-2 {
    font-size: 18px;
    padding: 10px 0;
    font-weight: bold;
  }
  .honor-5c-video .honor-5c-video-02 .video-02-txt h3 {
    font-size: 28px;
    padding: 5px;
  }
  .honor-5c-video .video-04-txt h3 {
    font-size: 28px;
  }
  .honor-5c-video .honor-5c-video-04-right {
    /*max-width: 100%;*/
    margin: auto;
    max-width: 408px;
  }
  .honor-5c-video .video-comment {
    margin: 20px 0;
  }
  .honor-5c-video .video-03-right-bg {
    border: 1px solid #fff;
    opacity: 1;
    width: 100%;
    margin: auto;
    height: 250px;
    position: absolute;
    left: 0;
    margin-left: 0;
    z-index: 0;
  }
  .honor-5c-video .video-03-right-txt .btn {
    height: 38px;
    line-height: 24px;
    width: 180px;
    font-size: 20px;
    margin: 40px auto 0 auto;
  }
  .honor-5c-video .video-03-right-txt {
    padding: 5%;
    z-index: 2;
    position: relative;
    width: 100%;
    margin: auto;
  }
  .honor-5c-video .honor-5c-video-mindle {
    padding: 10px;
  }
  .honor-5c-video .video-03-txt h3 {
    font-size: 28px;
  }
  .honor-5c-video .honor-5c-video-mindle>div[class*="col-"] {
    display: inherit;
    letter-spacing: normal;
    float: inherit;
  }
  .honor-5c-video-contest .video-link h3 {
    color: #fff;
    font-size: 24px;
    display: block;
    text-align: left;
  }
  .honor-5c-video-contest .video-link .video-link-img {
    display: inline-block;
    padding: 0 10px 10px 10px;
    width: 50%;
    float: left;
    margin: auto;
    height: 70px;
  }
  .video-landing-page-txt h3 {
    font-size: 36px;
  }
  .video-landing-page-txt p {
    font-size: 18px;
    margin-top: 5%;
    line-height: 125%;
  }
  .video-landing-page-txt p.p2 {
    font-size: 24px;
    margin-top: 8%;
    line-height: 125%;
  }
  .video-landing-page-bg {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/video_LandingPage_mb1.jpg") no-repeat center center;
    height: 735px;
    width: 100%;
    overflow: hidden;
  }
  .video-landing-page-txt {
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    width: 100%;
  }
}

/*honor-5c-video end*/

/* niefang xletix post */

/* 2016-06-08 bof */

.bx-wrapper ul li {
  display: block;
}

.bg-blue-5x {
  background-color: #3eb3e8;
}

.xletix-datebox {
  padding-top: 30px;
  padding-bottom: 30px;
}

.date-text {
  text-align: center;
  padding: 30px 0;
}

.date-text>img {
  margin-bottom: 10px;
  max-width: 180px;
}

.date-imgbox {
  width: 100%;
  margin: 0 auto 20px;
  max-width: 800px;
}

.date-imgbox img {
  margin-bottom: 10px;
}

.date-imgbox img:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.date-imgbox>.row-new>div[class*="col-"] {
  overflow: hidden;
}

.btn-demo {
  min-width: 200px;
  height: 44px;
  border: 2px solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 44px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding-top: 0.1em;
}

a.blueborder {
  border-color: #00b2e6;
  color: #00b2e6;
  text-decoration: none;
  transition: ease-in .3s;
  -o-transition: ease-in .3s;
  -ms-transition: ease-in .3s;
  -moz-transition: ease-in .3s;
  -webkit-transition: ease-in .3s;
}

a.blueborder:hover {
  color: #fff;
  background-color: #00b2e6;
}

.xletix-videobox {
  background-color: #eee;
  background-image: none;
  text-align: center;
}

.xletix-videobox .video-content {
  margin-top: 20px;
}

.xletix-workmallbox {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.xletix-workmallbox .wookmark {
  margin-bottom: 30px;
  letter-spacing: -0.315em;
  position: relative;
}

.xletix-workmallbox .wookmark>div[class*="col-"] {
  margin-top: 10px;
  display: inline-block;
  float: none;
  letter-spacing: normal;
  vertical-align: top;
}

.masonry img {
  max-width: 100%;
}

.waterfull .item {
  margin-top: 10px;
}

.sxsw-section4 .video-js {
  width: 100%;
}

.sxsw-section4 .container {
  width: 100%;
  max-width: 1200px;
}

@media (max-width:767px) {
  .waterfull>.row-new,
  .waterfull>.row-new>li[class*="col-"] {
    width: 100% !important;
  }
}

#waterfull {
  margin-bottom: 30px;
}

/* 2016-06-08 eof */

/*honor-wear-zero-ss start*/

.honor-wear-zero-ss .honor5c-kv-btn {
  position: absolute;
  bottom: 20%;
  right: 20%;
  left: inherit;
}

.honor-wear-zero-ss .honor5c-kv-btn .we-video-icon-6 {
  border-color: #fff;
  color: #fff;
}

.honor-wear-zero-ss .blank-fonts {
  position: absolute;
}

.honor-wear-zero-ss-01 .blank-fonts {
  top: 35%;
  right: 0;
  width: 40%;
}

.honor-wear-zero-ss-02 .blank-fonts {
  top: 35%;
  left: 10%;
  width: 40%;
}

.honor-wear-zero-ss-04 .blank-fonts {
  top: 35%;
  right: 0;
  width: 40%;
}

.honor-wear-zero-ss-05 .blank-fonts {
  top: 35%;
  left: 10%;
  width: 40%;
}

.honor-wear-zero-ss-07 .blank-fonts {
  top: 35%;
  right: 0;
  width: 40%;
}

.honor-wear-zero-ss-08 .blank-fonts {
  top: 35%;
  left: 5%;
  width: 40%;
}

.honor-wear-zero-ss-09 .blank-fonts {
  top: 15%;
  text-align: center;
  width: 100%;
}

.honor-wear-zero-ss-10 .blank-fonts {
  top: 35%;
  right: 0;
  width: 40%;
}

.honor-wear-zero-ss-12 .blank-fonts {
  top: 35%;
  right: 5%;
  width: 40%;
}

.honor-wear-zero-ss-13 .blank-fonts {
  top: 35%;
  left: 10%;
  width: 40%;
}

.honor-wear-zero-ss-14 .blank-fonts {
  top: 20%;
  right: 0;
  width: 40%;
}

.honor-wear-zero-ss-13 .item-tags img {
  max-width: 100px;
}

.honor-wear-zero-ss .item-tags {
  text-align: center;
  margin: 20px 0;
}

.honor-wear-zero-ss .item-tags p {
  margin: 10px 0;
  white-space: nowrap;
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .honor-wear-zero-ss .item-tags img {
    max-width: 80px;
  }
  .honor-wear-zero-ss .item-tags {
    text-align: center;
    margin: 20px 0;
    max-width: 100px;
    min-width: 80px;
  }
  .honor-wear-zero-ss-07 .blank-fonts {
    top: 15%;
  }
  .honor-wear-zero-ss-08 .blank-fonts {
    top: 15%;
  }
  .honor-wear-zero-ss-10 .blank-fonts {
    top: 15%;
  }
  .honor-wear-zero-ss-12 .blank-fonts {
    top: 15%;
  }
  .honor-wear-zero-ss-13 .blank-fonts {
    top: 15%;
  }
  .honor-wear-zero-ss-14 .blank-fonts {
    top: 10%;
  }
}

@media only screen and (max-width: 767px) {
  .honor-wear-zero-ss .honor5c-kv-btn {
    position: absolute;
    bottom: 20%;
    right: 0%;
    left: inherit;
  }
  .honor-wear-zero-ss .honor5c-kv-btn .we-video-icon-6 {
    border-color: #fff;
    color: #fff;
    width: 120px;
    height: 30px;
    line-height: 30px;
  }
  .honor-wear-zero-ss .blank-fonts {
    position: relative;
    margin: 5px 0;
  }
  .honor-wear-zero-ss-01 .blank-fonts {
    width: 100%;
    left: 0;
  }
  .honor-wear-zero-ss-02 .blank-fonts {
    width: 100%;
    left: 0;
  }
  .honor-wear-zero-ss-04 .blank-fonts {
    width: 100%;
    left: 0;
  }
  .honor-wear-zero-ss-05 .blank-fonts {
    width: 100%;
    left: 0;
  }
  .honor-wear-zero-ss-07 .blank-fonts {
    width: 100%;
    left: 0;
  }
  .honor-wear-zero-ss-08 .blank-fonts {
    width: 100%;
    left: 0;
  }
  .honor-wear-zero-ss-09 .blank-fonts {
    top: 10%;
    position: absolute;
  }
  .honor-wear-zero-ss-10 .blank-fonts {
    width: 100%;
    left: 0;
  }
  .honor-wear-zero-ss-10 .blank-fonts p {
    display: block;
  }
  .honor-wear-zero-ss-12 .blank-fonts {
    right: 0;
    width: 100%;
  }
  .honor-wear-zero-ss-13 .blank-fonts {
    left: 0;
    width: 100%;
  }
  .honor-wear-zero-ss-14 .blank-fonts {
    right: 0;
    width: 100%;
  }
  .honor-wear-zero-ss .item-tags img {
    max-width: 50px;
  }
  .honor-wear-zero-ss .item-tags {
    text-align: center;
    margin: 20px 0;
    max-width: 100px;
    min-width: 80px;
  }
}

/*honor-wear-zero-ss end*/

/*honor5c-eu start*/

.honor5c-eu-01 {}

.honor5c-eu h3 {
  color: #000;
}

.honor5c-eu-icon {
  text-align: center;
}

.honor5c-eu-01-img {
  margin: 5% 0;
}

.honor5c-eu-02 {
  padding-top: 10%;
  background: #000;
  overflow: hidden;
  margin-top: 5%;
}

.honor5c-eu-02 .txt {
  color: #fff;
}

.honor5c-eu-03 {
  background: #fafafa;
  display: block;
  overflow: hidden;
}

.honor5c-eu-03 .txt {
  left: 10%;
  margin-top: 10%;
  position: relative;
}

.honor5c-eu-04 {
  background: #ececee;
  display: block;
  overflow: hidden;
}

.honor5c-eu-04 .txt {
  left: 10%;
  margin-top: 10%;
  position: relative;
}

.honor5c-eu .honor5c-04-bg {
  background: #fff;
}

.honor5c-eu-06 {
  background: #000000;
  overflow: hidden;
}

.honor5c-eu-06 {
  color: #fff;
  padding: 10% 0 0 10%;
}

.honor5c-eu-07 {
  overflow: hidden;
}

.honor5c-eu-07 {
  padding: 10% 0 0 10%;
}

.honor5c-eu-08 {
  background: #00b2e6;
  margin: 5% auto;
  text-align: center;
  padding: 5% 0;
}

.honor5c-eu-08 h3 {
  color: #fff;
}

.honor5c-eu-08-btn {
  width: 250px;
  height: 45px;
  margin: 20px auto 0 auto;
}

.honor5c-eu-08-btn .we-video-icon-6 {
  color: #fff;
  border-color: #fff;
}

.honor5c-eu .table tr td:last-child {
  width: 50%;
  word-wrap: break-word;
  white-space: normal;
}

.honor5c-eu .table td {
  border: 1px solid #fff;
  border-left: 3px solid #fff;
  vertical-align: middle;
  padding: 10px;
}

.honor5c-eu .table tr:nth-child(odd) {
  background: #eee;
}

.honor5c-eu .table tr:nth-child(odd):hover {
  background: #ccc;
  cursor: pointer;
}

.honor5c-eu .table tr:nth-child(even):hover {
  background: #fafafa;
  cursor: pointer;
}

.honor5c-eu tbody tr .color-td {
  color: #00b7e1;
  vertical-align: middle;
  background: #eee;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 4px solid #fff;
  padding-left: 2%;
  width: 25%;
}

.honor5c-eu-02 h3,
.honor5c-eu-06 h3,
.honor5c-eu-02 .item-tags>p {
  color: #fff;
}

.honor5c-eu h4 {
  color: #42beed;
  line-height: 100%;
}

.honor5c-eu-08 h3 {
  line-height: 100%;
}

.honor5c-eu-09 {
  margin-top: 50px;
}

.honor5c-eu-09 h3 {
  text-align: center;
  color: #000;
}

.honor5c-eu .honor5c-eu-01 .item-tags {
  height: 170px;
}

.honor5c-eu .we-honor5x {
  top: 60%;
  left: 23%;
  position: absolute;
}

.honor5c-eu .we-honor5x .banner-btnstyle {
  color: #fff;
  border: 2px #fff solid;
}

@media only screen and (max-width: 767px) {
  .honor5c-eu .we-honor5x {
    width: 100%;
    text-align: center;
    position: relative;
    left: 0;
    margin: auto;
  }
  .honor5c-eu .we-honor5x .banner-btnstyle {
    color: #00b3e0;
    border: 2px #00b3e0 solid;
    width: 150px;
    height: 35px;
    font-size: 18px;
    line-height: 37px;
    text-align: center;
  }
  .honor5c-eu-08-btn {
    width: auto;
    height: 45px;
    text-align: center;
    display: inline-block;
  }
  .honor5c-eu-02 .txt {
    margin-left: 10px;
  }
  .honor5c-eu-03 .txt {
    left: 0;
    margin: 10px;
  }
  .honor5c-eu-04 .txt {
    left: 0;
    margin: 10px;
  }
  .honor5c-eu-06 {
    padding: 10px;
  }
  .honor5c-eu-07 {
    padding: 10px;
  }
  .honor5c-eu-02 h3,
  .honor5c-eu-06 h3,
  .honor5c-eu-02 .item-tags>p {
    color: #fff;
  }
}

.honor5c-eu .table-responsive {
  border: none;
}

/*honor5c-eu end*/

/* 2016-06-15 eof */

/*power-bank-ap start 20160620*/

.power-bank-ap .honor-en {
  margin: 0;
  padding: 0;
}

.power-bank-ap .blank-fonts {
  position: absolute;
}

.power-bank-ap-01 .blank-fonts {
  top: 15%;
  left: 10%;
  width: 80%;
}

.power-bank-ap-01-txt {
  font-size: 48px;
  line-height: 120%;
}

.power-bank-ap-02 .blank-fonts {
  bottom: 15%;
  left: 10%;
}

.power-bank-ap-03 .blank-fonts {
  top: 15%;
  left: 10%;
}

.power-bank-ap-04 .blank-fonts {
  top: 15%;
  text-align: center;
  width: 100%;
}

.power-bank-ap-05 .blank-fonts {
  top: 15%;
  left: 10%;
}

.power-bank-ap-05 .blank-fonts h3,
.power-bank-ap-05 .blank-fonts p,
.power-bank-ap-04 .blank-fonts h3,
.power-bank-ap-04 .blank-fonts p {
  color: #fff !important;
}

.power-bank-ap-06 .blank-fonts {
  bottom: 15%;
  left: 10%;
}

.power-bank-ap-07 .blank-fonts {
  top: 10%;
  left: 10%;
}

@media only screen and (max-width: 767px) {
  .power-bank-ap .blank-fonts {
    position: relative;
  }
  .power-bank-ap-01 .blank-fonts {
    top: 0;
    left: 0;
    width: 100%;
  }
  .power-bank-ap-02 .blank-fonts {
    bottom: 0;
    left: 0;
  }
  .power-bank-ap-03 .blank-fonts {
    top: 0;
    left: 0;
  }
  .power-bank-ap-04 .blank-fonts {
    top: 0;
    text-align: justify;
    width: 100%;
  }
  .power-bank-ap-05 .blank-fonts {
    top: 0;
    left: 0;
  }
  .power-bank-ap-06 .blank-fonts {
    bottom: 0;
    left: 0;
  }
  .power-bank-ap-07 .blank-fonts {
    top: 5%;
    left: 10%;
    position: absolute;
  }
}

/*power-bank-ap end*/

/* brand-new bof */

.brand-newsall .swiper-bannerbox {
  position: relative;
}

.brand-newsall .swiper-bannerbox .banner-mask {
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  bottom: -3px;
  z-index: 98;
}

.brand-newsall .banner-swiper-container {
  width: 100%;
  height: 100%;
}

.brand-newsall .mobileimg {
  display: none;
}

.brand-newsall .pcimg {
  display: block;
}

.brand-newsall .pcimg,
.brand-newsall .mobileimg {
  width: 100%;
  margin: 0 auto;
}

.brand-newsall {
  color: #333;
}

.brand-newsall h2.title {
  font-size: 36px;
}

.brand-newsall .brandnew-title {
  text-align: center;
  color: #999;
  margin-bottom: 30px;
}

.brand-newsall .brandnew-title h3 {
  letter-spacing: 3px;
  margin-bottom: 5px;
}

.brand-newsall .brandnew-section3 .swiper-container {
  cursor: -webkit-grab;
  height: 580px !important;
}

.brand-newsall .swiper-container {
  cursor: -webkit-grab;
}

.brand-newsall .swiper-wrapper {
  height: 100%;
}

.brand-newsall .swiper-slide {
  background-position: center;
  background-size: cover !important;
}

.brand-newsall .brandnew-section1 {
  padding: 5% 0;
  text-align: center;
  line-height: 28px;
}

.brand-newsall .brandnew-section1 .container {
  max-width: 880px;
}

.brand-newsall .brandnew-section1 h2 {
  margin-top: 0;
  color: #333;
}

.brand-newsall .brandnew-section3 {
  text-align: center;
  background-color: #fff;
  color: #fff;
  padding-top: 5%;
}

.brand-newsall .brandnew-section4 {
  text-align: center;
  background-color: #fff;
  color: #333;
  padding-top: 5%;
  padding-bottom: 30px;
  position: relative;
}

.brand-newsall .brandnew-section4 .swiper-container {
  width: 100%;
  height: 100%;
}

.brand-newsall .brandnew-section3 .swiper-wrapper {
  height: 510px \9;
}

.brand-newsall .swiper-bannerbox .swiper-pagination,
.brand-newsall .brandnew-section3 .swiper-pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 5%;
  width: 100%;
}

.brand-newsall .swiper-bannerbox .swiper-pagination-bullet,
.brand-newsall .swiper-bannerbox .swiper-pagination-switch,
.brand-newsall .brandnew-section3 .swiper-pagination-bullet,
.brand-newsall .brandnew-section3 .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  margin: 0 3px;
  height: 10px;
  opacity: 1;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/brand_iconall.png) -250px 0 no-repeat;
  text-indent: -9999px;
}

.brand-newsall .swiper-bannerbox .swiper-pagination-bullet.swiper-pagination-bullet-active,
.brand-newsall .swiper-bannerbox .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch,
.brand-newsall .brandnew-section3 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.brand-newsall .brandnew-section3 .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/brand_iconall.png) -230px 0 no-repeat;
}

.brand-newsall .brandnew-section3 .section3-text p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  line-height: 175%;
}

.brand-newsall .brandnew-section3 .brandnewtxtbox {
  display: table;
  width: 100%;
  height: 100%;
}

.brand-newsall .brandnew-section3 .section3-text {
  display: table-cell;
  margin: 0 auto;
  vertical-align: middle;
}

.brand-newsall .brandnew-section3 .section3-text .btn-demo {
  margin-top: 20px;
}

.brand-newsall a.whiteborder {
  border-color: #fff;
  color: #fff;
  text-decoration: none;
  transition: ease-in .3s;
  -o-transition: ease-in .3s;
  -ms-transition: ease-in .3s;
  -moz-transition: ease-in .3s;
  -webkit-transition: ease-in .3s;
}

.brand-newsall a.whiteborder:hover {
  color: #333;
  background-color: #fff;
}

.brand-newsall .bignoodfont {
  font-family: "bignoodletitlingregular";
}

.brand-newsall .global-presencebox {
  margin-bottom: 10px;
  text-align: right;
}

.brand-newsall .global-presencebox a.development-presence {
  color: #999;
  display: inline-block;
  text-align: left;
  text-decoration: underline;
}

.brand-newsall .global-presencebox a.development-presence:hover {
  color: #666;
  cursor: pointer;
}

.brand-newsall .global-presencebox span {
  display: block;
  float: left;
  margin-left: 5px;
  font-size: 16px;
}

.brand-newsall .development-bgbox .gallery-thumbs .swiper-slide {
  opacity: 1;
}

.brand-newsall .title-line {
  margin: 0 auto;
  width: 50px;
  height: 2px;
  background-color: #999;
}

.brand-newsall .global-presencebox .bignoodfont {
  text-decoration: underline;
}

.brand-newsall .development-bgbox {
  background-color: #f4f4f4;
  padding-top: 5%;
  padding-bottom: 40px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.brand-newsall .development-bgbox .gallery-top,
.brand-newsall .development-bgbox .gallery-thumbs {
  width: 100% !important;
  height: 100% !important;
  cursor: -webkit-grab;
}

.brand-newsall .development-bgbox .boxsmallimg {
  width: 100%;
  height: 120px;
}

.brand-newsall .bigswiper {
  position: relative;
  margin-bottom: 10px;
}

.brand-newsall .swiper-bannerbox .arrow-left,
.brand-newsall .development-bgbox .arrow-left,
.brand-newsall .brandnew-section4 .arrow-left {
  width: 32px;
  height: 60px;
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  margin-top: -53px;
  margin-left: -68px;
  text-indent: -9999px;
  z-index: 30;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/brand_arrow_licon1.png) 0 0 no-repeat;
}

.brand-newsall .swiper-bannerbox .arrow-right,
.brand-newsall .development-bgbox .arrow-right,
.brand-newsall .brandnew-section4 .arrow-right {
  width: 32px;
  height: 60px;
  position: absolute;
  display: block;
  right: 0;
  margin-right: -68px;
  top: 50%;
  margin-top: -53px;
  text-indent: -9999px;
  z-index: 30;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/brand_arrow_ricon1.png) 0 0 no-repeat;
}

.brand-newsall .swiper-bannerbox .swiper-pagination {
  display: none;
}

.brand-newsall .swiper-bannerbox .arrow-left {
  margin-left: 20px;
}

.brand-newsall .swiper-bannerbox .arrow-right {
  margin-right: 20px;
}

.brand-newsall p {
  font-size: 16px;
}

.brand-newsall .development-box,
.brand-newsall .development-right {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #00b7e1;
}

.brand-newsall .development-left {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.brand-newsall .development-hypotenuse {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
  height: 100%;
}

.brand-newsall .development-videobox {
  width: 130px;
  /* height: 60px; */
  position: absolute;
  z-index: 21;
  bottom: 11%;
  right: 20%;
  margin-left: -30px;
  margin-top: -30px;
}

.brand-newsall .development-videobtn {
  display: block;
  font-size: 18px;
  width: 100%;
  text-decoration: underline;
  color: #fff;
  height: 100%;
  /* background: url(/content/dam/honor/common/products/img/brand_iconall.png) -66px 0 no-repeat; */
  background-size: cover;
}

.brand-newsall .development-box>.row-new {
  letter-spacing: -0.315em;
}

.brand-newsall .development-box>.row-new>div[class*="col-"] {
  float: none;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}

.brand-newsall .development-right {
  text-align: right;
  padding-right: 20px;
  color: #fff;
  overflow: hidden;
  background-color: #00b7e1;
}

.brand-newsall .development-timetxt {
  width: 30%;
  position: absolute;
  right: 20px;
  bottom: 20px;
  text-align: right;
  color: #fff;
}

.brand-newsall .development-right h2 {
  margin-top: 10px;
  margin-bottom: 20px;
  color: #fff;
  opacity: 0;
  transition: all ease-in-out 1s;
  -o-transition: all ease-in-out 1s;
  -ms-transition: all ease-in-out 1s;
  -moz-transition: all ease-in-out 1s;
  -webkit-transition: all ease-in-out 1s;
  transform: translateX(150%) scale(1, 1);
  -o-transform: translateX(150%) scale(1, 1);
  -ms-transform: translateX(150%) scale(1, 1);
  -moz-transform: translateX(150%) scale(1, 1);
  -webkit-transform: translateX(150%) scale(1, 1);
}

.brand-newsall .development-right p {
  opacity: 0;
  transition: all ease-in-out 1s;
  -o-transition: all ease-in-out 1s;
  -ms-transition: all ease-in-out 1s;
  -moz-transition: all ease-in-out 1s;
  -webkit-transition: all ease-in-out 1s;
  transform: translateX(100%) scale(0, 0);
  -o-transform: translateX(100%) scale(0, 0);
  -ms-transform: translateX(100%) scale(0, 0);
  -moz-transform: translateX(100%) scale(0, 0);
  -webkit-transform: translateX(100%) scale(0, 0);
}

.brand-newsall .swiper-slide-active .development-right h2,
.brand-newsall .swiper-slide-active .development-right p {
  transform: translateX(0) scale(1, 1);
  -o-transform: translateX(0) scale(1, 1);
  -ms-transform: translateX(0) scale(1, 1);
  -moz-transform: translateX(0) scale(1, 1);
  -webkit-transform: translateX(0) scale(1, 1);
  opacity: 1;
}

.brand-newsall .small-boxdate {
  color: #999;
  text-align: center;
}

.brand-newsall .small-boxdate .date-imgbox {
  display: table;
  width: 82px;
  height: 82px;
  margin: auto;
  padding: 0;
  border-radius: 50%;
  border: 1px solid transparent;
}

.brand-newsall .date-pbox {
  display: table;
  width: 90px;
  margin: auto;
  text-align: center;
}

.brand-newsall .datetext {
  max-height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brand-newsall .datetext p {
  line-height: 24px;
  max-height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brand-newsall .date-imgbox .ring1 {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  padding: 5px;
  overflow: hidden;
  border: 2px solid transparent;
}

.brand-newsall .small-boxdate .date-imgbox img {
  border: 2px solid transparent;
  border-radius: 50%;
}

.brand-newsall .development-bgbox .date-imgbox img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.brand-newsall .development-bgbox .swiper-slide-active .date-imgbox .ring1,
.brand-newsall .development-bgbox .swiper-slide-active .date-imgbox:hover .ring1 {
  /*border-color:#00b7e1;*/
  animation: dateborder 1.1s linear;
  -o-animation: dateborder 1.1s linear;
  -ms-animation: dateborder 1.1s linear;
  -moz-animation: dateborder 1.1s linear;
  -webkit-animation: dateborder 1.1s linear;
}

.brand-newsall .development-bgbox .swiper-slide-active .date-imgbox,
.brand-newsall .development-bgbox .swiper-slide-active .date-imgbox:hover {
  border-color: #00b7e1 \9;
  animation: shadowdate 2s linear 1.1s infinite;
  -o-animation: shadowdate 2s linear 1.1s infinite;
  -ms-animation: shadowdate 2s linear 1.1s infinite;
  -moz-animation: shadowdate 2s linear 1.1s infinite;
  -webkit-animation: shadowdate 2s linear 1.1s infinite;
}

.brand-newsall .development-bgbox .swiper-slide-active .date-imgbox img,
.brand-newsall .development-bgbox .swiper-slide-active .date-imgbox:hover img {
  border-color: #00b7e1;
}

.brand-newsall .development-bgbox .swiper-slide-active .date-pbox p {
  color: #00b7e1;
}

@keyframes dateborder {
  from {
    border-width: 30px;
  }
  to {
    border-width: 3px;
  }
}

@-o-keyframes dateborder {
  from {
    border-width: 30px;
  }
  to {
    border-width: 3px;
  }
}

@-ms-keyframes dateborder {
  from {
    border-width: 30px;
  }
  to {
    border-width: 3px;
  }
}

@-moz-keyframes dateborder {
  from {
    border-width: 30px;
  }
  to {
    border-width: 3px;
  }
}

@-webkit-keyframes dateborder {
  from {
    border-width: 30px;
  }
  to {
    border-width: 3px;
  }
}

/**/

@keyframes shadowdate {
  0 {
    border-color: transparent;
    box-shadow: none;
  }
  50% {
    border-color: #00b7e1;
    box-shadow: 1px 0 10px #00b7e1;
  }
  100% {
    border-color: transparent;
    box-shadow: none;
  }
}

@-o-keyframes shadowdate {
  0 {
    border-color: transparent;
    box-shadow: none;
  }
  50% {
    border-color: #00b7e1;
    box-shadow: 1px 0 10px #00b7e1;
  }
  100% {
    border-color: transparent;
    box-shadow: none;
  }
}

@-ms-keyframes shadowdate {
  0 {
    border-color: transparent;
    box-shadow: none;
  }
  50% {
    border-color: #00b7e1;
    box-shadow: 1px 0 10px #00b7e1;
  }
  100% {
    border-color: transparent;
    box-shadow: none;
  }
}

@-moz-keyframes shadowdate {
  0 {
    border-color: transparent;
    box-shadow: none;
  }
  50% {
    border-color: #00b7e1;
    box-shadow: 1px 0 10px #00b7e1;
  }
  100% {
    border-color: transparent;
    box-shadow: none;
  }
}

@-webkit-keyframes shadowdate {
  0 {
    border-color: transparent;
    box-shadow: none;
  }
  50% {
    border-color: #00b7e1;
    box-shadow: 1px 0 10px #00b7e1;
  }
  100% {
    border-color: transparent;
    box-shadow: none;
  }
}

/**/

.brand-newsall .development-bgbox .swiper-pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 5px;
  width: 100%;
  display: none;
}

.brand-newsall .development-bgbox .swiper-pagination-bullet,
.brand-newsall .development-bgbox .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  margin: 0 3px;
  height: 8px;
  opacity: 1;
  background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_all_icon.png) no-repeat -252px 0;
  text-indent: -9999px;
}

.brand-newsall .development-bgbox .swiper-pagination-bullet.swiper-pagination-bullet-active,
.brand-newsall .development-bgbox .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_all_icon.png) no-repeat -244px 0;
}

.brand-newsall .swiper-line {
  position: absolute;
  top: 54px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #666;
}

.brand-newsall .development-bgbox .gallery-thumbs .swiper-slide {
  width: auto;
}

.brand-newsall .small-boxdate {
  position: relative;
}

.brand-newsall .small-year {
  position: absolute;
  height: 30px;
  top: 50%;
  left: 0;
  margin-top: -15px;
}

.brand-newsall .year-txtbox {
  position: relative;
  width: 60px;
  height: 30px;
  text-align: center;
}

.brand-newsall .year-line {
  width: 2px;
  height: 10px;
  background-color: #666;
  margin: 0 auto;
}

.brand-newsall .year-txtbox p {
  margin-bottom: 0;
  font-size: 12px;
  margin: 0 auto;
  height: 20px;
  line-height: 20px;
}

.brand-newsall .figures-textbox {
  background-color: #fff;
  margin: 0 15px;
  padding-bottom: 20px;
}

.brand-newsall .brandnew-section1 .pink-btn {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/home_btn.png) no-repeat;
  height: 57px;
  width: 176px;
  display: inline-block;
  text-align: center;
  line-height: 56px;
  margin-top: 20px;
}

.brand-newsall .brandnew-section4 .swiper-container {
  height: 532px;
}

.brand-newsall .figurestxt-item {
  width: 94%;
  margin: 0 auto;
}

.brand-newsall .brandnew-section1 h2 {
  transition: all 3s;
  -o-transition: all 3s;
  -ms-transition: all 3s;
  -moz-transition: all 3s;
  -webkit-transition: all 3s;
}

.brand-newsall .brandnew-section1 p {
  transition: all 2.6s;
  -o-transition: all 2.6s;
  -ms-transition: all 2.6s;
  -moz-transition: all 2.6s;
  -webkit-transition: all 2.6s;
}

.brand-newsall .brandnew-section1 a.pink-btn {
  transition: all 2.2s;
  -o-transition: all 2.2s;
  -ms-transition: all 2.2s;
  -moz-transition: all 2.2s;
  -webkit-transition: all 2.2s;
}

.brand-newsall .brandnew-section1 {
  overflow: hidden;
  position: relative;
}

.brand-newsall .brandnew-section1 h2,
.brand-newsall .brandnew-section1 p,
.brand-newsall .brandnew-section1 a.pink-btn {
  transform: translateX(-500px);
  -o-transform: translateX(-500);
  -ms-transform: translateX(-500);
  -moz-transform: translateX(-500);
  -webkit-transform: translateX(-500);
}

.brand-newsall .brandnew-section1.active h2,
.brand-newsall .brandnew-section1.active p,
.brand-newsall .brandnew-section1.active a.pink-btn {
  transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
}

.brand-newsall .swiper-slide:hover .figures-textbox {
  box-shadow: 1px 1px 20px rgba(204, 204, 204, 0.8);
}

.brand-newsall a.figures-more {
  display: inline-block;
  color: #00b7e1;
  text-decoration: underline;
}

.brand-newsall .figures-textbox h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}

.brand-newsall .figures-content {
  height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brand-newsall .figures-content p {
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.brand-newsall .figures-swiperbox {
  position: relative;
}

.brand-newsall .brandnew-section5 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.brand-newsall .brandnew-contentbox>.row-new>.col-sm-6>.row-new>div[class*="col-"] {
  margin-bottom: 5px;
}

.brand-newsall .ibox {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.brand-newsall .ibox img {
  transition: all 1.3s;
  -o-transition: all 1.3s;
  -ms-transition: all 1.3s;
  -moz-transition: all 1.3s;
  -webkit-transition: all 1.3s;
}

.brand-newsall .ibox:hover img {
  transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}

.brand-newsall .news-content-txt small {
  color: #999;
}

.brand-newsall .news-content-txt h4 {
  margin-bottom: 10px;
  min-height: 38px;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.brand-newsall .news-content-txt h4:hover {
  text-decoration: underline;
  color: #00b7e1;
}

.brand-newsall .news-content-txt a.figures-more {
  font-size: 14px;
}

.brand-newsall .new-more {
  width: 100%;
}

.brand-newsall .brand-new-more {
  color: #00b7e1;
  text-decoration: underline;
  padding: 2px 10px;
  line-height: 24px;
  text-align: center;
  display: block;
  right: 5px;
  position: absolute;
}

.brand-newsall .brand-new-more a {
  color: #00b7e1;
  text-decoration: underline;
}

.brandnew-section5_ad {
  position: relative;
}

.brandnew-section5_ad h3 {
  position: absolute;
  bottom: 10px;
  font-size: 16px;
  color: #fff;
  padding: 5px;
}

.section3-pic-01 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor_videobg_01.jpg") no-repeat center;
  width: 100%;
  height: 582px;
}

.section3-pic-01 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor_videobg_02.jpg") no-repeat center;
  width: 100%;
  height: 582px;
}

.figures_01 {
  margin-bottom: 20px;
  position: relative;
}

.brand-blue-tab {
  position: absolute;
  bottom: 0;
  left: 0;
}

.brand-newsall .map-03 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/map_04.jpg") no-repeat center;
  height: 470px;
  width: 800px;
}

.brand-newsall .modal-new-dialog {
  width: 800px;
}

.brand-newsall .modal-new-content {
  background: none;
  box-shadow: none;
  border: none;
  text-align: right;
}

.brand-newsall .modal-new-header {
  border-bottom: none;
  padding: 0 !important;
  display: inline-block;
  right: 0;
  position: absolute;
  margin-right: -45px;
}

.brand-newsall .modal-new-open .modal-new {
  top: 10%;
}

.brand-newsall .modal-new-body {
  padding: 0;
}

.brand-newsall .modal-new-header .close {
  font-size: 40px;
  display: block;
  color: #fff;
  opacity: 1;
  background: #333;
  width: 40px;
  height: 40px;
}

.brand-newsall .map-03 a {
  color: #fff;
  font-size: 12px;
}

.brand-newsall .map-03-01 {
  position: absolute;
  top: 22%;
  left: 16%;
}

.brand-newsall .map-03-02 {
  position: absolute;
  top: 23%;
  left: 35%;
}

.brand-newsall .map-03-03 {
  position: absolute;
  top: 17%;
  left: 42%;
}

.brand-newsall .map-03-04 {
  position: absolute;
  top: 29%;
  left: 41%;
}

.brand-newsall .map-03-05 {
  position: absolute;
  top: 17%;
  left: 48%;
}

.brand-newsall .map-03-06 {
  position: absolute;
  top: 22%;
  left: 50%;
}

.brand-newsall .map-03-07 {
  position: absolute;
  top: 28%;
  left: 50%;
}

.brand-newsall .map-03-08 {
  position: absolute;
  top: 35%;
  left: 51%;
}

.brand-newsall .map-03-09 {
  position: absolute;
  top: 24%;
  left: 55%;
}

.brand-newsall .map-03-10 {
  position: absolute;
  top: 31%;
  left: 56%;
}

.brand-newsall .map-03-11 {
  position: absolute;
  top: 24%;
  left: 66%;
}

.brand-newsall .map-03-12 {
  position: absolute;
  top: 20%;
  left: 72%;
}

.brand-newsall .map-03-13 {
  position: absolute;
  top: 28%;
  left: 74%;
}

.brand-newsall .map-03-14 {
  position: absolute;
  top: 31%;
  left: 79%;
}

.brand-newsall .map-03-15 {
  position: absolute;
  top: 36%;
  left: 79%;
}

@media(max-width:1440px) {
  .brand-newsall .swiper-bannerbox .arrow-left,
  .brand-newsall .development-bgbox .arrow-left,
  .brand-newsall .brandnew-section4 .arrow-left {
    margin-top: -42px;
    background-size: 80%;
  }
  .brand-newsall .swiper-bannerbox .arrow-right,
  .brand-newsall .development-bgbox .arrow-right,
  .brand-newsall .brandnew-section4 .arrow-right {
    margin-top: -42px;
    background-size: 80%;
  }
}

@media(max-width:1200px) {
  .brand-newsall .swiper-bannerbox .arrow-left,
  .brand-newsall .development-bgbox .arrow-left,
  .brand-newsall .brandnew-section4 .arrow-left {
    margin-left: 10px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-top: -26px;
    background-size: 50%;
  }
  .brand-newsall .swiper-bannerbox .arrow-right,
  .brand-newsall .development-bgbox .arrow-right,
  .brand-newsall .brandnew-section4 .arrow-right {
    margin-right: 10px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-top: -26px;
    background-size: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .section3-pic-01 {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor_videobg_01_mb.jpg") no-repeat center;
    width: 100%;
    height: 582px;
  }
  .section3-pic-02 {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor_videobg_02_mb.jpg") no-repeat center;
    width: 100%;
    height: 582px;
  }
  .brand-newsall .development-bgbox .arrow-right {
    display: block !important;
    opacity: 1;
    top: 28%;
  }
  .brand-newsall .development-bgbox .arrow-left {
    display: block !important;
    opacity: 1;
    top: 28%;
  }
  .brand-newsall .development-bgbox {
    padding-bottom: 20px;
  }
  .brand-newsall .brandnew-section3 .swiper-container {
    cursor: -webkit-grab;
    height: 380px !important;
  }
  .brand-newsall .swiper-container {
    cursor: -webkit-grab;
  }
  .brand-newsall .brandnew-section4 .swiper-container {
    height: auto;
  }
  .brand-newsall .mb-hiden {
    display: none;
  }
  .brand-newsall .small-boxdate .date-imgbox {
    display: table;
    width: 60px;
    height: 60px;
    padding: 1px;
    margin-top: 10px;
  }
  .brand-newsall .date-imgbox .ring1 {
    height: 60px;
    width: 60px;
  }
  /* 2016-06-16 bof */
  /*brand new */
  .brand-newsall .development-hypotenuse {
    display: none;
  }
  .brand-newsall .development-right {
    padding: 10px;
    overflow: visible;
    min-height: 260px;
  }
  .brand-newsall .datetext {
    max-height: 180px;
  }
  .brand-newsall .development-right h2 {
    margin-bottom: 10px;
    text-align: center;
  }
  .brand-newsall .datetext p {
    max-height: 120px;
  }
  .brand-newsall .development-videobox {
    width: auto;
    /* height: 60px; */
    position: absolute;
    z-index: 21;
    bottom: 8px;
    left: 15px;
    right: inherit;
    margin-left: 0;
    margin-top: 0;
  }
  .brand-newsall .development-videobtn {
    display: block;
    font-size: 14px;
    width: 100%;
    color: #fff;
    height: 100%;
    /* background: url(/content/dam/honor/common/products/img/brand_iconall.png) -66px 0 no-repeat; */
    background-size: cover;
  }
  .brand-newsall .development-timetxt {
    bottom: 5px;
    font-size: 12px;
  }
  .brand-newsall .development-bgbox .arrow-left,
  .brand-newsall .development-bgbox .arrow-right,
  .brand-newsall .brandnew-section4 .arrow-left,
  .brand-newsall .brandnew-section4 .arrow-right {
    display: none;
  }
  .brand-newsall .development-bgbox .swiper-pagination,
  .brand-newsall .brandnew-section4 .swiper-pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
    display: block;
  }
  .brand-newsall .development-bgbox .swiper-pagination-bullet,
  .brand-newsall .development-bgbox .swiper-pagination-switch,
  .brand-newsall .brandnew-section4 .swiper-pagination-bullet,
  .brand-newsall .brandnew-section4 .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    margin: 0 3px;
    height: 8px;
    opacity: 1;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_all_icon.png) no-repeat -252px 0;
    text-indent: -9999px;
  }
  .brand-newsall .development-bgbox .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .brand-newsall .development-bgbox .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch,
  .brand-newsall .brandnew-section4 .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .brand-newsall .brandnew-section4 .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch {
    background: url(https://www.honor.com/content/dam/honor/common/products/img/sxsw_all_icon.png) no-repeat -244px 0;
  }
  .brand-newsall .brandnew-section1,
  .brand-newsall .development-bgbox,
  .brand-newsall .brandnew-section3,
  .brand-newsall .brandnew-section4 {
    padding-top: 30px;
  }
  .brand-newsall .brandnew-section5 {
    background-color: #f5f5f5;
  }
  .brand-newsall .brandnew-contentbox>.row-new>.col-sm-6 {
    background-color: #fff;
    padding: 10px;
    /* margin-bottom: 10px; */
    border-bottom: 1px solid #eee;
  }
  .brand-newsall .datetext p {
    text-align: center;
  }
  .brand-newsall .mobileimg {
    display: block;
  }
  .brand-newsall .pcimg,
  .brand-newsall .swiper-bannerbox .arrow-left,
  .brand-newsall .swiper-bannerbox .arrow-right,
  .brand-newsall .development-bgbox .swiper-pagination {
    display: none;
  }
  .brand-newsall .swiper-bannerbox .swiper-pagination {
    display: block;
    bottom: 20px;
  }
  .brand-newsall .news-content-txt {
    /*padding-left:15px;*/
    /*padding-right:15px;*/
  }
  .brand-newsall .brandnew-section5 {
    width: 100%;
    overflow: hidden;
  }
  /*.brandnew-section5 .brandnew-contentbox{
        margin-left:-5px;
        margin-right:-5px;
    }*/
  /* 2016-06-16 eof */
}

/* brand-new eof */

#en-modal-dialog .content-top-ico,
.buy-links .content-top-ico {
  padding: 20px 0;
}

#en-modal-dialog h3,
.buy-links h3 {
  font-family: "bignoodletitlingregular", "Century Gothic", Arial, CenturyGothic, AppleGothic, sans-serif;
  line-height: 40px;
}

#en-modal-dialog .modal-new-header,
.buy-links .modal-new-header {
  border-bottom: none;
}

.honor5c-eu #en-modal-dialog {
  top: 10% !important;
}

/*honor8-tease-state start*/

.honor8-tease-state {
  background: #00b2e6;
}

.honor8-tease-state h1,
.honor8-tease-state h2,
.honor8-tease-state h3 {
  font-family: "bignoodletitlingregular";
}

.honor8-tease-state p {
  color: #fff;
  font-size: 18px;
  line-height: 175%;
  margin-bottom: 20px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor8-tease-state .honor8-tease-01 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/bg-01-new.jpg") no-repeat center;
  width: 100%;
  height: 950px;
}

.honor8-tease-state .honor8-tease-01-txt {
  text-align: center;
  padding-top: 5%;
  margin: auto;
  color: #fff;
  width: 100%;
  position: static;
}

.honor8-tease-state .honor8-tease-01-txt h1 {
  font-size: 60px;
  line-height: 1.5em;
  margin-top: 20px;
}

.honor8-tease-state .honor8-tease-01-txt p {
  font-size: 24px;
}

.honor8-tease-state #div1 {
  color: #A22900;
  font-size: 24px;
  text-align: center;
  margin-top: 10px;
}

.honor8-tease-state .timeC {
  color: #00b2e6;
  font-size: 7em;
  position: relative;
  display: inline-block;
  margin: 20px;
  line-height: 1.1em;
}

.honor8-tease-state .timeP {
  color: #FFF;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  top: 0;
  font-size: 24px;
}

.honor8-tease-state .txt-p {
  margin: 20px 0;
  width: 100%;
}

.honor8-tease-state .txt-p p {
  max-width: 700px;
  line-height: 1.5em;
  font-size: 18px;
  margin: auto;
}

.honor8-tease-state .txt-p2 {
  margin-top: 30px;
}

.honor8-tease-state .honor8-tease-01 .input-group {
  max-width: 300px;
  margin: 2% auto;
}

.honor8-tease-state .honor8-tease-01 input {
  height: 40px;
}

.honor8-tease-state .honor8-tease-01 .btn {
  color: #fff;
  height: 40px;
  background: #00b2e6;
}

.honor8-tease-state .video-top {
  position: relative;
  z-index: 5;
}

.honor8-tease-state .honor8-tease-02 {
  background: #00b2e6;
  transition: all 2s;
  position: relative;
}

.honor8-tease-state .move-one-bg-color {
  background: #007da1;
}

.honor8-tease-01-txt img {
  max-width: 170px;
}

.honor8-tease-state .honor8-mark {
  position: relative;
  z-index: 11;
}

.honor8-tease-state .honor8-tease-move {
  margin-top: -3%;
  position: relative;
  z-index: 88;
}

.honor8-tease-state .honor8-tease-move-one {
  z-index: 99;
  position: relative;
}

.honor8-tease-state .honor8-tease-one {
  background: #00b2e6;
  /*url("/content/dam/honor/common/products/img/honor8-tease-state/honor8_tease_two_mark_02.jpg") no-repeat  bottom;*/
  transition: all 2s;
  position: relative;
  overflow: hidden;
}

.honor8-tease-state .move-one-bg-mark {
  background: #007da1;
  width: 100%;
  height: 13px;
  margin-top: -110px;
  position: relative;
}

.more-instenof a {
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin: 2% 0 0 auto;
  display: inline-block;
}

.honor8-tease-state .tease-move-01-left {
  padding-top: 50px;
}

.honor8-tease-state .honor8-tease-move-tow {
  background: #00b2e6;
  padding-bottom: 50px;
  position: relative;
}

.honor8-tease-state a.btn-white {
  border: 2px #fff solid;
  height: 42px;
  border-radius: 10px;
  line-height: 42px;
  color: #fff;
  min-width: 170px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

a.btn-white span {
  padding: 5px 10px;
  text-transform: uppercase
}

.honor8-tease-state .tease-p {
  padding: 0 30px;
}

.honor8-tease-state .honor8-tease-02 .video-icon .video-play {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor8_tease_icon_video_1.png") no-repeat center;
}

.honor8-tease-state .honor8-tease-02 .video-icon .video-play-a {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor8_tease_icon_video_1.png") no-repeat center;
}

#video-dialog .modal-new-dialog .modal-new-content .close-video-btn.close-video-btn-a {
  background: none;
  font-size: 18px;
  font-family: "bignoodletitlingregular";
  color: #fff;
  padding: 10px 0 0 50px;
  line-height: 15px;
  display: inline-block;
  position: relative;
  margin-right: -30px;
  height: 30px;
}

#video-dialog .modal-new-dialog .modal-new-content .close-video-btn.close-video-btn-a img {
  z-index: 99;
  position: relative;
}

.honor8-tease-state h3 {
  color: #fff;
  font-size: 60px;
  line-height: 155%;
}

.honor8-tease-state .video-top-02 {
  margin-top: 90px;
}

.honor8-tease-state .honor8-tease-02 .col-sm-6 {
  position: relative;
  padding: 5%;
}

.honor8-tease-state .honor8-tease-02 .video-icon {
  position: relative;
}

.honor8-tease-state .video-img-table {
  display: table;
}

.honor8-tease-state .video-img-table .col-sm-4 {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.honor8-tease-state .video-top-03 {
  text-align: center;
  margin-top: 110px;
}

.honor8-tease-state .video-top-04 {
  text-align: center;
}

.honor8-tease-state .video-top-03 h1 {
  color: #FFF;
  font-size: 60px;
  line-height: 175%;
  margin-bottom: 20px;
}

.honor8-tease-state .video-img-table .col-sm-4 {
  padding: 20px;
}

.honor8-tease-state .video-img-table-p {
  max-width: 800px;
  text-align: center;
  margin: 5% auto;
}

.honor8-tease-state .video-btn-white {
  margin: 5% auto;
  text-align: center;
}

.honor8-tease-state .video-top-03 h3 {
  line-height: 100%;
}

.honor8-tease-state .swiper-container {
  width: 100%;
  height: 100%;
}

.honor8-tease-state .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: none;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.honor8-tease-state .swiper-pagination-clickable .swiper-pagination-bullet {
  padding: 5px;
  margin: 5px;
  background: #fff;
}

.honor8-tease-state .swiper-pagination {
  width: 100%;
  margin: auto;
  bottom: 30px;
}

.honor8-tease-state .tease-move {
  position: relative;
}

.honor8-tease-state .tease-move-img {
  position: relative;
  margin-bottom: 14px;
}

.honor8-tease-state .video-icon-txt {
  margin-top: 30px;
  margin-left: 80px;
}

.honor8-tease-state .tease-01-move {
  background: #4d00ad;
  width: 100%;
  position: absolute;
  top: 14px;
  left: 14px;
  transition: all 1.5s;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
}

.honor8-tease-state .animination-a {
  animation: scrollanimata 1.5s linear;
  -webkit-animation: scrollanimata 1.5s linear;
  -ms-animation: scrollanimata 1.5s linear;
  -moz-animation: scrollanimata 1.5s linear;
  -o-animation: scrollanimata 1.5s linear;
}

.honor8-tease-state .animination-b {
  animation: scrollanimatb 1.5s linear;
  -webkit-animation: scrollanimatb 1.5s linear;
  -o-animation: scrollanimatb 1.5s linear;
  -ms-animation: scrollanimatb 1.5s linear;
  -moz-animation: scrollanimatb 1.5s linear;
}

@keyframes scrollanimata {
  0% {
    top: 14px;
  }
  50% {
    top: -50px;
  }
  100% {
    top: 14px;
  }
}

@-webkit-keyframes scrollanimata {
  0% {
    top: 14px;
  }
  50% {
    top: -50px;
  }
  100% {
    top: 14px;
  }
}

@-ms-keyframes scrollanimata {
  0% {
    top: 14px;
  }
  50% {
    top: -50px;
  }
  100% {
    top: 14px;
  }
}

@-moz-keyframes scrollanimata {
  0% {
    top: 14px;
  }
  50% {
    top: -50px;
  }
  100% {
    top: 14px;
  }
}

@-o-keyframes scrollanimata {
  0% {
    top: 14px;
  }
  50% {
    top: -50px;
  }
  100% {
    top: 14px;
  }
}

/* b */

@keyframes scrollanimatb {
  0% {
    top: 14px;
  }
  50% {
    top: 50px;
  }
  100% {
    top: 14px;
  }
}

@-webkit-keyframes scrollanimatb {
  0% {
    top: 14px;
  }
  50% {
    top: 50px;
  }
  100% {
    top: 14px;
  }
}

@-o-keyframes scrollanimatb {
  0% {
    top: 14px;
  }
  50% {
    top: 50px;
  }
  100% {
    top: 14px;
  }
}

@-moz-keyframes scrollanimatb {
  0% {
    top: 14px;
  }
  50% {
    top: 50px;
  }
  100% {
    top: 14px;
  }
}

@-ms-keyframes scrollanimatb {
  0% {
    top: 14px;
  }
  50% {
    top: 50px;
  }
  100% {
    top: 14px;
  }
}

.honor8-tease-state .honor8-tease-move-bg {
  position: absolute;
  top: 50px;
  left: 0;
  transition: transform 0.4s;
  z-index: 10;
}

.honor8-tease-state .bg-move-a {
  transform: translateY(50px);
  -ms-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -o-transform: translateY(50px);
  -webkit-transform: translateY(50px);
}

.honor8-tease-state .bg-move-b {
  transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.honor8-tease-state .honor8-tease-move-one-bg {
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.4s;
  -o-transition: transform 0.4s;
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
}

.honor8-tease-state .honor8-tease-grey-bg {
  display: none;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}

.honor8-tease-state .context-show p {
  color: #00b2e6;
  font-size: 18px;
  line-height: 175%;
  margin-top: 20%;
  text-align: center;
}

.honor8-tease-state .honor8_close {
  right: 0;
  top: 0;
  cursor: pointer;
  position: absolute;
  padding: 6px 2px;
  font-size: 24px;
  color: #00b2e6;
}

.honor8-tease-grey-bg.on {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.2;
  filter: alpha(opacity=10);
  background-color: #000;
  z-index: 9991;
  position: fixed;
  transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
}

@media only screen and (min-width: 1424px) and (max-width: 1920px) {
  .honor8-tease-state .move-one-bg-mark {
    background: none;
    width: 100%;
    height: 13px;
    margin-top: -110px;
    position: relative;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1423px) {
  .honor8-tease-state .move-one-bg-mark {
    background: #007da1;
    width: 100%;
    height: 54px;
    margin-top: -182px;
    position: relative;
  }
  .honor8-tease-01-txt img {
    max-width: 118px;
  }
  .honor8-tease-state .timeC {
    font-size: 5em;
    margin: 0 20px;
    line-height: 1.1em;
  }
  .honor8-tease-state .honor8-tease-01 {
    height: 800px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .honor8-tease-state .move-one-bg-mark {
    background: #007da1;
    width: 100%;
    height: 144px;
    margin-top: -252px;
    position: relative;
  }
  .honor8-tease-state .timeC {
    font-size: 4em;
  }
  .honor8-tease-state .honor8-tease-01 {
    height: 827px;
  }
  .honor8-tease-state h3 {
    font-size: 48px;
    line-height: 155%;
  }
  .honor8-tease-state .video-top-03 h1 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .honor8-tease-state .swiper-wrapper {}
  .honor8-tease-state .displayTable {
    display: table;
  }
  .honor8-tease-state .dispalyCell {
    display: table-cell;
    vertical-align: middle;
  }
  .honor8-tease-state .honor8-tease-02 {
    background: #00b2e6 url("https://www.honor.com/content/dam/honor/common/products/img/honor8-tease-move.png") no-repeat center;
  }
  .honor8-tease-state .container-fluid-new.honor8-tease-state {
    padding-left: 0;
    padding-right: 0;
  }
  .honor8-tease-state .honor8-tease-move-tow {
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 20px;
  }
  .honor8-tease-state .honor8-tease-02 .honor8-tease-move {
    padding: 5%;
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor8-tease-move_bg_mb.png") no-repeat;
  }
  .honor8-tease-state .honor8-tease-move {
    margin-top: -7%;
  }
  .honor8-tease-state .move-one-bg-mark {
    background: #007da1;
    width: 100%;
    height: 250px;
    margin-top: -248px;
    position: relative;
  }
  .honor8-tease-state .honor8-tease-02 .video-icon .video-play {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor8_tease_icon_video_2.png") no-repeat center;
  }
  .honor8-tease-state .tease-move {
    margin: 0 20px;
  }
  .honor8-tease-state .visible-xs .swiper-slide {
    margin: 0 10px;
  }
  .honor8-tease-state .swiper-button-prev,
  .sxsw-section4 .swiper-container-rtl .swiper-button-next {
    width: 32px;
    height: 60px;
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    background-size: 60%;
    margin-left: 10px;
    text-indent: -9999px;
    z-index: 30;
    background-image: url(https://www.honor.com/content/dam/honor/common/products/img/brand_arrow_licon1.png);
  }
  .honor8-tease-state .swiper-button-next,
  .sxsw-section4 .swiper-container-rtl .swiper-button-prev {
    width: 32px;
    height: 60px;
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    background-size: 60%;
    margin-right: 10px;
    text-indent: -9999px;
    z-index: 30;
    background-image: url(https://www.honor.com/content/dam/honor/common/products/img/brand_arrow_ricon1.png);
  }
  .honor8-tease-state .visible-xs .swiper-slide {
    margin: auto;
  }
  .honor8-tease-state .honor8-tease-move-tow .tease-move {
    position: relative;
  }
  .honor8-tease-state .video-img-table {
    position: relative;
    overflow: hidden;
    background: #007da1;
  }
  .honor8-tease-state .video-top-03 .dispalyCell {
    position: relative;
    display: table-cell;
    vertical-align: middle;
  }
  .honor8-tease-state .timeC {
    font-size: 60px;
    margin: 7px;
  }
  .honor8-tease-state .timeP {
    font-size: 16px;
  }
  .honor8-tease-state .honor8-tease-01-txt img {
    width: 110px;
  }
  .honor8-tease-state .honor8-tease-01-txt {
    top: 2%;
    position: static;
  }
  .honor8-tease-state .honor8-tease-01-txt h1 {
    font-size: 50px;
    line-height: 1.5em;
  }
  .honor8-tease-state .txt-p {
    padding: 0 30px;
  }
  .honor8-tease-state .honor8-tease-01 {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/bg-01-new.jpg") no-repeat center;
    width: 100%;
    height: 754px;
  }
  .honor8-tease-state .tease-move-01-left {
    padding: 0 30px;
    margin-top: 32px;
  }
  .honor8-tease-state .video-icon-txt {
    margin-bottom: 20px;
    padding: 0 10px;
    margin-left: 0;
  }
  .honor8-tease-state h3 {
    font-size: 48px;
    line-height: 100%;
  }
  .honor8-tease-state p {
    line-height: 155%;
    padding: 0 20px;
  }
  .honor8-tease-state .video-img-table-p p {
    background: #007da1;
    padding-top: 30px;
  }
  .honor8-tease-state .tease-p {
    padding: 0;
  }
  .honor8-tease-state .video-top-03 {
    margin-top: 10px;
    overflow: hidden;
    position: relative;
  }
  .honor8-tease-state .video-top-03 h1 {
    color: #FFF;
    font-size: 48px;
    line-height: 100%;
    margin-bottom: 10px;
    padding: 0 20px;
  }
  #video-dialog .modal-new-dialog .modal-new-content .close-video-btn.close-video-btn-a {
    margin-right: -10px;
  }
  #video-dialog .modal-new-dialog .modal-new-content .close-video-btn.close-video-btn-a img {
    z-index: 99;
    position: relative;
    max-width: 40px;
  }
  .honor8-tease-state .honor8-tease-move-one-bg {
    position: absolute;
    top: -141px;
    left: 0;
    transition: transform 0.4s;
  }
  .honor8-tease-state .video-img-table-p {
    margin-top: 0;
  }
  .honor8-tease-state .honor8-tease-one {
    overflow: visible;
  }
  .honor8-tease-state .video-top-02 {
    margin-top: 50px;
  }
}

/*honor8-tease-state end*/

@media (max-width: 1439px) and (min-width: 1200px) {
  .honor-en .blank-fonts p,
  .bg-textbox p {
    color: #000;
    line-height: 100% !important;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
}

/*honor8-comingsoon start*/

.honor8-comingsoon {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor8-comingsoon_bg.jpg") #273d66 fixed no-repeat center 0;
  height: auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.honor8-comingsoon-txt {
  text-align: center;
  color: #fff;
  padding-top: 8%;
  margin: auto;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

.honor8-comingsoon-txt h3 {
  font-size: 48px;
  line-height: 175%;
  margin-top: 10px;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

.honor8-comingsoon-txt h2 {
  font-size: 68px;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

.honor8-comingsoon-txt img {
  margin: auto;
}

.honor8-comingsoon-txt .date-comesoon {
  display: inline-block;
  font-size: 24px;
  line-height: 175%;
}

.honor8-comingsoon-txt hr {
  width: 100px;
  line-height: 72px;
  margin: 5px 20px;
  display: inline-block;
  height: 0;
  color: #fff;
  background: #fff;
  border: 1px solid #fff;
}

.honor8-comingsoon-txt-product h3 {
  font-size: 36px;
  color: #fff;
  line-height: 175%;
  text-align: center;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

@media only screen and (max-width: 767px) {
  .honor8-comingsoon-txt h3 {
    font-size: 36px;
    line-height: 125%;
  }
  .honor8-comingsoon-txt h2 {
    margin: 10px;
    font-size: 48px;
  }
  .honor8-comingsoon-txt hr {
    width: 50px;
    line-height: 72px;
    margin: 5px 5px;
    display: inline-block;
    height: 0;
    color: #fff;
    background: #fff;
    border: 1px solid #fff;
  }
  .honor8-comingsoon-txt-product h3 {
    font-size: 36px;
    line-height: 125%;
  }
  .honor8-comingsoon {
    height: auto;
  }
  .honor8-tease-state .honor8-tease-01-txt h1 {
    font-size: 50px;
    line-height: 1.5em;
    margin-top: 0;
    padding-top: 20px;
  }
  .honor8-tease-state .honor8-tease-01 {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor8_tease_01.jpg") no-repeat 0 0;
    width: 100%;
    min-height: 802px;
    height: inherit;
  }
  .honor8-tease-state .honor8-tease-01-txt {
    position: static;
  }
}

/*honor8-comingsoon end*/

/*honor8 Finland start*/

.honor8-f h3 {
  font-family: "Arial";
  font-weight: bold;
  line-height: 1.5;
  font-size: 36px;
}

.honor8-f p {
  font-size: 18px;
  line-height: 155%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

@media (max-width: 1439px) and (min-width: 1200px) {
  .honor8-f h3 {
    font-size: 28px;
  }
  .honor8-f p {
    font-size: 16px;
    line-height: 155% !important;
  }
  .honor8-f .tags .item-tag img {
    max-width: 90px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .honor8-f h3 {
    font-size: 24px;
  }
  .honor8-f p {
    font-size: 16px;
    line-height: 140%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .honor8-f h3 {
    font-size: 24px;
  }
  .honor8-f p {
    font-size: 16px;
    line-height: 140%;
  }
}

@media (max-width: 767px) {
  .honor8-f h3 {
    font-size: 16px;
  }
  .honor8-f p {
    font-size: 14px;
    line-height: 140%;
  }
}

.honor8-f ul {
  margin-bottom: 0;
}

.honor8-f ul.disc>li {
  color: #fff;
  list-style-type: disc;
}

/*tags*/

.honor8-f .tags {}

.honor8-f .tags .item-tag {
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  margin-right: 30px;
}

.honor8-f .tags .item-tag:last-child {
  margin-right: 0;
}

.honor8-f .tags .item-tag p {
  font-size: 14px;
  margin-top: 15px;
}

@media (max-width:991px) {
  .honor8-f .tags .item-tag {
    max-width: 110px;
    vertical-align: top;
  }
  .honor8-f .tags .item-tag>img {
    width: 100px;
    height: 100px;
    margin: auto;
  }
}

.honor8-f .gbblack {
  background: #030205
}

.honor8-f .gbpale {
  background: #f2f4f6
}

.honor8-f .gblime {
  background: #e0e3eb
}

.honor8-f .gbblueblack {
  background: #070c1e
}

.honor8-f .bg-textbox {
  padding: 0 10px;
  margin-top: 10%;
  margin-bottom: 10%;
}

.honor8-f .nodisc {
  font-size: 34px;
  vertical-align: sub;
}

/*.honor8-f .col-md-12 {min-height: 0;}*/

.honor8-f .bannerfont {
  text-align: left;
  padding-top: 40% !important;
  padding-left: 30%;
}

/*@media (max-width:992px) {

}*/

.honor8-f .bannerfont p {
  padding-left: 0;
}

.honor8-f .f-banner .bg {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/Product_page_1st-module_1920x1080.jpg");
  background-size: cover;
}

.honor8-f .f-banner .bg .f-b-img {
  padding-top: 147%;
}

.honor8-f .f-banner .bg .f-b-font {
  padding-top: 90%;
  padding-right: 10%;
}

.honor8-f .f-banner .bg .f-b-font .buy {}

@media (max-width:991px) {
  .honor8-f .f-banner .bg .f-b-img {
    padding-top: 0;
  }
  .honor8-f .f-banner .bg .f-b-font {
    padding-top: 40%;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 20%;
  }
  .honor8-f .f-banner .bg .f-b-font .buy {
    /*text-align: center;*/
    padding-left: 55%;
  }
}

.honor8-f .honor8-br .h-font {
  position: absolute;
  top: 30%;
  left: 5%;
  width: 70%;
}

@media (max-width:767px) {
  .honor8-f .honor8-br .h-font {
    top: 12%;
  }
}

.honor8-f .honor8-01 .h-font {
  position: absolute;
  top: 10%;
  left: 5%;
  width: 38%;
}

.honor8-f .honor8-01 .h-font h3,
.honor8-f .honor8-01 .h-font p {
  color: #fff
}

.honor8-f .honor8-02 {
  margin-top: -1px;
}

.honor8-f .honor8-02 .h-font {
  position: absolute;
  top: 10%;
  left: 5%;
  width: 34%;
}

@media (max-width:991px) {
  .honor8-f .honor8-01 .h-font {
    position: relative;
    left: 8%;
    width: 90%;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .honor8-f .honor8-01 .h-font h3,
  .honor8-f .honor8-01 .h-font p {
    color: #000
  }
  .honor8-f .honor8-01 ul.disc li {
    color: #000
  }
}

.honor8-f .honor8-02 .h-font p {
  color: #fff
}

@media (max-width:991px) {
  .honor8-f .honor8-02 .h-font {
    position: relative;
    left: 8%;
    width: 90%;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .honor8-f .honor8-02 .h-font h3,
  .honor8-f .honor8-02 .h-font p {
    color: #000
  }
  .honor8-f .honor8-02 ul.disc li {
    color: #000
  }
}

.honor8-f .honor8-03 {
  margin-top: -1px;
}

.honor8-f .honor8-03 h3,
.honor8-f .honor8-03 p {
  color: #fff !important
}

@media (max-width:991px) {
  .honor8-f .honor8-03 .bg-textbox {
    padding-left: 25px;
  }
}

.honor8-f .honor8-04 h3,
.honor8-f .honor8-04 p {
  color: #fff !important
}

@media (max-width:991px) {
  .honor8-f .honor8-04 .bg-textbox {
    padding-left: 25px;
  }
}

.honor8-f .honor8-05 .gburl {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/honor-8-overview-06.jpg");
}

.honor8-f .honor8-05 h3,
.honor8-f .honor8-05 p {
  color: #fff !important
}

.honor8-f .honor8-05 .mn10 {
  margin-top: 30%;
  margin-bottom: 20px;
}

.honor8-f .honor8-05 .bg-textbox {
  margin-top: 20%;
}

@media (max-width:991px) {
  .honor8-f .honor8-05 .bg-textbox {
    margin-top: 5px;
    padding-left: 25px;
  }
  .honor8-f .honor8-05 .mn10 {
    margin-top: 20px;
  }
}

.honor8-f .honor8-06 .gbblack {
  padding-top: 10%
}

.honor8-f .honor8-06 h3,
.honor8-f .honor8-06 p {
  color: #fff !important;
}

.honor8-f .honor8-06 .bg-textbox {
  text-align: center;
}

.honor8-f .honor8-06 ul.disc li {
  list-style-type: none;
}

@media (max-width:991px) {
  .honor8-f .honor8-06 .nodisc {
    vertical-align: top;
  }
}

.honor8-f .honor8-07 h3,
.honor8-f .honor8-07 p {
  color: #333 !important;
}

.honor8-f .honor8-07 ul.disc li {
  color: #333
}

@media (max-width:991px) {
  .honor8-f .honor8-07 .bg-textbox {
    padding-left: 25px;
  }
}

.honor8-f .honor8-08 h3,
.honor8-f .honor8-08 p {
  color: #fff !important;
}

.honor8-f .honor8-08 .bg-textbox {
  text-align: center;
  margin-bottom: 0;
}

.honor8-f .honor8-08 ul.disc li {
  list-style-type: none;
}

@media (max-width:991px) {
  .honor8-f .honor8-08 .tags {
    text-align: left;
    margin-left: 20px;
  }
  .honor8-f .honor8-08 .nodisc {
    vertical-align: top;
  }
}

.honor8-f .honor8-09 h3,
.honor8-f .honor8-09 p {
  color: #fff !important;
}

.honor8-f .honor8-09 .bg-textbox {
  margin-bottom: 0;
}

@media (max-width:991px) {
  .honor8-f .honor8-09 .bg-textbox {
    padding-left: 25px;
  }
}

.honor8-f .honor8-10 .h-font {
  position: absolute;
  top: 10%;
  text-align: center;
}

.honor8-f .honor8-10 ul.disc li {
  list-style-type: none;
}

.honor8-f .honor8-10 h3,
.honor8-f .honor8-10 p {
  color: #fff !important;
}

@media (max-width:991px) {
  .honor8-f .honor8-10 .nodisc {
    vertical-align: top;
  }
  .honor8-f .honor8-10 .h-font {
    position: relative;
    background: #0b0e15;
  }
  .honor8-f .honor8-10 .tags {
    text-align: left;
    margin-left: 25px;
  }
}

.honor8-f .honor8-11 h3,
.honor8-f .honor8-11 p {
  color: #fff !important;
}

.honor8-f .honor8-11 .bg-textbox {
  margin-top: 20%;
}

.honor8-f .honor8-11 .gbblueblack {
  margin-top: -1px
}

@media (max-width:991px) {
  .honor8-f .honor8-11 .gbblueblack {
    background: #fff;
  }
  .honor8-f .honor8-11 h3,
  .honor8-f .honor8-11 p {
    color: #000 !important;
  }
  .honor8-f .honor8-11 .bg-textbox {
    margin-top: 20px;
    margin-left: 25px;
    margin-bottom: 20px;
  }
  .honor8-f .honor8-11 ul.disc li {
    color: #000
  }
}

.honor8-f .honor8-12 .gburl {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/hono8-12.jpg");
}

.honor8-f .honor8-12 h3,
.honor8-f .honor8-12 p {
  color: #fff !important;
}

.honor8-f .honor8-12 .bg-textbox {
  margin-top: 20%;
}

@media (max-width:991px) {
  .honor8-f .honor8-12 .bg-textbox {
    margin-top: 20px;
    margin-left: 25px;
  }
}

.honor8-f .honor8-15 .bg-textbox {
  position: absolute;
  max-width: 700px;
  margin-top: 20%;
  left: 10%;
}

.honor8-f .honor8-13 h4 {
  line-height: 4;
}

.honor8-f .honor8-13 .icon {
  float: left;
  margin-right: 20px;
  width: 100px;
}

.honor8-f .honor8-13 .icons li {
  padding-left: 150px;
}

.honor8-f .honor8-13 .icons li:first-child {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor8-f-26.png") no-repeat left 30px;
  height: 170px;
}

.honor8-f .honor8-13 .icons li:first-child+li {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor8-f-27.png") no-repeat left 30px;
  height: 170px;
}

.honor8-f .honor8-13 .icons li:first-child+li+li {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/honor8-f-28.png") no-repeat left 30px;
  height: 170px;
}

.honor8-f .honor8-13 .bg-textbox {
  margin-bottom: 0%;
}

@media (max-width:991px) {
  .honor8-f .honor8-13 .icons li {
    padding-left: 120px;
  }
  .honor8-f .honor8-13 .icons li:first-child {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor8-f-26-100px.png") no-repeat left 30px;
    height: 230px;
  }
  .honor8-f .honor8-13 .icons li:first-child+li {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor8-f-27-100px.png") no-repeat left 30px;
    height: 230px;
  }
  .honor8-f .honor8-13 .icons li:first-child+li+li {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/honor8-f-28-100px.png") no-repeat left 30px;
    height: 150px;
  }
}

.honor8-f .honor8-14 ul.disc li {
  color: #333
}

.honor8-f .honor8-14 h4 {
  line-height: 4;
}

.honor8-f .honor8-14 .bg-textbox {
  margin-bottom: 0%;
  margin-top: 5%;
}

@media (max-width:991px) {
  .honor8-f .honor8-14 .bg-textbox {
    /*margin-top: 20px;*/
    margin-left: 15px;
  }
  .honor8-f .honor8-15 .bg-textbox {
    position: relative;
    max-width: 700px;
    margin-top: 0;
    margin-bottom: -13%;
    left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1323px) {
  .honor8-f .honor8-15 .bg-textbox {
    max-width: 600px;
  }
}

/*honor8 Finland end*/

/*honor8-eu start*/

.honor8-eu h3 {
  margin-bottom: 20px;
  font-size: 48px;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

.honor8-eu p {
  font-size: 16px;
  line-height: 175%;
}

.honor8-eu .lis li {
  font-size: 16px;
  line-height: 175%;
  list-style-type: disc;
}

.honor8-eu-a-txt {
  position: absolute;
  top: 43%;
  right: 10%;
  color: #fff;
  text-align: right;
}

.honor8-eu-a-txt h3 {
  color: #fff;
  font-size: 48px;
  margin-top: 50px;
}

.honor8-eu-a-txt>span {
  padding: 0 20px;
  color: #fff;
  line-height: 3em;
  font-size: 18px;
}

.honor8-eu .banner-btnvideo-1 {
  margin-top: 50px;
}

.honor8-eu .banner-btnvideo-1 a {
  text-decoration: none;
  cursor: pointer;
}

.honor8-eu-a-btm-img {
  position: absolute;
  bottom: 5%;
  right: 10%;
}

.honor8-eu-b {
  margin: 5% 0;
}

.honor8-eu-b p {
  text-align: center;
  color: #333;
  line-height: 155%;
}

.honor8-eu-b .col-sm-2 {
  padding: 0 20px;
}

.honor8-eu-b .col-sm-2 img {
  padding: 20px;
}

.honor8-eu-c-txt {
  margin: 10% 0 0 20%;
}

.honor8-eu .span-txt {
  color: #00aeef;
  padding-bottom: 10px;
  display: block;
}

.honor8-eu-c-txt span {
  color: #00aeef;
}

.honor8-eu-d {
  background: #000;
  padding: 5% 0;
}

.honor8-eu-d-txt {
  margin-top: 20%;
  margin-left: 10%;
}

.honor8-eu-d h3,
.honor8-eu-d li,
.honor8-eu-d p {
  color: #fff;
  padding-top: 10px;
}

.col-sm-fk {
  width: 20%;
  padding: 5%;
  text-align: center;
  float: left;
}

.honor8-eu-d .container {
  display: block;
}

.honor8-eu-e {
  padding: 5% 0 0 0;
}

.honor8-eu-e-txt {
  margin-top: 20%;
  margin-left: 10%;
  margin-right: 20%;
}

.honor8-eu-e-icon .col-sm-6 {
  max-width: 180px;
  padding: 20px;
}

.honor8-eu-e-icon .col-sm-6 img {
  max-width: 100px;
  margin: 10px;
}

.honor8-eu-f {
  position: relative;
  display: table;
  width: 100%;
  display: ruby;
}

.honor8-eu-f-top {
  margin-top: -40px;
  width: 100%;
}

.honor8-eu-z {
  clear: both;
}

.honor8-eu-f-txt {
  color: #fff;
  position: absolute;
  bottom: -18%;
  width: 100%;
}

.honor8-eu-f-content {
  position: relative;
  margin-bottom: -5px;
}

.honor8-eu-f-txt-a {
  max-width: 600px;
  margin-left: 35%;
}

.honor8-eu-g-bg {
  background: #000;
  color: #fff;
  display: table;
  width: 100%;
  padding-bottom: 5%;
}

.honor8-eu-g-bg .col-sm-4 {
  padding: 10px 50px;
  text-align: center;
}

.honor8-eu-g-bg .col-sm-4 img {
  padding: 10px;
}

.honor8-eu-h {
  background: #000;
  padding-top: 5%;
  padding-bottom: 5%;
  display: table;
  width: 100%;
}

.honor8-eu-h-txt {
  color: #fff;
  margin-top: 20%;
  margin-left: 2%;
}

.honor8-eu-h-icon {
  color: #fff;
  text-align: center;
  max-width: 600px;
  margin-top: 25%;
}

.honor8-eu-h-icon p {
  margin: 20px 0;
}

.honor8-eu-h-i {
  background: #101c36;
  height: 400px;
  width: 100%;
  text-align: center;
  color: #fff;
  display: table;
}

.honor8-eu-h-i-txt {
  display: table-cell;
  vertical-align: middle;
}

.honor8-eu-j {
  background: #000;
  color: #fff;
}

.honor8-eu-j .row-new:nth-child(even) {
  background: #101c36;
  margin: 0;
}

.honor8-eu-j .row-new:nth-child(odd) {
  background: #10121e;
  margin: 0;
}

.honor8-eu-j .row-new>div:last-child {
  border-left: 2px solid #000000;
}

.honor8-eu-j p {
  padding-left: 5%;
  padding-top: 20px;
  padding-bottom: 10px;
  line-height: 155%;
  word-wrap: break-word;
}

.honor8-eu-j-h1 {
  text-align: center;
}

.honor8-eu-j-h1 h3 {
  padding-top: 6%;
  padding-bottom: 2%;
}

.honor8-eu-e-icon {
  padding-bottom: 20px;
}

.honor8-eu .lis .lis-span-top {
  margin-top: 50px;
}

.honor8-eu .lis .lis-span {
  font-size: 14px;
}

.honor8-eu-a-txt img {
  text-align: right;
  display: inline-block;
}

@media only screen and (min-width: 1367px) and (max-width: 1666px) {
  .honor8-eu-a-txt {
    right: 2%;
    top: 33%;
  }
  .honor8-eu-a-btm-img {
    right: 2%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .honor8-eu-a-txt {
    right: 2%;
  }
  .honor8-eu-a-btm-img {
    right: 2%;
  }
  .honor8-eu-a-txt h3 {
    font-size: 24px;
    margin-top: 20px;
  }
  .honor8-eu-a-txt>span {
    padding: 0 10px;
    font-size: 16px;
  }
  .honor8-eu-a-txt img {
    text-align: right;
    max-width: 225px;
    display: inline-block;
  }
  .honor8-eu .we-video-icon-6-white {
    min-width: 170px;
    height: 36px;
    font-size: 20px;
    line-height: 36px;
  }
  .honor8-eu .banner-btnvideo-1 {
    margin-top: 25px;
  }
  .honor8-eu-a-txt {
    top: 29%;
    right: 3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .honor8-eu-a-txt img {
    max-width: 225px;
  }
  .honor8-eu-a-txt>span {
    padding: 0 5px;
  }
  .honor8-eu-a-txt>span {
    font-size: 14px;
  }
  .honor8-eu .we-video-icon-6-white {
    min-width: 170px;
    height: 36px;
    font-size: 20px;
    line-height: 36px;
  }
  .honor8-eu .banner-btnvideo-1 {
    margin-top: 15px;
  }
  .honor8-eu-e-txt {
    margin-top: 2%;
  }
  .honor8-eu-a-txt h3 {
    font-size: 36px;
    margin-top: 20px;
  }
  .honor8-eu-e-icon .col-sm-6 {
    padding: 0 20px 50px 20px;
    text-align: center;
  }
  .honor8-eu-a-btm-img img {
    max-width: 130px;
  }
  .honor8-eu-a-txt h3 {
    font-size: 36px;
    margin-top: 15px;
  }
  .honor8-eu-b .col-sm-2 img {
    padding: 10px;
  }
  .honor8-eu-a-txt {
    top: 20%;
    right: 2%;
  }
  .honor8-eu-a-btm-img {
    right: 2%;
  }
  .col-sm-fk {
    padding: 2%;
  }
  .honor8-eu-g-bg .col-sm-4 {
    padding: 10px;
  }
  .honor8-eu-h-icon {
    margin-top: 15%;
  }
  .honor8-eu-h-icon img {
    max-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .honor8-f .f-banner .bg {
    background-image: url("https://www.honor.com/content/dam/honor/common/products/img/Product_page_1st-module_480X480.jpg");
    background-position: center;
  }
  .honor8-eu-a-txt img {
    max-width: 220px;
  }
  .honor8-eu-a-txt {
    top: 4%;
    right: 0;
    color: #fff;
    text-align: center;
    width: 100%;
  }
  .honor8-eu-a-txt img {
    margin: auto;
  }
  .honor8-eu-a-txt h3 {
    color: #fff;
    font-size: 35px;
    margin-top: 20px;
  }
  .honor8-eu-a-txt>span {
    padding: 2px;
    color: #fff;
    line-height: 100%;
    font-size: 14px;
  }
  .honor8-eu .banner-btnvideo-1 {
    margin-top: 20px;
  }
  .honor8-eu-b .col-sm-2 {
    padding: 0 20px;
    height: 174px;
  }
  .honor8-eu-b .col-sm-2 img {
    padding: 5px;
    max-width: 100px;
  }
  .honor8-eu-e-icon .col-sm-6 img {
    margin: auto;
  }
  .col-sm-fk {
    width: 50%;
    padding: 10px;
  }
  .col-sm-fk img {
    max-width: 100px;
  }
  .honor8-eu-e-txt {
    margin-top: 1%;
    margin-left: 5%;
    margin-right: 0;
  }
  .honor8-eu-e-icon .col-sm-6 {
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
  .honor8-eu-f-txt {
    position: relative;
    bottom: 0;
    background: #000;
  }
  .honor8-eu-c-txt {
    margin: 10% 0 0 20%;
    margin-left: 5%;
  }
  .honor8-eu-f-txt-a {
    margin-left: 5%;
  }
  .honor8-eu-g-bg .col-sm-4 {
    padding: 0;
  }
  .honor8-eu-g-content {
    margin-top: -5%;
  }
  .honor8-eu p {
    font-size: 14px;
    line-height: 155%;
  }
  .honor8-eu-h-icon {
    margin-top: 5%;
  }
  .honor8-eu-h-txt {
    margin-left: 5%;
  }
  .honor8-eu-d-txt {
    margin-left: 5%;
  }
  .honor8-eu-g-txt {
    margin-left: 5%;
  }
  .honor8-eu-h-icon img {
    max-width: 100px;
  }
  .honor8-eu-h-i {
    height: 250px;
  }
  .honor8-eu h3 {
    font-size: 32px;
  }
}

/*honor8-eu end*/

/*honor8 Finland campaign start*/

.honor8-f-campaign {
  font-size: 18px;
  line-height: 1.1;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor8-f-campaign .top-poster {
  position: relative;
}

.honor8-f-campaign .top-poster .pa {
  position: absolute;
  top: 34%;
  width: 100%;
  text-align: center;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
}

.honor8-f-campaign .top-poster .pa .mainlist {
  display: inline-block;
  border-width: 5px;
  border-style: solid;
  border-color: #fff;
  border-radius: 10px;
  margin-right: 10px;
  width: 264px;
  color: #fff;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/opacity-bg.png") repeat;
  transition: all .5s;
}

.honor8-f-campaign .top-poster .pa .mainlist:hover {
  cursor: pointer;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/opacity-bg-black.png") repeat;
}

.honor8-f-campaign .top-poster .pa .mainlist .fa {
  line-height: 8px;
}

@media (min-width: 992px) and (max-width:1199px) {
  .honor8-f-campaign .top-poster .pa {
    top: 25%;
    font-size: 20px;
  }
  .honor8-f-campaign .top-poster .pa .mainlist {
    border-width: 4px;
    width: 224px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .honor8-f-campaign .top-poster .pa {
    top: 24%;
    font-size: 16px;
  }
  .honor8-f-campaign .top-poster .pa .mainlist {
    border-width: 3px;
    width: 184px;
  }
}

@media (max-width: 767px) {
  .honor8-f-campaign .top-poster .pa {
    top: 22%;
    font-size: 12px;
  }
  .honor8-f-campaign .top-poster .pa .mainlist {
    word-break: break-word;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .honor8-f-campaign .top-poster .pa .mainlist {
    border-width: 2px;
    width: 142px;
  }
}

@media (min-width: 414px) and (max-width: 479px) {
  .honor8-f-campaign .top-poster .pa .mainlist {
    border-width: 2px;
    width: 120px;
  }
}

@media (max-width: 413px) {
  .honor8-f-campaign .top-poster .pa .mainlist {
    border-width: 1px;
    width: 80px;
  }
}

.honor8-f-campaign .buy-list {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: absolute;
  top: 130%;
  cursor: default;
  border: 5px solid #fff;
  border-radius: 10px;
  padding: 5px 10px;
  text-align: left;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/opacity-bg.png") repeat;
  display: none;
  z-index: 1;
}

.honor8-f-campaign .buy-list li {
  margin: 10px 0;
  cursor: pointer;
}

.honor8-f-campaign .buy-list li>a {
  font-size: 20px;
  margin-left: 15px;
  margin-right: 15px;
  color: #e9e9e9;
}

.honor8-f-campaign .buy-list li>a:hover {
  color: #fff;
  text-decoration: underline;
}

.honor8-f-campaign .buy-list li>img {
  cursor: default;
}

.honor8-f-campaign .triangle {
  position: absolute;
  top: -35px;
  left: 66px;
}

.honor8-f-campaign .triangle .triangle-down {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 20px solid #fff;
}

@media (min-width:992px) and (max-width:1400px) {
  .honor8-f-campaign .buy-list {
    margin-left: -71px;
  }
  .honor8-f-campaign .triangle {
    top: -31px;
    left: 125px;
  }
  .honor8-f-campaign .triangle .triangle-down {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #fff;
  }
}

@media (max-width:991px) {
  .honor8-f-campaign .buy-list {
    border: 3px solid #fff;
    top: 115%;
    right: 6%;
    z-index: 1;
  }
  .honor8-f-campaign .triangle {
    top: -25px;
    left: 170px;
  }
  .honor8-f-campaign .triangle .triangle-down {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #fff;
  }
}

@media (min-width:460px) and (max-width:991px) {
  .honor8-f-campaign .triangle {
    display: none;
  }
}

.honor8-f-campaign .top-poster .pb {
  position: absolute;
  height: 30px;
  bottom: 5%;
  width: 100%;
  text-align: right;
  padding-right: 50px;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/opacity-bg-blue.png") repeat;
}

.honor8-f-campaign .top-poster .pb>div {
  margin-top: 0;
}

.honor8-f-campaign .top-poster .pb a.disc {
  display: inline-block;
  margin: 0 10px;
  border-radius: 50%;
  background: #fff;
  width: 55px;
  height: 55px;
  margin-top: -13px;
  text-align: center;
  color: #00b3e0;
  font-size: 32px;
  line-height: 54px;
  transition: all .5s;
}

.honor8-f-campaign .top-poster .pb a.disc:hover {
  color: #fff;
  background: #00b3e0;
}

@media (max-width:991px) {
  .honor8-f-campaign .top-poster .pb {
    height: 20px;
    padding-right: 20%;
  }
  .honor8-f-campaign .top-poster .pb a.disc {
    width: 40px;
    height: 40px;
    margin-top: -11px;
    font-size: 24px;
    line-height: 40px;
  }
}

@media (max-width: 320px) {
  .honor8-f-campaign .top-poster .pa .mainlist {
    border-width: 1px;
    width: 120px;
  }
  .pa table {
    margin-top: -15px;
    margin-left: 20px;
  }
  .honor8-f-campaign .top-poster .pb {
    padding-right: 10%;
  }
}

.honor8-f-campaign .h8-prop {}

.honor8-f-campaign .h8-prop .bgurl {
  background: url('https://www.honor.com/content/dam/honor/common/products/img/Backround_1920x1080.jpg');
  padding: 80px 0 50px;
}

.honor8-f-campaign .h8-prop .bgurl h2 {
  text-align: center;
  font-family: "bignoodletitlingregular";
  font-size: 54px;
}

.honor8-f-campaign .h8-prop .bgurl .fontbox {
  margin-top: 15%;
  margin-bottom: 50px;
}

.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox {
  margin: 10px 6px;
  padding: 20px;
  height: 250px;
  border-radius: 10px;
}

@media (min-width: 1440px) and (max-width:1619px) {
  .honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox {
    height: 270px;
  }
}

@media (min-width: 1200px) and (max-width:1439px) {
  .honor8-f-campaign .h8-prop .bgurl .fontbox {
    margin-top: 0;
  }
  .honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox {
    height: 320px;
  }
}

@media (min-width: 992px) and (max-width:1199px) {
  .honor8-f-campaign .h8-prop .bgurl .fontbox {
    margin-top: -10px;
  }
  .honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox {
    height: 350px;
  }
}

@media (max-width: 992px) {
  .honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox {
    height: 210px;
  }
}

.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox.one {
  background: #fff;
}

.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox.two {
  background: #00b4e5;
}

.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox.three {
  background: #000;
  color: #fff;
}

.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox.four {
  background: #818497;
  background: rgba(129, 132, 151, 0.8);
  color: #fff;
}

.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox h3 {
  font-family: "bignoodletitlingregular";
  font-size: 28px;
  line-height: 140%;
}

.honor8-f-campaign .h8-prop .bgurl .fontbox .txtbox p {
  line-height: 140%;
}

@media (max-width:991px) {
  .honor8-f-campaign .h8-prop .bgurl {
    padding: 30px 0 0;
  }
  .honor8-f-campaign .h8-prop .bgurl h2 {
    font-size: 28px;
    color: #000;
  }
  .honor8-f-campaign .h8-prop .bgurl .fontbox {
    margin-top: 10%;
    margin-bottom: 50px;
  }
}

.honor8-f-campaign .rohkeus {}

.honor8-f-campaign .rohkeus .fontbox {
  padding-right: 15%;
  margin-top: 25%;
}

.honor8-f-campaign .rohkeus .fontbox h2 {
  font-family: "bignoodletitlingregular";
  font-size: 60px;
  line-height: 210%;
}

.honor8-f-campaign .rohkeus .fontbox p {
  line-height: 140%;
  font-size: 28px;
}

.honor8-f-campaign .rohkeus .fontbox p.text-right {
  margin-top: 10%;
}

@media (max-width:991px) {
  .honor8-f-campaign .rohkeus .fontbox {
    padding: 20px;
    margin-top: 0;
  }
  .honor8-f-campaign .rohkeus .fontbox h2 {
    color: #000;
    text-align: left;
    margin-bottom: 10px;
    line-height: 1;
    font-size: 28px;
  }
  .honor8-f-campaign .rohkeus .fontbox p {
    font-size: 18px;
  }
}

/*honor8 Finland campaign end*/

/* honor8 add new bof */

/* 2016-08-23 */

.mobile-videocontent {
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  margin-top: 40px;
  margin-bottom: 40px;
}

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

.video-bg .fb-video {
  margin: 80px auto;
}

.comingsoon-content-text {
  position: relative;
  margin-top: -100px;
}

.mobile-videocontent a {
  display: block;
  margin: 20px auto 0;
}

.honor8-comingsoon-txt a,
.honor8-comingsoon-txt a:hover {
  display: block;
  color: #fff;
}

.comingsoon-content-text h2.title {
  margin-top: 40px;
}

/* honor8 add new eof */

/*honor5a-txt- start*/

.honor5a-kv-btn {
  position: absolute;
  left: 63%;
  top: 49%;
}

.honor5a-kv-btn a {
  display: inline-block;
}

.honor5a .row-new {
  position: relative;
}

.honor5a h3 {
  font-size: 48px;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  line-height: 175%;
}

.honor5a h4 {
  font-size: 20px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  margin-bottom: 20px;
  line-height: 125%;
  font-weight: bold;
}

.honor5a li {
  list-style-type: disc;
  line-height: 175%;
  font-size: 16px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor5a span {
  margin-top: 30px;
  display: block;
  line-height: 175%;
  font-size: 14px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor5a-txt-a {
  position: absolute;
  bottom: 8%;
  left: 10%;
}

.honor5a-txt-b {
  position: absolute;
  bottom: 7%;
  left: 10%;
}

.honor5a-txt-c {
  position: absolute;
  bottom: 5%;
  right: 2%;
  width: 60%;
}

.honor5a-txt-d {
  position: absolute;
  top: 7%;
  left: 10%;
  width: 80%;
}

.honor5a-txt-e {
  position: relative;
  text-align: center;
  padding: 3% 0;
}

.honor5a-txt-f {
  position: absolute;
  top: 37%;
  left: 10%;
  width: 40%;
}

.honor5a-txt-g {
  position: relative;
  left: 30%;
  padding: 2% 0;
  width: 60%;
}

.honor5a-txt-h {
  position: absolute;
  top: 7%;
  left: 15%;
  width: 50%;
}

.honor5a-txt-i {
  position: absolute;
  top: 17%;
  left: 10%;
  width: 80%;
}

.honor5a-txt-j {
  position: relative;
  left: 20%;
  padding: 2% 0;
  width: 60%;
}

.honor5a-txt-k {
  position: absolute;
  top: 30%;
  left: 27%;
}

.honor5a-txt-l {
  position: absolute;
  top: 10%;
  left: 10%;
}

.honor5a-txt-m {
  background: #f6f6f6;
  color: #999;
  padding: 5% 0;
}

.honor5a-txt-m .container .table {
  background: #fafafa;
  padding: 3% 0;
}

.honor5a-txt-m h2 {
  font-size: 48px;
  color: #666;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

.honor5a-txt-m h3 {
  font-size: 36px;
  text-align: center;
}

.honor5a .honor5a-txt-m h4 {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

.honor5a-txt-m .honor5a-txt-m-title h3 {
  text-align: left;
}

.honor5a-txt-m-title {
  margin-bottom: 5%;
}

.honor5a-txt-m .container .table td {
  padding: 20px;
  width: 50%;
  text-align: center;
  border: none;
}

.honor5a-txt-m .container .table_1 td {
  text-align: left;
  width: 60%;
}

@media only screen and (min-width: 1024px) and (max-width: 1466px) {
  .honor5a-txt-d {
    width: 80%;
    top: 3%;
  }
  .honor5a li {
    line-height: 155%;
    font-size: 16px;
  }
  .honor5a h3 {
    font-size: 40px;
    line-height: 155%;
  }
  .honor5a-txt-h {
    width: 70%;
  }
  .honor5a-txt-g {
    left: 20%;
  }
  .honor5a-txt-b {
    bottom: 3%;
  }
  .honor5a .we-video-icon-6 {
    min-width: 150px;
    line-height: 36px;
    height: 36px;
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .honor5a-txt-a,
  .honor5a-txt-b,
  .honor5a-txt-c,
  .honor5a-txt-d,
  .honor5a-txt-e,
  .honor5a-txt-f,
  .honor5a-txt-g,
  .honor5a-txt-h,
  .honor5a-txt-i,
  .honor5a-txt-j,
  .honor5a-txt-k,
  .honor5a-txt-l {
    position: relative;
    left: 4%;
    right: inherit;
    width: 80%;
    bottom: inherit;
  }
  .honor5a h3 {
    font-size: 36px;
    line-height: 125%;
    padding-top: 10px;
  }
  .honor5a-txt-m .container .table td {
    padding: 10px;
  }
  .honor5a-txt-m h2 {
    margin: 0;
    font-size: 36px;
  }
  .honor5a li {
    line-height: 155%;
  }
  .honor5a-txt-m-title {
    margin-bottom: 0;
  }
  .honor5a .honor5a-txt-m h3 {
    font-size: 32px;
  }
  .honor5a-txt-h {
    width: 80%;
  }
  .honor5a-txt-d {
    width: 80%;
  }
  .honor5a .we-video-icon-6 {
    min-width: 150px;
    line-height: 36px;
    height: 36px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  #top-banner .banner-mask {
    bottom: 0%;
  }
  .honor5a-txt-a,
  .honor5a-txt-b,
  .honor5a-txt-c,
  .honor5a-txt-d,
  .honor5a-txt-e,
  .honor5a-txt-f,
  .honor5a-txt-g,
  .honor5a-txt-h,
  .honor5a-txt-i,
  .honor5a-txt-j,
  .honor5a-txt-k,
  .honor5a-txt-l {
    position: relative;
    bottom: 0;
    left: 10px;
    width: 100%;
  }
  .honor5a h3 {
    font-size: 36px;
    line-height: 125%;
    padding-top: 10px;
  }
  .honor5a-txt-m .container .table td {
    padding: 10px;
  }
  .honor5a-txt-m h2 {
    margin: 0;
    font-size: 36px;
  }
  .honor5a li {
    line-height: 155%;
  }
  .honor5a-txt-m-title {
    margin-bottom: 0;
  }
  .honor5a .honor5a-txt-m h3 {
    font-size: 32px;
  }
  .honor5a h4 {
    font-size: 18px;
    line-height: 125%;
  }
  .honor5a-kv-btn {
    position: absolute;
    top: 31%;
    left: 0;
    margin: auto;
    width: 100%;
    text-align: center;
  }
}

/*honor5a-txt- end*/

/*brand-us start*/

.brand-us {}

.brand-us p {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 175%;
  font-size: 16px;
  display: block;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brand-us h3 {
  font-size: 22px;
  margin-bottom: 20px;
  color: #333;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-weight: bold;
}

.brand-us-banner {
  position: relative;
}

.brand-us .desc {
  height: 100%;
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}

.brand-us .inner-tb {
  display: table;
  width: 100%;
  height: 100%;
}

.brand-us .txt {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}

.brand-us .brand-us-banner .txt h1 {
  font-size: 80px;
  text-shadow: 2px 3px 2px #666;
}

.brand-us .brand-us-banner .txt p {
  font-size: 20px;
  max-width: 600px;
  width: 50%;
  margin: auto;
  color: #fff;
}

.brand-us .brand-us-menu {
  margin: auto;
  width: 100%;
  padding-top: 10px;
  max-width: 1150px;
}

.brand-us .us-menu-border_1 {
  border-bottom: 2px solid #333;
}

.brand-us .us-menu-border_2 {
  padding-top: 5px;
}

.brand-us .brand-us-menu li {
  display: inline-block;
  width: 24.5%;
  text-align: center;
  font-size: 24px;
}

.brand-us .brand-us-menu li a {
  color: #222223;
  display: inline-block;
  overflow: hidden;
  font-size: 22px;
}

.brand-us .brand-us-menu li a:hover {
  color: #00b2e6;
}

.brand-us-menu li a.active {
  color: #00b2e6;
}

.brand-us .nav-list {
  height: 70px;
  line-height: 70px;
}

.brand-us .nav-list a:hover .nav-line,
.nav-line {
  width: 100%;
}

.brand-us .nav-list a .nav-line {
  border-bottom: 2px solid #01b4e1;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 0;
  -webkit-transition: width 450ms ease-out;
  -moz-transition: width 450ms ease-out;
  -ms-transition: width 450ms ease-out;
  transition: width 450ms ease-out;
}

.brand-us-a-bg {}

.brand-us-a {
  display: table;
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.brand-us-one {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.brand-us .brand-us-one h3 {
  font-size: 28px;
  color: #222223;
  line-height: 155%;
  word-break: break-word;
  max-width: 600px;
}

.brand-us .brand-us-one p {
  color: #222223;
}

.brand-us .brand-us-one-txt {
  transition: all 1s;
  -webkit-transform: translateX(-500px);
  -moz-transform: translateX(-500px);
  -ms-transform: translateX(-500px);
  transform: translateX(-500px);
  opacity: 0;
  filter: Alpha(opacity=0);
}

.brand-us .brand-us-one-txt.active {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
  filter: Alpha(opacity=100);
}

.brand-us-one-txt {
  vertical-align: middle;
  padding: 0 10%;
}

.brand-us-one-txt .list-style {
  list-style-type: disc;
  font-size: 16px;
  line-height: 175%;
}

.brand-us-one-bg {
  background: #f4f4f4;
}

.brand-us .xletix-videobox {
  background-color: #fff;
}

.brand-us .sxsw-section4 .vjs-default-skin .vjs-big-play-button,
.brand-us .sxsw-section4 .vjs-paused .vjs-big-play-button {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/story_play_ico.png") center center no-repeat;
}

.brand-us .sxsw-section4 .vjs-default-skin .vjs-big-play-button:hover,
.brand-us .sxsw-section4 .vjs-paused .vjs-big-play-button:hover {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/story_play_ico_hover.png") center center no-repeat;
}

.brand-us .sxsw-section4 {
  padding-top: 0;
}

.brand-us-icon li {
  display: inline-block;
  width: 19.5%;
  text-align: center;
}

.brand-newsall .banner-swiper-us {
  height: 180px;
}

.brand-us .news-txt a:hover {
  text-decoration: none;
}

.brand-us-icon-a {
  margin: 3% 0;
}

.brand-us-icon-a h4 {
  text-align: center;
  font-size: 40px;
  color: #222223;
  margin-top: 5%;
  margin-bottom: 2%;
}

.brand-us .brand-us-two {
  position: relative;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/about-number-bg.jpg") no-repeat center;
  height: 419px;
}

.brand-us .float-right {
  float: right;
  display: inline-block;
  overflow: hidden;
  top: 0;
}

.brand-us .float-left {
  float: left;
  display: inline-block;
  overflow: hidden;
  zoom: 1;
  top: 0;
}

.brand-us .right-zero {
  right: 0;
  overflow: hidden;
  display: inline-block;
  height: 100%;
  zoom: 1;
}

.brand-us .posoin-retive {
  height: 100%;
  position: absolute;
  top: 50%;
  top: 0 \9;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.brand-us .brand-us-two .txt-bold {
  font-weight: bold;
  font-size: 18px;
}

.brand-us .brand-us-aninmation {
  color: #00b7e1;
}

.brand-us .brand-us-aninmation h1 {
  font-size: 80px;
  display: inline-block;
  line-height: 100%;
}

.brand-us .brand-us-aninmation span {
  font-size: 40px;
}

.brand-us .tab-two {
  display: table;
  margin: auto;
}

.brand-us-aninmation p {
  padding-bottom: 5px;
}

.brand-us .brand-us-aninmation p {
  margin: 0;
}

.brand-us .tab-two span {
  display: table-cell;
  vertical-align: middle;
}

.brand-us .tow-border {
  border: 1px solid #00b2e6;
  width: 70px;
  margin: auto;
}

.brand-us .brand-us-one-img {
  position: relative;
  overflow: hidden;
}

.brand-us .brand-us-one-img img {
  transition: all 1.3s;
  -ms-transition: all 1.3s;
  -o-transition: all 1.3s;
  -webkit-transition: all 1.3s;
  -moz-transition: all 1.3s;
}

.brand-us .brand-us-one-img img:hover {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.brand-us .category-filter {
  background-color: #fff;
  padding: 30px 0;
  position: relative;
}

.brand-us .list-of-categories {
  text-align: center
}

.brand-us .blue-icon,
.category-iconbox:hover .grey-icon {
  display: none;
}

.brand-us .category-iconbox:hover .blue-icon {
  display: block;
}

.brand-us .list-of-categories a {
  color: #999;
  display: block;
  font-size: 16px;
}

.brand-us .list-of-categories li:hover a,
.category-iconbox:hover {
  color: #01b4e1;
}

.brand-us .list-of-categories li {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  width: 150px;
  position: relative;
  text-align: center;
}

.brand-us .category-filter .list-of-categories li a .ico {
  display: block;
  width: 78px;
  height: 118px;
  margin: 0 auto;
  margin-bottom: 5px;
}

.brand-us .category-iconbox .name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brand-us .category-filter .bx-controls-direction {
  display: none;
  opacity: 0;
  filter: Alpha(opacity=0);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.brand-us .category-filter:hover .bx-controls-direction {
  display: block;
  opacity: 1;
  filter: Alpha(opacity=100);
}

.brand-us .category-filter .bx-controls-direction a {
  width: 17px;
  height: 30px;
  background: url("https://www.honor.com/content/dam/honor/common/products/img/arrows_small.png") no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  text-indent: -9999px;
  display: block;
}

.brand-us .category-filter .bx-controls-direction a.bx-prev {
  left: 30px;
  background-position: 0 0;
}

.brand-us .category-filter .bx-controls-direction a.bx-next {
  right: 30px;
  background-position: 0 -30px;
}

.brand-us-menu-fixe {
  position: fixed;
  top: 70px;
  margin: auto;
  z-index: 9999;
  display: none;
  background: #fff;
  width: 100%;
}

.brand-us .brand-story {
  text-align: center;
}

.brand-us .brand-story-time {
  margin-top: 5%;
  font-size: 18px;
  color: #666;
}

.brand-us .story_play_ico {
  display: block;
}

.brand-us .brand-story-one {
  position: relative;
}

.brand-us .brand-story-txt a {
  color: #666;
}

.brand-us a:hover {
  color: #00b2e6;
  text-decoration: underline;
}

.brand-us a:hover h3 {
  color: #00b2e6;
}

.brand-us a:hover {
  text-decoration: none;
}

.brand-us .brand-story-txt {
  margin-top: 20px;
}

.brand-us .brand-story-border {
  border: 1px solid #f4f4f4;
  margin: 1% auto 2% auto;
  max-width: 1300px;
}

.brand-us a.view-more-btn {
  width: 200px;
  height: 45px;
  border: 1px solid #333;
  color: #333;
  line-height: 45px;
  text-align: center;
  margin: 20px auto 50px auto;
  display: block;
  border-radius: 20px;
  font-size: 18px;
  transition: ease-in .3s;
}

.brand-us .story_play_ico {
  transition: ease-in .4s;
  -webkit-transition: ease-in .4s;
  -moz-transition: ease-in .4s;
}

.brand-us a.view-more-btn:hover {
  background: #00b2e6;
  color: #fff;
  border-color: #fff;
  text-decoration: none;
}

.brand-us-news {
  margin-bottom: 50px;
}

.brand-us .view-more {
  display: none;
}

.brand-us .brand-us-news {
  margin-bottom: 50px;
}

.brand-us .brand-news-one {
  position: relative;
  margin-right: 10px;
}

.brand-us .brand-news-three .news-txt {
  margin-top: 20px;
  min-height: 90px;
  overflow: hidden;
}

.brand-us .brand-us-news-content span {
  font-size: 14px;
  color: #dddddd;
  margin-top: 20px;
  display: block;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.brand-us .brand-news-three .col-sm-4 {
  padding: 0 10px;
}

.brand-us .brand-news-three .col-sm-4 img {
  transition: all 1.3s;
  -o-transition: all 1.3s;
  -ms-transition: all 1.3s;
  -moz-transition: all 1.3s;
  -webkit-transition: all 1.3s;
}

.brand-us .brand-news-three .col-sm-4 img:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
}

.brand-us .brand-news-three .news-txt h3 {
  margin-bottom: 10px;
}

.brand-us .brand-news-three .news-txt a p {
  color: #9d9d9d;
  font-size: 18px;
}

.brand-us .context-title p {
  color: #222223;
}

.brand-us .context-title a:hover p {
  color: #00A0D1;
  text-decoration: none;
}

.brand-us .context-title a:hover {
  text-decoration: none;
}

.brand-us .brand-story-txt a.us-view-more-btn {
  color: #00b2e6;
  font-size: 16px;
  position: absolute;
}

.brand-us .brand-news-three .news-txt a:hover h3 {
  color: #00A0D1;
}

.brand-us .brand-news-three .news-txt a:hover p {
  color: #00A0D1;
}

.brand-us .brand-news-three .news-txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.brand-us .brand-us-news-title {
  margin: 50px auto 30px auto;
  width: 100%;
  text-align: center;
}

.brand-us .brand-us-news-title h3 {
  color: #9d9d9d;
  font-size: 24px;
}

.brand-us .brand-us-news-title p {
  font-size: 18px;
  color: #222223;
  max-width: 630px;
  margin: auto;
}

.brand-us .brand-news-botm-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 11;
  background-color: rgba(0, 0, 0, .3);
  overflow: hidden;
  display: block;
}

.brand-us .brand-news-botm-txt h3 a {
  color: #fff;
}

.brand-us .brand-us-menu-static {
  background: #fff;
}

.brand-us-history .brand-us-news-title h3 {
  font-size: 40px;
  color: #222223;
}

.brand-us .brand-news-right {
  position: relative;
  overflow: hidden;
  height: 214px\9 !important;
  max-height: 214px\9;
}

.brand-us .brand-news-right img {
  display: block;
  transition: all 1.3s;
  -o-transition: all 1.3s;
  -ms-transition: all 1.3s;
  -moz-transition: all 1.3s;
  -webkit-transition: all 1.3s;
}

.brand-us .brand-news-right img:hover {
  transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.brand-us .brand-news-botm-txt a {
  display: block;
}

.brand-us .brand-news-botm-txt h3 {
  color: #fff;
  padding-left: 20px;
  font-size: 18px;
  margin-bottom: 2px;
  line-height: 40px;
}

.brand-us .brand-news-right-height {
  overflow: hidden;
  position: relative;
}

.brand-us .brand-us-news-content {
  position: relative;
  overflow: hidden;
}

.brand-us-story-content {
  position: relative;
  max-width: 900px;
  margin: auto;
  margin-top: 5%;
}

.brand-us .story-content-pic img {
  transition: all 1.3s;
  -o-transition: all 1.3s;
  -ms-transition: all 1.3s;
  -moz-transition: all 1.3s;
  -webkit-transition: all 1.3s;
  opacity: 1;
}

.brand-us .story-content-pic {
  position: relative;
  overflow: hidden;
}

/*.brand-us .story-content-pic img:hover{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.7;
    filter:Alpha(opacity=70);
}*/

.brand-us .us-story-line {
  border-left: 1px solid #d6d6d6;
  height: 100%;
  width: 10%;
  position: absolute;
  float: left;
}

.view-more-btn {
  border: 1px solid #00b2e6;
  width: 220px;
  border-radius: 20px;
  display: block;
  margin: auto;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
}

.brand-us .time-context {
  left: -14%;
  position: absolute;
  width: 17%;
}

.brand-us .time-context>div {
  display: inline-block;
}

.brand-us .time-year {
  margin-top: 30px;
  margin-left: -78px;
  /*writing-mode:tb-rl;*/
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.brand-us .time-year em {
  font-size: 54px;
  line-height: 100%;
  font-weight: bold;
  color: #f4f4f4;
}

.brand-us .us-circle {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  margin-left: -39px;
  vertical-align: top;
  padding: 5px;
  overflow: hidden;
  border-color: #00b7e1 \9;
  animation: shadowdate 2s linear 1.1s infinite;
  -o-animation: shadowdate 2s linear 1.1s infinite;
  -ms-animation: shadowdate 2s linear 1.1s infinite;
  -moz-animation: shadowdate 2s linear 1.1s infinite;
  -webkit-animation: shadowdate 2s linear 1.1s infinite;
}

.brand-us .times-circle {
  background: #00b2e6;
  width: 15px;
  vertical-align: middle;
  height: 15px;
  border-radius: 50%;
  display: table-cell;
}

.brand-us .time-date {
  padding-right: 28%;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  float: right;
  color: #666;
}

.brand-us .story-content {
  width: 90%;
  float: right;
  position: relative;
  margin-bottom: 5%;
  margin-top: 2%;
  padding: 0 20px;
}

.brand-us .context-title h3 {
  margin-top: 20px;
}

.honor8-color {
  color: #fff;
}

.brand-us .us_txt_content {
  width: auto;
  margin: 5px auto;
  height: 100px;
  overflow: hidden;
  position: relative;
  margin-left: 60px;
  margin-right: 60px
}

.brand-us .us-view-more-btn {
  height: 40px;
  background-color: #fff;
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding-top: 20px;
  display: block
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .brand-story-one img {
    max-width: 700px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .brand-us p {
    line-height: 155%;
    font-size: 14px;
  }
  .brand-us .brand-news-right {
    height: 130px \0 !important;
    max-height: 130px \9 !important;
  }
  .honor8-color {
    color: #000;
  }
}

@media only screen and (min-width: 768px) and (max-width: 923px) {
  .brand-us .brand-news-right {
    height: 130px !important;
    max-height: 130px \9 !important;
  }
}

@media only screen and (max-width: 767px) {
  .brand-us .brand-us-news-title h3 {
    font-size: 22px;
  }
  .brand-us .brand-news-three .news-txt a p {
    font-size: 16px;
  }
  .brand-us .us_txt_content {
    margin-left: 5px;
    margin-right: 5px
  }
  .brand-us .brand-us-news-title {
    margin: 40px auto 30px auto;
  }
  .brand-us .us-circle {
    padding: 5px;
  }
  .brand-us .brand-us-news-content .news-txt span {
    margin-top: 10px;
  }
  .brand-us .brand-news-botm-txt h3 {
    margin-top: 0;
  }
  .brand-us .brand-news-three .news-txt h3 {
    margin-top: 0;
  }
  .brand-us .brand-us-news-content {
    margin-bottom: 20px;
  }
  .brand-us .story-content-pic {
    margin-top: 35px;
  }
  .brand-us .story-content {
    margin-bottom: 40px;
    margin-top: 0;
  }
  .brand-us .time-year {
    font-size: 46px;
  }
  .brand-us .time-context {
    left: -6%;
  }
  .brand-us .time-year {
    margin-left: -112px;
  }
  .brand-us .time-date {}
  .brand-us .times-circle {
    width: 15px;
    height: 15px;
  }
  .brand-us .time-context {
    width: 120px;
  }
  .brand-us .brand-us-story-content {
    margin: 0 13%;
  }
  .brand-us .brand-news-three .news-txt {
    margin-top: 0;
  }
  .brand-us .brand-news-one {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .brand-us .brand-us-menu-fixe {
    display: none !important;
  }
  .brand-us .brand-us-menu-static {
    display: block !important;
    background: #fff;
    position: relative !important;
    top: 0 !important;
  }
  .brand-us .posoin-retive {
    height: 100%;
    width: 100%;
    position: relative;
    top: 0;
    top: 0 \9;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .brand-us h3 {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .brand-us .brand-us-one-txt {
    padding: 0 10px;
  }
  .brand-us p {
    line-height: 155%;
    font-size: 14px;
  }
  .brand-us .brand-us-aninmation h1 {
    font-size: 50px;
    line-height: 100%;
  }
  .brand-us .brand-us-banner .txt h1 {
    font-size: 48px;
  }
  .brand-us .brand-us-banner .txt p {
    font-size: 14px;
    width: 100%;
    margin: auto;
  }
  .brand-us .brand-us-menu li {
    padding: 0;
    width: 23.5%;
    text-align: center;
    font-size: 16px;
  }
  .brand-us .brand-us-two {
    height: 300px;
  }
  .brand-us .brand-us-menu li a {
    font-size: 18px;
  }
  .brand-us .us-view-more-btn {
    height: 44px;
  }
}

@media only screen and (min-width: 468px) and (max-width: 767px) {
  .brand-us .time-year {
    margin-left: -122px;
  }
}

/*brand-us end*/

/*wordworld start 20160923*/

.page-location {
  margin-bottom: 5%;
}

.page-location .word-title .fa {
  float: right;
}

.page-location .word-title {
  border-bottom: 1px solid #f4f4f4;
  padding: 10px 0;
  padding-right: 5px;
  padding-left: 5px;
}

.page-location .word-content h3 {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  color: #222223;
  font-size: 24px;
  display: inline-block;
}

.page-location .word-content a {
  color: #222223;
  padding-top: 20px;
  display: block;
  font-size: 16px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.page-location .word-content a:hover {
  color: #00A0D1;
}

.page-location .word-content {
  margin-top: 60px;
}

.page-location .modal-new-header {
  border-bottom: none;
}

.page-location .modal-new-footer {
  border-top: none;
  margin: 35px 0;
  text-align: center;
}

.page-location .modal-new-dialog {
  margin-top: 10%;
}

.page-location .modal-new-body {
  text-align: center;
  font-size: 20px;
  color: #222223;
  padding-top: 45px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.page-location .modal-new-dialog {
  max-width: 459px;
  max-height: 168px;
}

.page-location .btn-no {
  border: 1px solid #00b2e6;
  border-radius: 14px;
  width: 76px;
  height: 28px;
  background: #fff;
  color: #00b2e6;
  font-size: 14px;
  line-height: 22px;
  margin-right: 35px;
}

.page-location .btn-YES {
  border: 1px solid #00b2e6;
  border-radius: 14px;
  width: 76px;
  height: 28px;
  background: #00b2e6;
  color: #FFF;
  font-size: 14px;
  line-height: 22px;
}

#wordworld_modal_index {}

#wordworld_modal_index .modal-new-dialog.index-dialog {
  max-width: 950px;
  max-height: 623px;
  width: 100%;
}

#wordworld_modal_index .modal-new-dialog.index-dialog .modal-new-content {
  padding: 0 20px;
  padding-bottom: 50px;
}

#wordworld_modal_index .modal-new-dialog {
  margin-top: 4%;
}

#wordworld_modal_index .modal-new-header .close {
  font-size: 28px;
  margin-right: -20px;
}

#wordworld_modal_index .modal-new-title h4 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  padding-top: 10px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

#wordworld_modal_index .index-dialog p {
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

#wordworld_modal {
  padding-right: 0px;
}

.body-important {
  overflow: hidden !important;
}

@media only screen and (max-width: 1640px) {
  .page-location #wordworld_modal_index .word-content {
    margin-top: 20px;
  }
  .page-location #wordworld_modal_index .word-content a {
    padding-top: 10px;
  }
  .page-location #wordworld_modal_index .word-content a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  #wordworld_modal_index .modal-new-dialog.index-dialog .modal-new-content {
    margin-right: 20px;
  }
  .page-location .btn-no {
    width: 100%;
    padding: 0 20%;
    margin-top: 20px;
    height: 35px;
  }
  .page-location .btn-YES {
    width: 100%;
    padding: 0 20%;
    margin-top: 20px;
    height: 35px;
  }
  .honor8-color {
    color: #000;
  }
}

/*wordworld end 20160923*/

/*storystream 20160929 start */

.storystream h3 {
  font-family: "bignoodletitlingregular";
  color: #000;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
}

.storystream p {
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 16px;
  line-height: 175%;
  max-width: 680px;
  margin: auto;
}

.storystream .storystream-02 {
  margin: 50px auto;
  text-align: center;
}

.storystream .storystream-02 h3 {
  margin-top: 40px;
}

.storystream .storystream-02 .txt {
  font-size: 28px;
}

.storystream .storystream-02 h3 a {
  color: #222223;
  font-size: 28px;
}

.storystream .storystream-03 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/storystream_bg.jpg") no-repeat center;
  width: 100%;
  height: 1140px;
  position: relative;
  text-align: center;
}

.storystream .storystream-03 h3 {
  color: #fff !important;
}

.storystream .storystream-03 h4.font {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
}

.storystream .storystream-03 h4 {
  color: #fff !important;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  margin-top: 20px;
  font-size: 28px;
  text-align: center;
}

.storystream .storystream-03 h4.txt_1 {
  font-size: 18px;
  font-weight: bold;
}

.storystream .storystream-03 p {
  color: #fff !important;
}

.storystream .storystream-03 .blank-fonts {
  margin-top: 1%;
}

.storystream .storystream-boder {
  border: 1px solid #fff;
  max-width: 400px;
  margin: auto;
  text-align: center;
}

.storystream-03 {}

.storystream .storystream-03 .we-video-icon-6-white {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  display: inline-block;
}

.storystream .storystream-03 .we-video-icon-6-white a {
  color: #fff;
}

.storystream .storystream-03 .swiper-container {
  width: 100%;
  height: 100%;
}

.marg-top a {
  color: #333;
}

.storystream-04 .marg-top a {
  color: #fff;
}

.storystream .storystream-pic {
  display: block;
  margin: auto;
  margin-top: 20px;
  height: 500px;
  max-height: 600px;
  width: 700px;
  max-width: 800px;
  overflow: hidden;
  max-width: 550px;
  position: relative;
}

@media (max-width:767px) {
  .storystream .storystream-pic {
    height: 100%;
    width: 100%;
    max-height: 300px;
    max-width: 300px;
  }
}

.storystream .storystream-pic img {
  max-width: 500px;
}

.storystream .storystream-03 .item-c-new {
  display: table;
  width: 100%;
  height: 100%;
}

.storystream .storystream-03 .product-sliders {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
}

.storystream .storystream-table {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.storystream .storystream-04 {
  text-align: center;
  width: 100%;
}

.storystream .storystream-04 .blank-fonts {
  margin-top: 3%;
}

.storystream .storystream-04 .storystream-boder {
  border: 1px solid #333;
}

.storystream .storystream-04 h4 {
  color: #333 !important;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  margin-top: 20px;
  font-size: 28px;
  text-align: center;
}

.storystream .storystream-05 {
  position: relative;
}

.storystream .storystream-left {
  position: absolute;
  left: 15%;
  top: 20%;
}

.storystream .storystream-05 h3 {
  color: #fff;
  padding-top: 20px;
  font-size: 48px;
  line-height: 125%;
  max-width: 300px;
}

.storystream .storystream-05 .we-video-icon-6-white {
  cursor: pointer;
  text-decoration: none;
}

.storystream .storystream-06 {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/storystream_06.jpg) center center no-repeat;
  text-align: center;
  color: #fff;
}

.storystream .storystream-06 .blank-fonts {
  margin-top: 3%;
}

.storystream .storystream-06 h3 {
  color: #fff;
}

.storystream .storystream-06 h4 {
  color: #fff !important;
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  margin-top: 20px;
  font-size: 28px;
}

.storystream .storystream-06 .banner-btnbox .banner-btnstyle {
  border: 2px #fff solid;
  color: #fff;
}

.storystream .storystream-06-tip .tip-tab h3 {
  color: #333;
}

.storystream .storystream-06 .posion-rel {
  position: relative;
  overflow: hidden;
}

.storystream .storystream-06 .posion-rel>.posion-c {
  position: absolute;
  top: 18%;
  left: 4.5%;
  width: 89.5%;
  height: 80%;
  overflow: hidden;
}

.storystream .storystream-06 .posion-rel>.posion-c img {
  width: 100%
}

.storystream .valign {
  letter-spacing: -0.315em
}

.storystream .valign>* {
  letter-spacing: normal;
  display: inline-block;
  float: none;
  vertical-align: bottom;
}

/*加载中 bof*/

.spinner {
  margin: 50% auto 0;
  width: 150px;
  text-align: center;
}

.spinner>div {
  width: 15px;
  height: 15px;
  margin-left: 20px;
  background-color: #121d39;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0.0)
  }
  40% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  }
  40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*加载中 eof*/

.storystream .btn-tip {
  position: relative;
}

.storystream .tip-tab {
  -webkit-box-shadow: 5px 5px 6px #555;
  -moz-box-shadow: 5px 5px 6px #555;
  box-shadow: 5px 5px 6px #555;
  background-color: rgba(254, 251, 257, 0.7);
  border-radius: 3px;
}

.storystream .btn-bo {
  display: block;
  padding-top: 20px;
}

.storystream .tip-icon {
  position: relative;
}

.storystream .marg-top {
  margin-top: 20px;
}

.storystream .show-tab {
  display: none;
  z-index: 99;
  max-width: 600px;
  margin: auto;
  position: absolute;
  width: 100%;
  left: 50%;
  margin-left: -300px;
}

.storystream .tip-icon img {
  margin-bottom: 0;
}

.storystream .tip-tab .txt {
  padding: 40px;
}

.storystream .storystream-03 .tip-tab h3 {
  color: #333 !important;
  font-size: 48px;
}

.storystream .storystream-04-tip .tip-tab {
  background-color: rgba(16, 28, 54, 0.7);
  -webkit-box-shadow: 5px 5px 6px #333;
  -moz-box-shadow: 5px 5px 6px #333;
  box-shadow: 5px 5px 6px #333;
}

.storystream .storystream-04-tip .tip-tab h3 {
  color: #fafafa;
  font-size: 48px;
}

.stry-grid.stry-no-more-items .stry-load-more {
  display: block !important;
}

.storystream .storystream-more a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#StoryStreamWidgetApp {
  height: 600px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .storystream .storystream-05 h3 {
    font-size: 36px;
  }
}

@media (max-width: 767px) {
  .storystream .honor-en .product-sliders img {
    min-height: 0;
  }
  .storystream .storystream-04-tip .tip-tab h3 {
    font-size: 24px;
  }
  .storystream .storystream-06-tip .tip-tab h3 {
    font-size: 24px;
  }
  .storystream .storystream-03 .tip-tab h3 {
    font-size: 24px;
  }
  .storystream .storystream-05 h3 {
    font-size: 24px;
  }
  .storystream .show-tab {
    max-width: 100%;
    left: 0;
    margin-left: 0;
  }
  .storystream .storystream-left {
    left: 5%;
    top: 18%;
    max-width: 48%;
  }
  .storystream .storystream-05 h3 {
    line-height: 105%;
    padding-top: 10px;
  }
  .storystream .storystream-left img {
    max-width: 150px;
  }
  .storystream .storystream-02 {
    margin: 20px auto;
  }
  .storystream .storystream-02 h3 {
    margin-top: 20px;
  }
  .storystream h3 {
    font-size: 36px;
  }
  .storystream .storystream-05 h3 {
    font-size: 24px;
  }
  .storystream p {
    font-size: 16px;
    line-height: 155%;
  }
  .storystream .storystream-03 {
    height: 730px;
  }
}

@media (max-width: 367px) {
  .storystream .storystream-05 h3 {
    font-size: 18px;
  }
}

/*storystream 20160929 end*/

/*vip start 20161009*/

.vip-txt p {
  font-size: 16px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 175%;
}

.vip-txt .vip-two p {
  display: inline-block;
  width: 95%;
  vertical-align: top;
}

.vip-txt .vip-one h3 {
  text-align: center;
  font-size: 48px;
  color: #cdad87;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-weight: bold;
}

.vip-txt {
  -webkit-font-smoothing: antialiased;
}

.vip-txt .vip-two-ul div {
  line-height: 24px;
}

.vip-txt .vip-ul {
  margin-left: 2%;
  margin-top: 3%;
}

.vip-two-ul strong {
  color: #555;
}

.vip-txt .vip-one li {
  font-size: 18px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 175%;
  list-style: disc;
  color: #333;
}

.vip-w-txt {
  width: 70%;
  float: left;
}

.vip-w-img {
  width: 30%;
  float: left;
}

.vip-txt .vip-one h3 {
  font-size: 48px;
  margin: 20px 0;
}

.vip-txt .vip-one {
  padding: 5% 0;
}

.vip-txt .vip-two {
  background: #f8f8f8;
  padding: 5% 0;
}

.vip-txt .vip-txt2 {
  margin-top: 5%;
}

.vip-txt .vip-txt2 p {
  font-size: 18px;
}

.vip-txt .vip-two h3 {
  margin-left: -19px;
  margin-bottom: 10px;
  color: #333;
}

.vip-txt .vip-two-ul span {
  font-size: 18px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  vertical-align: top;
  line-height: 27px;
}

.vip-txt ol {
  list-style-type: decimal;
  font-size: 18px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  color: #666;
  vertical-align: top;
  display: block;
}

.vip-txt .in-tent {
  padding-left: 18px;
}

.vip-txt .vip-two-ul li {
  vertical-align: top;
}

.vip-txt .border-vip {
  margin: auto;
  max-width: 400px;
  width: 100%;
  height: 3px;
  background: -webkit-radial-gradient(circle, rgba(205, 173, 135, 0.5) 0%, rgba(205, 173, 135, 0.5) 5%, #fff);
  /* Safari 5.1 - 6.0 */
  background: -o-radial-gradient(circle, rgba(205, 173, 135, 0.5) 0%, rgba(205, 173, 135, 0.5) 5%, #fff);
  /* Safari 5.1 - 6.0 */
  background: -moz-radial-gradient(circle, rgba(205, 173, 135, 0.5) 0%, rgba(205, 173, 135, 0.5) 5%, #fff);
  /* Safari 5.1 - 6.0 */
  background: radial-gradient(circle, rgba(205, 173, 135, 0.5) 0%, rgba(205, 173, 135, 0.5) 5%, #fff);
  /* Safari 5.1 - 6.0 */
}

#myModal {
  margin-top: 16%;
}

@media (max-width: 767px) {
  .vip-txt .vip-two h3 {
    margin-left: 0;
  }
  .vip-txt .vip-one h3 {
    font-size: 36px;
  }
  .vip-txt ol {
    margin-left: 15px;
  }
  .vip-txt .vip-two p {
    display: inline-block;
    width: 89%;
  }
  .vip-w-txt {
    width: 100%;
    float: left;
  }
  .vip-w-img {
    width: 100%;
    float: left;
  }
  .vip-txt .vip-ul {
    margin-left: 6.5%;
  }
  #myModal {
    margin-top: 26%;
  }
}

/*vip end*/

/*GuessTheCity start*/

.GuessTheCity {
  font-family: "Century Gothic"
}

.fonte9004b {
  color: #e9004b;
}

.GuessTheCity h1 {
  font-size: 60px;
  font-family: "bignoodletitlingregular";
}

.GuessTheCity h2 {
  font-size: 40px;
  font-family: "bignoodletitlingregular";
}

.GuessTheCity h3 {
  font-size: 36px;
  font-family: "bignoodletitlingregular";
  line-height: 350%;
}

.GuessTheCity p {
  font-size: 20px;
  line-height: 150%;
}

.GuessTheCity figcaption {
  font-size: 20px;
  line-height: 150%;
}

.GuessTheCity .guess-btn {
  display: inline-block;
  width: 200px;
  min-width: 200px;
  border: 2px solid #000;
  border-radius: 12px;
  line-height: 36px;
  padding-top: 10px;
  font-size: 25px;
  font-family: "bignoodletitlingregular";
  color: #000;
  text-align: center
}

.GuessTheCity .valign {
  letter-spacing: -0.315em
}

.GuessTheCity .valign>div[class*="col-"] {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  float: none;
}

.GuessTheCity .GuessTheCity-section2 h1+p {
  font-size: 16px;
  font-weight: bold;
  margin-top: -10px;
}

.GuessTheCity .GuessTheCity-section2 .city {
  width: 750px;
  position: relative;
  cursor: url('https://www.honor.com/content/dam/honor/common/products/img/lens.ico') 65 70, auto;
}

.GuessTheCity .GuessTheCity-section2 .city #robot {
  top: 0px;
  left: 0px;
  z-index: 1;
  border-radius: 7px;
}

.GuessTheCity .GuessTheCity-section2 .city #redux {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  border-radius: 7px;
}

.GuessTheCity .col-sm-3 {
  padding-left: 10px;
}

.GuessTheCity .GuessTheCity-section3 h1 {
  margin-top: 70px;
}

.GuessTheCity .GuessTheCity-section3 .form-send {
  width: 500px;
  max-width: 750px;
}

.GuessTheCity .GuessTheCity-section3 .form-send .form-control {
  height: 45px;
  font-family: inherit;
  background: #f9f9f9;
  border-radius: 0;
}

.GuessTheCity .GuessTheCity-section3 .form-send .form-text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}

.GuessTheCity .GuessTheCity-section3 .form-send .dropdown-menu>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.GuessTheCity .GuessTheCity-section3 .form-agree {
  line-height: 100%;
  margin-top: 70px;
}

.GuessTheCity .GuessTheCity-section3 .form-agree label {
  font-family: Arial, Helvetica, sans-serif;
  color: black;
}

.GuessTheCity .GuessTheCity-section3 .terms a {
  color: #000;
}

.GuessTheCity .GuessTheCity-section3 .terms a:hover {
  text-decoration: underline;
}

.GuessTheCity .GuessTheCity-section3 .step2 {
  background: #efeff1;
  padding-top: 1px;
}

.GuessTheCity .GuessTheCity-section3 .step2 .guess-btn {
  margin-left: 5px;
  margin-right: 5px;
}

.GuessTheCity .GuessTheCity-section4 {
  background: #e4004b;
  padding: 70px 0
}

.GuessTheCity .GuessTheCity-section4 h1,
.GuessTheCity .GuessTheCity-section4 p {
  color: #fff;
}

.GuessTheCity .GuessTheCity-section4 .video {
  width: 95%;
  max-width: 950px;
  height: 750px;
}

.GuessTheCity .GuessTheCity-section4 .video>* {
  width: 100%;
  height: 100%;
}

.GuessTheCity .GuessTheCity-section5 {
  padding: 70px 0
}

@media (max-width:767px) {
  .GuessTheCity h1 {
    font-size: 48px;
  }
  .GuessTheCity h2 {
    color: #000;
    font-size: 38px;
    margin-top: 15px;
    margin-bottom: 0px;
  }
  .GuessTheCity h3 {
    font-size: 30px;
    line-height: 125%;
    margin: 15px 0;
  }
  .GuessTheCity p {
    font-size: 16px;
  }
  .GuessTheCity .guess-btn {
    font-size: 18px;
    width: 160px;
    min-width: 160px;
    line-height: 28px;
    padding-top: 8px;
  }
  .GuessTheCity .GuessTheCity-section2 .city {
    width: 310px;
  }
  .GuessTheCity .GuessTheCity-section3 h1 {
    margin-top: 45px;
  }
  .GuessTheCity .GuessTheCity-section3 .form-send {
    width: 100%
  }
  .GuessTheCity .GuessTheCity-section3 .form-agree {
    margin-top: 15px;
  }
  .GuessTheCity .GuessTheCity-section3 .step1 {
    padding-bottom: 30px;
  }
  .GuessTheCity .GuessTheCity-section3 .step2 {
    padding-bottom: 15px;
  }
  .GuessTheCity .GuessTheCity-section3 .step2 .guess-btn.mt-30 {
    margin-top: 10px;
  }
  .GuessTheCity .GuessTheCity-section4 {
    padding: 40px 0;
  }
  .GuessTheCity .GuessTheCity-section4.mt-30 {
    margin-top: 0
  }
  .GuessTheCity .GuessTheCity-section4 .video {
    height: 270px;
    margin-top: 15px;
  }
  .GuessTheCity .GuessTheCity-section5 h1 {
    font-size: 40px;
  }
}

/*GuessTheCity end*/

/*honor-life start*/

.honor-life {
  font-family: "Open Sans"
}

.honor-life .mb-30 {
  margin-bottom: 30px;
}

.honor-life .bg-blue {
  background: #3eb3e9;
}

.honor-life .font-white {
  color: #fff;
}

.honor-life h3 {
  font-size: 36px;
  font-family: "bignoodletitlingregular";
  line-height: 175%;
}

.honor-life p {
  font-size: 18px;
  line-height: 150%;
}

.honor-life .life-1 {
  padding-top: 70px;
  position: relative;
}

.honor-life .life-1 .video {
  height: 500px;
}

.honor-life .life-1 .video>* {
  width: 100%;
  height: 100%;
}

.honor-life .life-1 .big-num {
  font-size: 90px;
  line-height: 110%;
  font-family: Arial;
}

.honor-life .life-1 .big-num+div {
  font-size: 20px;
  line-height: 110%;
}

.honor-life .life-1 .img-modules {
  position: relative;
  max-width: 1000px;
  margin-bottom: 50px;
}

.honor-life .life-1 .img-modules .img-wrap div[class*="col-"]>.row-new {
  margin-left: -2px;
  margin-right: -2px;
}

.honor-life .life-1 .img-modules .bg-blue-up {
  position: absolute;
  top: -1px;
  z-index: 2;
}

.honor-life .life-1 .img-modules .bg-blue-down {
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.honor-life .life-1 .bg-white-down {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
}

.honor-life .life-2 {
  background: #f2f2f2;
  padding: 10px 0;
}

.honor-life .life-2 .img-group {
  margin: 70px 20px;
}

@media (max-width: 767px) {
  .honor-life .mt-40 {
    margin-top: 20px;
  }
  .honor-life h3 {
    font-size: 30px;
    line-height: 125%;
  }
  .honor-life p {
    font-size: 16px;
    line-height: 120%;
  }
  .honor-life .life-1 {
    padding-top: 0;
  }
  .honor-life .life-1 .video {
    height: 220px;
  }
  .honor-life .life-1 .big-num {
    font-size: 60px;
  }
  .honor-life .life-1 .big-num+div {
    font-size: 14px;
    line-height: 110%;
  }
  .honor-life .life-2 .img-group {
    margin-left: 0;
    margin-right: 0;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
  }
  .honor-life .life-2 .img-group .swiper-pagination2,
  .honor-life .life-2 .img-group .swiper-pagination3 {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }
}

/*honor-life end*/

/*black-friday start*/

.black-friday .valign {
  letter-spacing: -0.315em
}

.black-friday .valign>* {
  letter-spacing: normal;
  display: inline-block;
  float: none;
  vertical-align: bottom;
}

.black-friday {
  font-family: "Open Sans";
  background: #000;
  color: #fff;
}

.black-friday .mb-30 {
  margin-bottom: 30px;
}

.black-friday .mb-210 {
  margin-bottom: 210px;
}

.black-friday .font-white {
  color: #fff;
}

.black-friday h1 {
  font-size: 46px;
  font-family: "bignoodletitlingregular";
  line-height: 125%;
}

.black-friday h3 {
  font-size: 36px;
  font-family: "bignoodletitlingregular";
  line-height: 175%;
}

.black-friday p {
  font-size: 12px;
  line-height: 150%;
}

.black-friday .banner-bg {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/banner-bg.jpg") top center no-repeat;
}

.black-friday .banner-section {
  margin-top: 225px;
}

.black-friday .section-2 {
  margin: 50px 0 0
}

.black-friday .section-2 .count-down {
  text-align: center;
  border-top: 4px solid #f32728;
  border-bottom: 4px solid #f32728;
  padding: 50px 0 10px
}

.black-friday .section-2 .count-down>div {
  display: inline-block;
  margin: 0 5px;
}

.black-friday .section-2 .count-down>div>div {
  display: inline-block;
  background: #f32728;
  border-radius: 5px;
  font-size: 85px;
  text-align: center;
  line-height: 137%;
  font-weight: bold;
  padding: 15px 10px;
}

.black-friday .section-2 .count-down>div>p {
  text-align: center;
  font-family: "bignoodletitlingregular";
  margin-top: 5px;
  font-size: 26px;
}

.black-friday .section-3 {
  margin: 50px 0;
}

.black-friday .section-3 .video {
  max-width: 950px;
  height: 700px;
  margin-top: 50px;
}

.black-friday .section-3 .video>* {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .black-friday .banner-section {
    margin-top: 30px;
  }
  .black-friday .banner-section>div[class*='col-']:first-child {
    padding-left: 50px;
    padding-right: 50px;
  }
  .black-friday .mb-210 {
    margin-bottom: 25px;
  }
  .black-friday .section-2 .count-down {
    padding-top: 40px;
  }
  .black-friday .section-2 .count-down>div {
    margin: 0 2px;
  }
  .black-friday .section-2 .count-down>div>div {
    font-size: 48px;
    line-height: 137%;
    padding: 15px 5px;
  }
  .black-friday .section-2 .count-down>div>p {
    margin-top: 5px;
    font-size: 20px;
  }
  .black-friday .section-3 .video {
    max-width: 90%;
    height: 270px;
  }
}

/*black-friday end*/

/*cbg cookie */

.cookie_tip {
  height: auto;
  position: relative;
  width: 100%;
  background: #d7d7d7;
  overflow: hidden;
  color: #000;
  display: none;
  z-index: 10;
}

.cookie_tip .cookie_content {
  position: relative;
  width: 88.91%;
  max-width: 1024px;
  font-size: 14px;
  margin: 15px auto;
}

.cookie_tip .cookie_content .cookie_txt {
  margin-right: 30px;
}

.cookie_tip .cookie_content a {
  font-weight: bold;
  text-decoration: underline;
  color: #000;
}

.cookie_tip .cookie_content .close_btn {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  right: 0;
}

.cookie_tip .cookie_content .close_btn span {
  display: block;
  margin: 17px 0 0 0;
  width: 27px;
  height: 27px;
  cursor: pointer;
  background: url('https://www.honor.com/content/dam/honor/common/products/img/img_con_v27_icon_sprite_svg.svg') -0 -16px no-repeat;
  overflow: hidden;
}

@media (max-width: 767px) {
  .cookie_tip .cookie_content {
    margin: 10px auto;
  }
  .canvas-slid .cookie_tip,
  .mobile-opening .cookie_tip {
    display: none !important;
  }
}

#nav-cont-wrap.cookie {
  top: 120px;
}

/*.cookies {
    width: 100%;
    padding: 10px 0 10px 0;
    background-color: #fff;
    position: relative;
    top: 0;
    z-index: 413;
    overflow: auto;
}
.cookies .cookieDetails {
    margin: 0 auto 0 auto;
    padding: 0 80px 0 80px;
    height: auto;
}
.cookies .cookies-left {
    float: left;
    width: 70%;
    padding: 15px 0 15px 0;
    font-family: 'ProximaNova';
    font-size: 1rem;
    line-height: 20px;
    color: #666;
}
.cookies .cookies-right {
    position: absolute;
    right: 10%;
    top: 50%;
    margin-top: -25px;
}
.cookies .cookies-left a {
    color: #00b2e6;
    text-decoration: none;
}
.btn_blue_primary {
    min-width: 170px;
    height: 50px;
    font-family: 'ProximaNovaBold';
    font-size: 14px;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    background-color: #00b2e6;
    padding: 0 40px 0 40px;
    border: 0;
    text-transform: uppercase;
    letter-spacing: .14em;
    line-height: 50px;
}*/

.cookies {
  display: none;
  width: 100%;
  padding: 10px 0 10px 0;
  background-color: #fff;
  position: relative;
  top: 0;
  z-index: 413;
  overflow: auto;
}

.cookies .cookieDetails {
  max-width: 1280px;
  margin: 0 auto 0 auto;
  padding: 0 80px 0 80px;
  height: auto;
}

.cookies .cookies-left {
  float: left;
  width: 70%;
  padding: 15px 0 15px 0;
  font-family: 'ProximaNova';
  font-size: 16px;
  line-height: 20px;
  color: #666;
}

.cookies .cookies-right {
  float: right;
}

.cookies .cookies-left a {
  color: #00b2e6;
  text-decoration: none;
}

.btn_blue_primary {
  min-width: 170px;
  height: 50px;
  font-family: 'ProximaNovaBold';
  font-size: 14px;
  color: #fff;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  background-color: #00b2e6;
  padding: 0 40px 0 40px;
  border: 0;
  text-transform: uppercase;
  letter-spacing: .14em;
  line-height: 50px;
  font-weight: bold;
}

@media only screen and (max-width:768px) {
  .cookies .cookieDetails {
    margin: 0 auto 0 auto;
    padding: 0 15px;
    height: auto;
    text-align: center;
  }
  .cookies .cookies-left,
  .cookies .cookies-right {
    float: none;
    width: 100%;
  }
  .btn_blue_primary {
    padding: 0 10px;
    min-width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}

/* CSS Document */

/*pc*/

@media (min-width: 768px) {
  .social {
    vertical-align: middle;
    text-align: right;
    padding-right: 90px;
  }
  .social li {
    font-size: 24px;
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    line-height: 70px;
  }
  .social li a {
    font-size: 24px;
    color: #00b2e6;
  }
  .social li a:hover {
    color: #0093be;
  }
  .serch-email {
    padding-left: 90px;
  }
  .followbox>.container-fluid-new>.row-new,
  footer>.footer>.container-fluid-new>.row-new,
  .bg-honor7-banner>.row-new {
    letter-spacing: -0.315em;
  }
  .followbox>.container-fluid-new>.row-new>div[class*="col-"],
  footer>.footer>.container-fluid-new>.row-new>div[class*="col-"],
  .bg-honor7-banner>.row-new>div[class*="col-"] {
    /*float: none;*/
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
  }
  .honor4x .bannerfont.xspd-10 .jsshop-01 {
    margin-left: 0px;
  }
  .s5top-pic {
    letter-spacing: -0.315em;
  }
  .s5top-pic>div[class*="col"] {
    vertical-align: bottom;
    display: inline-block;
    float: none;
    letter-spacing: normal;
  }
  .bg-s11>.clearfix>div[class*="col"] {
    vertical-align: middle;
    display: inline-block;
    float: none;
    letter-spacing: normal;
  }
  .bg-s5 .bg-textbox {
    text-align: center;
  }
  .bg-s5 .icon-tag {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-textbox .col-sm-2 {
    /* padding-left: 10px;
        padding-right: 10px; */
  }
  .footer-textbox li {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .footer-textbox h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .share-versary>.row-new {
    letter-spacing: -0.315em;
  }
  .share-versary>.row-new>div[class*="col-"] {
    float: none;
    display: inline-block;
    vertical-align: bottom;
    letter-spacing: normal;
    margin-bottom: 10px;
  }
}

@media (min-width: 1441px) and (max-width:1752px) {
  .honor-section-5 .tag-box .item-tags:last-child {
    padding-left: 0;
  }
}

@media (min-width: 1440px) and (max-width:1619px) {
  .honor-en .honor-en-h3-white {
    font-size: 40px;
  }
  .honner-blog .banner-tex {
    top: 7%;
    font-size: 100px;
  }
  .honor-en .txt-18-h {
    top: 10%;
    left: 10%;
    width: 50%;
    position: absolute;
    display: block;
    height: 100%;
  }
  .honor-en .honor6-en-05 {
    top: 15%;
    left: 10%;
    width: 50%;
    position: absolute;
    display: block;
    height: 100%;
  }
  .honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
    /* display: inline-block; */
    margin: 30px 0px 40px auto;
    text-align: center;
  }
  .banner-btns3c {
    position: absolute;
    bottom: 30%;
    right: 33%;
  }
  .serch-email,
  .bottom-copyright,
  footer .footer {
    padding-left: 60px;
  }
  .social,
  .bottom-text {
    padding-right: 60px;
  }
  .bottom-bigfont {
    font-size: 60px;
  }
  .honor-en.hidden-ipads .honor6-en-txt {
    top: 8%;
  }
  .honor-en.hidden-ipads .honor6-en-txt {
    width: 72%;
  }
}

@media (min-width: 1440px) and (max-width:1739px) {
  .bottom-bigfont {
    font-family: "dead_island";
    font-size: 70px;
    color: #00b2e6;
  }
}

/* 小pc bof */

@media (min-width: 1200px) and (max-width:1439px) {
  .honner-blog .banner-tex {
    top: 6%;
    font-size: 70px;
  }
  .topbannerSlider .bannerfont h2.blues {
    font-size: 50px;
    margin-bottom: 10px;
  }
  .bannerfons h3 {
    font-size: 36px;
  }
  .honor-en .honor-en-h3-white {
    font-size: 38px;
  }
  /* 按钮居中修改180-0 */
  .honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
    /* display: inline-block; */
    margin: 30px 0px 40px auto;
    text-align: center;
  }
  .honor-en .honor-en-h3-black {
    font-size: 38px;
  }
  .honor-en .honor-en-p-white {
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  .honor-en .honor-en-p-black {
    color: #333;
    width: 80%;
    font-size: 16px;
    line-height: 32px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  .honor-en .honor6-en-txt {
    top: 15%;
  }
  .honor-en .ipan-04 {
    top: 25%;
  }
  .honor-en .txt-08-left {
    width: 90%;
    top: 2%;
    left: 1%;
    padding-top: 10%;
    padding-left: 5%;
    position: inherit;
    height: auto;
  }
  .item-tags {
    display: inline-block;
    margin-right: 10px;
    min-width: 145px;
    width: 33%;
  }
  .honor-en .txt-01-boton {
    top: 30%;
  }
  .honor-en .txt-021 {
    width: 100%;
    text-align: center;
    top: 5%;
  }
  .banner-btns3c {
    position: absolute;
    bottom: 30%;
    right: 32%;
  }
  .honor6 .bannerfont .s1 {
    background-color: inherit;
  }
  /* product bof */
  .productbox .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new .txt {
    font-size: 20px;
    text-align: right;
  }
  .productbox .page-product .block-desc {
    padding-left: 10px;
    font-size: 18px;
  }
  .serch-email,
  .bottom-copyright,
  footer .footer {
    padding-left: 60px;
  }
  .social,
  .bottom-text {
    padding-right: 60px;
  }
  .bottom-bigfont {
    font-size: 50px;
  }
  /* product eof */
  /* honor7 bof */
  .honor-en .blank-fonts h3,
  .bg-textbox h3,
  .honor6 h3 {
    font-size: 28px;
  }
  .honor6 h3.btnfont {
    font-size: 90px;
  }
  .item-tags h3.font-40 {
    font-size: 20px;
  }
  .honor7 .tag-box h3.font-40 small,
  .item-tags h3.font-40 small,
  .item-tags p {
    font-size: 16px;
  }
  .honor7 .tag-box .item-tags .mtp {
    margin-top: -10px;
  }
  .tag-box {
    margin-top: 10px;
  }
  .width-1200 .tag-box {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .honor7 .tag-box .item-tags {
    padding-left: 0px;
    padding-right: 10px;
  }
  .honor7 .tag-box .item-tags:first-child {
    padding-left: 0;
  }
  .honor-section-5 .tag-box .item-tags:last-child {
    padding-left: 0;
  }
  .honor-section-5 .item-c-new>div>.clearfix {
    letter-spacing: -0.315em;
  }
  .honor-section-5 .item-c-new>div>.clearfix>div[class*="col-"] {
    float: none;
    display: inline-block;
    vertical-align: bottom;
    letter-spacing: normal;
  }
  .honor-en .blank-fonts p,
  .bg-textbox p {
    color: #000;
    line-height: 170%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  /* honor7 eof */
}

@media (min-width: 1025px) and (max-width:1199px) {
  .en_404_btn .btn {
    width: 125px;
    height: 25px;
    line-height: 7px;
    border-radius: 30px;
    font-size: 12px;
  }
  .honor-7 .pd-top11 h3 {
    font-size: 28px;
  }
  .en_404_p p {
    font-size: 16px;
  }
  .honner-blog .banner-tex {
    top: 4%;
    font-size: 70px;
  }
  .topbannerSlider .bannerfont h2.blues {
    font-size: 40px;
  }
  .bannerfons h2 {
    font-size: 60px;
    margin-bottom: 10px;
  }
  .banner-btns3c {
    position: absolute;
    bottom: 30%;
    right: 37%;
  }
  /*英国站点按钮居中时修改180改为0*/
  .honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
    /* display: inline-block; */
    margin: 30px 0px 40px auto;
    text-align: center;
  }
  .btn-ceter {
    text-align: center;
  }
  .bannerfons h3 {
    font-size: 36px;
  }
  .banner-btnvideo,
  .shoping {
    float: none;
  }
  .honor6-imgpull {
    height: 360px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/en-honor6-plus-08.jpg) no-repeat;
  }
  .honor6-imgpush {
    height: 360px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/en-honor6-plus-09.jpg) no-repeat;
  }
  .item-tags {
    display: inline-block;
    margin-right: 10px;
    min-width: 145px;
    width: 33%;
  }
  .tag-box .font-40 {
    font-size: 28px;
  }
  .honor-en .honor-en-p-white {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  .honor-en .text-07-left-p {
    text-align: center;
    width: 90%;
  }
  .honor-en .honor-en-h3-black {
    color: #333;
    font-size: 28px;
    padding-bottom: 30px;
  }
  .honor6-plus .s1 {
    left: 0;
    bottom: 0;
    margin-left: 0;
    width: 100%;
    padding-left: 100px;
    overflow: hidden;
    text-align: center;
    background-color: #06aae7;
  }
  .honor-en .honor-en-p-black {
    color: #333;
    width: 80%;
    font-size: 16px;
    line-height: 28px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  .honor-en .honor6-en-txt {
    top: 10%;
  }
  .honor-en .ipan-04 {
    top: 25%;
  }
  .honor-en .txt-021 {
    width: 100%;
    text-align: center;
    top: 5%;
  }
  .honor-en .txt-08-left {
    width: 90%;
    top: 2%;
    left: 5%;
    padding-top: 10%;
    padding-left: 5%;
    position: inherit;
    height: auto;
  }
  .honor-en .txt-020 {
    top: 20%;
  }
  .honor-en .txt-01-boton {
    top: 40%;
  }
  .honor-en .honor-en-h3-white {
    color: #fff;
    font-size: 28px;
    padding-bottom: 10px;
  }
  footer .footer .social li {
    padding: 0 10px;
  }
  .honor6 .honor-en h3 {
    font-size: 24px;
  }
  .honor6 p {
    font-size: 16px;
  }
  .honor6 .bannerfont .s1 {
    background-color: inherit;
  }
  /* product bof */
  .productbox .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new .txt {
    font-size: 18px;
    text-align: right;
  }
  .productbox .page-product .block-desc {
    padding-left: 10px;
    font-size: 16px;
  }
  .serch-email,
  .bottom-copyright,
  footer .footer {
    padding-left: 30px;
  }
  .social,
  .bottom-text {
    padding-right: 30px;
  }
  .bottom-bigfont {
    font-size: 42px;
  }
  /* product eof */
  /* honor7 bof */
  .honor-en .blank-fonts h3,
  .bg-textbox h3,
  .honor6 h3 {
    font-size: 40px;
  }
  .honor6 h3.btnfont {
    font-size: 48px;
  }
  .item-tags h3.font-40 {
    font-size: 18px;
  }
  .honor7 .tag-box h3.font-40 small,
  .item-tags h3.font-40 small,
  .item-tags p {
    font-size: 14px;
  }
  .honor7 .tag-box .item-tags .mtp {
    margin-top: -10px;
  }
  .tag-box {
    margin-top: 10px;
  }
  .width-1200 .tag-box {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .honor-section-5 .item-c-new>div>.clearfix {
    letter-spacing: -0.315em;
  }
  .honor-section-5 .item-c-new>div>.clearfix>div[class*="col-"] {
    float: none;
    display: inline-block;
    vertical-align: bottom;
    letter-spacing: normal;
  }
  /* honor7 eof */
  .honor4x .col-sm-3.col-md-5 .bannerfont.xspd-10 .banner-btnvideo>a {
    width: 42%;
  }
  .hidden-ipads .tag-box .item-tags img {
    display: none;
  }
  .honor-en .blank-fonts p,
  .bg-textbox p {
    color: #000;
    line-height: 120%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
}

@media (max-width: 1199px) {
  .bg-honor-video {
    position: absolute;
    top: 10%;
    left: 1%;
    margin-left: 0;
  }
  .honor-section-5 .tag-box .item-tags {
    display: block;
    padding: 0;
  }
  .honor4x .col-sm-3.col-md-5 .bannerfont.xspd-10 .banner-btnvideo>a {
    width: 42%;
  }
}

/* 横版 ipad */

@media (min-width: 992px) and (max-width:1024px) {
  .honner-blog .banner-tex {
    top: 2%;
    font-size: 60px;
  }
  .honor6 .bannerfont .s1 {
    background-color: inherit;
  }
  .bannerfons h2 {
    font-size: 60px;
    margin-bottom: 10px;
  }
  .bannerfons h3 {
    font-size: 36px;
  }
  .item-tags {
    display: inline-block;
    margin-right: 10px;
    min-width: 145px;
    width: 23%;
  }
  .tag-box .font-40 {
    font-size: 18px;
  }
  .honor-en .honor6-en-txt {
    top: 10%;
  }
  .honor-en .honor-en-p-black {
    color: #333;
    width: 80%;
    font-size: 16px;
    line-height: 28px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  .honor-en .honor-en-p-white {
    color: #ffffff;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  .honor-en .honor6-en-txt-6 {
    top: 15%;
  }
  .honor-en .honor6-en-txt {
    top: 10%;
  }
  .honor6-plus .s1 {
    bottom: 5%;
    left: 60%;
  }
  .honor-en .honor-en-h3-white {
    color: #ffffff;
    font-size: 38px;
    padding-bottom: 30px;
  }
  .honor-en .ipan-04 {
    top: 25%;
  }
  .honor-en .honor-en-h3-black {
    color: #333;
    font-size: 38px;
    padding-bottom: 30px;
  }
  .honor-en .txt-01-boton {
    top: 40%;
  }
  .honor-en .txt-021 {
    width: 100%;
    text-align: center;
    top: 5%;
  }
  .btn-ceter {
    text-align: center;
  }
  .honor6-imgpull {
    height: 360px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/en-honor6-plus-08.jpg) no-repeat;
  }
  .honor6-imgpush {
    height: 360px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/en-honor6-plus-09.jpg) no-repeat;
  }
  .jsshop-01 {
    background-size: 70%;
  }
  footer .footer .social li {
    padding: 0 10px;
  }
  .honor6 .honor-en h3 {
    font-size: 24px;
  }
  .honor6 p {
    font-size: 16px;
  }
  .topbannerSlider .bannerfont {
    padding-top: 15%;
  }
  .topbannerSlider .bannerfont h2.blues {
    font-size: 36px;
  }
  h3.btnfont {
    font-size: 40px;
  }
  /* product bof */
  .productbox .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new .txt {
    font-size: 18px;
    text-align: right;
  }
  .productbox .page-product .block-desc {
    padding-left: 10px;
    font-size: 16px;
  }
  .serch-email,
  .bottom-copyright,
  footer .footer {
    padding-left: 30px;
  }
  .social,
  .bottom-text {
    padding-right: 30px;
  }
  .bottom-bigfont {
    font-size: 46px;
  }
  .product-shop-link-lightbox {
    position: fixed;
    width: 80%;
    max-width: inherit;
    top: 45%;
    margin-left: inherit;
    left: 10%;
  }
  .honor-en .honor6-en-txt {
    top: 15%;
    left: 10%;
    width: 50%;
    position: absolute;
    display: block;
    height: 100%;
  }
  .honor-box .slider-section .product-sliders .item-c-new .desc {
    width: 66% !important;
    left: 1%;
  }
  .banner-btnvideo,
  .banner-btn {
    float: none;
  }
  .table-cell-wrap .inner h3,
  .honor7-texts h3 {
    font-size: 24px;
  }
  .tag-box .font-40 {
    font-size: 28px;
  }
  h2.bigsize {
    font-size: 36px;
  }
  .honor6-plus .s1 {
    bottom: 5%;
  }
  .item-tags {
    display: inline-block;
    margin-right: 10px;
    min-width: 145px;
    width: 33%;
    float: left;
  }
  .honor-en .honor-en-h3-white {
    color: #fff;
    font-size: 28px;
    padding-bottom: 30px;
  }
  .honor-en .txt-08-left {
    width: 90%;
    top: 2%;
    left: 0;
    padding-top: 10%;
    padding-left: 10%;
    position: inherit;
    height: auto;
  }
  .honor-en .txt-08-left h3 {
    left: 0;
  }
  /* honor7 bof */
  .honor-en .blank-fonts h3,
  .bg-textbox h3,
  .honor6 h3 {
    font-size: 24px;
  }
  .honor6 h3.btnfont {
    font-size: 40px;
  }
  .item-tags h3.font-40 {
    font-size: 18px;
  }
  .honor7 .tag-box h3.font-40 small,
  .item-tags h3.font-40 small,
  .item-tags p {
    font-size: 14px;
  }
  .honor7 .tag-box .item-tags .mtp {
    margin-top: -10px;
  }
  .tag-box {
    margin-top: 10px;
  }
  .width-1200 .tag-box {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .page-product .block-desc {
    padding-left: 10px;
    font-size: 16px;
  }
  .honor-section-5 .item-c-new>div>.clearfix {
    letter-spacing: -0.315em;
  }
  .honor-section-5 .item-c-new>div>.clearfix>div[class*="col-"] {
    float: none;
    display: inline-block;
    vertical-align: bottom;
    letter-spacing: normal;
  }
  /* honor7 eof */
  .hidden-ipads .tag-box .item-tags img {
    display: none;
  }
  .honor-en .blank-fonts p,
  .bg-textbox p {
    color: #000;
    line-height: 120%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px;
  }
  .bg-s1 .toptop-pic {
    margin-top: 0;
    padding-top: 96%;
  }
  .s4top-pic {
    margin-top: 0;
    padding-top: 31%;
  }
  .ss2box .toptop-pic {
    margin-top: 0;
    padding-top: 28%;
  }
}

/* product eof */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 160, D:/WORK/FrontEnd/RedWork/Huawei/Honor/html/sass/page/_product.scss */
  .honor-en .honor-en-h3-black {
    color: #333;
    font-size: 28px;
    padding-bottom: 30px;
    font-family: "bignoodletitlingregular";
  }
  .honner-blog .banner-tex {
    top: 6%;
    font-size: 60px;
  }
  .honner-blog .share-icon img {
    max-width: 88%;
  }
  .honner-blog .share-icon {
    margin-top: 18px;
  }
  .honor6-imgpull {
    height: 360px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/en-honor6-plus-08.jpg) no-repeat;
  }
  .honor6-imgpush {
    height: 360px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/en-honor6-plus-09.jpg) no-repeat;
  }
  .honor-en .honor-en-p-black {
    color: #333;
    width: 80%;
    font-size: 15px;
    line-height: 22px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  .honor-en .honor-en-h3-white {
    color: #fff;
    font-size: 28px;
    padding-bottom: 30px;
    font-family: "bignoodletitlingregular";
  }
  .honor-en .honor-en-p-white {
    color: #fff;
    width: 80%;
    font-size: 15px;
    line-height: 22px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  /* honor7 bof */
  .honor-en .blank-fonts h3,
  .bg-textbox h3 {
    font-size: 24px;
  }
  .item-tags h3.font-40 {
    font-size: 18px;
  }
  .honor7 .tag-box h3.font-40 small,
  .item-tags h3.font-40 small,
  .item-tags p {
    font-size: 14px;
  }
  .honor7 .tag-box .item-tags .mtp {
    margin-top: -10px;
  }
  .honor-en .blank-fonts p,
  .bg-textbox p {
    color: #000;
    line-height: 120%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px;
  }
  /* honor7 eof */
}

/* 竖版 ipad */

@media (min-width: 768px) and (max-width:991px) {
  /* 导航 bof */
  /* 导航 eof */
  .en_404_p p {
    font-size: 12px;
  }
  .en_404_btn .btn {
    width: 125px;
    height: 25px;
    line-height: 7px;
    border-radius: 30px;
    font-size: 12px;
  }
  .honner-blog .banner-tex {
    top: 3%;
    font-size: 68px;
  }
  .live-content-btn {
    background-size: 60%;
  }
  .honner-blog .share-icon img {
    max-width: 88%;
  }
  .honner-blog .share-icon {
    margin-top: 10px;
  }
  .bannerfont {
    padding-top: 12%
  }
  .honor6 .bannerfont .s1 {
    background-color: inherit;
  }
  .bannerfons h2 {
    font-size: 40px;
    margin-bottom: 10px;
  }
  .bannerfons h3 {
    font-size: 24px;
  }
  .honor6-imgpush {
    height: 260px;
  }
  .honor6-imgpull {
    height: 260px;
  }
  .honor6-plus .s1 {
    position: inherit;
    left: 0;
    bottom: 0;
    margin-left: 0;
    width: 100%;
    padding-left: 0;
    padding-bottom: 30px;
    overflow: hidden;
    text-align: center;
    background-color: #06aae7;
  }
  .bulefonts {
    font-size: 50px;
  }
  .item-tags {
    display: inline-block;
    margin-right: 10px;
    min-width: 145px;
    width: 33%;
  }
  .tag-box .font-40 {
    font-size: 18px;
  }
  .honor-en .txt-08-left p {
    width: 100%;
  }
  .honor-en .text-07-left-p {
    width: 100%;
  }
  .honor-en .honor-en-p-white {
    width: 80%;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  .tag-box {
    margin-top: 5px;
    color: #ffffff;
  }
  .honor-en .honor6-en-txt {
    top: 10%;
  }
  .honor-en .ipan-04 {
    top: 25%;
  }
  .honor-en .txt-01-boton {
    top: 40%;
  }
  .honor-en .honor-en-p-black {
    color: #333;
    width: 80%;
    font-size: 16px;
    line-height: 18px;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  .honor-en .honor-en-h3-black {
    color: #333;
    font-size: 28px;
    padding-bottom: 30px;
    font-family: "bignoodletitlingregular";
  }
  .honor-en .txt-021 {
    width: 100%;
    text-align: center;
    top: 5%;
  }
  .honor-en .honor-en-h3-white {
    color: #fff;
    font-size: 28px;
    padding-bottom: 18px;
  }
  .jsshop-01 {
    background-size: 70%;
  }
  .btn-ceter {
    left: 35%;
  }
  .social {
    padding-right: 68px;
  }
  footer .footer .social li {
    padding: 0 5px;
  }
  footer .footer .txt {
    font-size: 18px;
  }
  .honor6 h3,
  .honor6 .honor-en h3 {
    font-size: 24px;
  }
  .honor6 p {
    font-size: 16px;
  }
  .honor6 .tmem-01 {
    min-height: 800px;
  }
  .topbannerSlider .bannerfont h2.blues {
    font-size: 30px;
  }
  .honor6-imgpull {
    height: 360px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/en-honor6-plus-08.jpg) no-repeat;
  }
  .honor6-imgpush {
    height: 360px;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/en-honor6-plus-09.jpg) no-repeat;
  }
  h3.btnfont {
    font-size: 42px;
  }
  .banner-btns3c {
    position: absolute;
    bottom: 30%;
    right: 30%;
  }
  .banner-btns3c img {
    width: 80%;
  }
  /* product bof */
  .productbox .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new .txt {
    font-size: 18px;
    text-align: right;
  }
  .input-email {
    width: 50%;
  }
  .btm-email {
    width: 40%;
  }
  footer .footer {
    padding-top: 40px;
    padding-left: 90px;
  }
  .productbox .page-product .block-desc {
    padding-left: 10px;
    font-size: 16px;
  }
  .serch-email,
  .bottom-copyright,
  footer .footer {
    padding-left: 15px;
  }
  .social,
  .bottom-language {
    padding-right: 15px;
  }
  .bottom-bigfont {
    font-size: 44px;
  }
  .product-shop-link-lightbox {
    position: fixed;
    width: 96%;
    max-width: 900px;
    top: 45%;
    margin-left: inherit;
    left: 2%;
  }
  .honor6-plus .s1 {
    bottom: 5%;
  }
  .banner-btnvideo,
  .banner-btn {
    float: none;
  }
  .bannerfont .jsshop-01 img {
    width: 80%;
  }
  .table-cell-wrap .inner h3,
  .honor7-texts h3,
  .text-section h3 {
    font-size: 24px !important;
    margin-bottom: 10px;
  }
  .tag-box .font-40 {
    font-size: 30px;
  }
  .bx-pager-link {
    font-size: 0;
  }
  .honor-box .slider-section .product-sliders .item-c-new .desc {
    width: 98% !important;
    left: 1%;
  }
  .honor7-texts,
  .honor7-texts ul li,
  .honor6-section li {
    font-size: 14px;
  }
  .inner .mt30 {
    margin-top: 0;
  }
  .tag-box {
    margin-top: 10px;
  }
  h2.bigsize {
    font-size: 24px;
  }
  .honor-box p {
    font-size: 14px !important;
  }
  .item-tags {
    display: inline-block;
    margin-right: 10px;
    min-width: 145px;
    width: 33%;
    float: left;
  }
  .honor-en .honor-en-h3-white {
    color: #fff;
    font-size: 28px;
    padding-bottom: 20px;
  }
  /* product eof */
  /* honor7 bof */
  .bg-mdgrey {
    background-color: #eee;
  }
  .item-tags h3.font-40 {
    font-size: 18px;
  }
  .honor7 .tag-box h3.font-40 small,
  .item-tags h3.font-40 small,
  .item-tags p {
    font-size: 14px;
  }
  .honor7 .tag-box .item-tags .mtp {
    margin-top: -10px;
  }
  .width-1200 .tag-box {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .page-product .block-desc {
    padding-left: 10px;
    font-size: 16px;
  }
  .video-play-btn-1 img {
    width: 80%;
  }
  /*英国站点按钮居中时修改180改为0 */
  .honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
    /* display: inline-block; */
    margin: 30px 0px 40px auto;
    text-align: center;
  }
  .video-play-btn img,
  .product-learn-more img,
  .shopping-btn img {
    /*width: 80%;*/
  }
  .jsshop-01 img {
    width: 80%;
  }
  /* honor7 eof */
  .jsshop-01 {
    margin-top: 0;
  }
  .hidden-ipads .tag-box .item-tags img {
    display: none;
  }
  .magyar-honor6-plus .banner-btns-honor6plus .banner-btnvideo>a {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
  }
  .magyar-honor6-plus .jsshop-01 img,
  .magyar-honor6-plus .video-play-btn img,
  .magyar-honor6-plus .product-learn-more img,
  .magyar-honor6-plus .shopping-btn img,
  .magyar-honor6-plus .video-play-btn-1 img,
  .magyar-honor6-plus .jsshop-01 img,
  .magyar-honor4x .jsshop-01 img,
  .magyar-honor4x .video-play-btn img,
  .magyar-honor4x .product-learn-more img,
  .magyar-honor4x .shopping-btn img,
  .magyar-honor4x .video-play-btn-1 img,
  .magyar-honor4x .jsshop-01 img {
    width: 100%;
    max-width: 120px;
  }
  .honor4x .bannerfont.xspd-10 .jsshop-01 {
    margin-left: 0;
  }
  .honor-en .blank-fonts p,
  .bg-textbox p {
    color: #000;
    line-height: 120%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 14px;
  }
  .icon-tag p {
    min-height: 38px;
  }
  .bg-s1 .toptop-pic {
    margin-top: 0;
    padding-top: 125%;
  }
  .ss2box .toptop-pic {
    margin-top: 0;
    padding-top: 57%;
  }
  .s4top-pic {
    margin-top: 0;
    padding-top: 40%;
  }
  .serch-email,
  .bottom-copyright,
  footer .footer {
    padding-left: 30px;
  }
  .banner-text .big-font {
    font-size: 4em;
  }
}

/* mobile */

@media (max-width: 767px) {
  .product-shop-link-lightbox {
    position: fixed;
    width: 96%;
    max-width: 900px;
    top: 45%;
    margin-left: inherit;
    left: 2%;
  }
  .honor6-plus .s1 {
    bottom: 5%;
  }
  .banner-btnvideo,
  .shoping {
    float: none;
    display: block;
  }
  .table-cell-wrap .inner h3,
  .honor7-texts h3,
  .text-section h3 {
    font-size: 18px !important;
    margin-bottom: 10px;
  }
  .tag-box .font-40 {
    font-size: 24px;
  }
  .bx-pager-link {
    font-size: 0;
  }
  .honor-box .slider-section .product-sliders .item-c-new .desc {
    width: 98% !important;
    left: 1%;
  }
  .honor7-texts,
  .honor7-texts ul li,
  .honor6-section li {
    font-size: 14px;
  }
  .inner .mt30 {
    margin-top: 0;
  }
  .tag-box {
    margin-top: 10px;
  }
  .honor-box p {
    font-size: 14px !important;
  }
  ul.honor6-section {
    line-height: 130%;
  }
  .honor7-texts {
    width: 98%;
    padding-left: 5%;
  }
  h2.bigsize {
    font-size: 20px;
  }
  .honner-blog .banner-tex {
    top: 2%;
    font-size: 50px;
  }
  .honner-blog .share-icon img {
    max-width: 70%;
  }
  .honner-blog .share-icon {
    margin-top: 30px;
  }
  .post-permalink .post-permalink-icon {
    padding: 0 20px;
  }
}

/* ipad */

/* CSS Document */

/* mobile */

@media (max-width: 767px) {
  .honor-en .honor-en-p-white {
    color: #333;
  }
  .honor7-enhanced .bannerfont.xspd-10 .jsshop-01 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .honor-band-feature .product-sliders .item-tags img {
    min-height: 0;
  }
  h3 {
    font-size: 18px;
  }
  .software-download-page .content-border {
    border-top: 1px solid #ccc;
    margin: 10px 0 40px 0;
    padding: 20px 0;
    font-family: "bignoodletitlingregular";
    height: 65px;
  }
  .topnav-black {
    display: none;
  }
  .bannerfons h3 {
    font-size: 40px;
    font-family: "bignoodletitlingregular";
    text-align: center;
  }
  .btn-we-block {
    margin-left: 31%;
  }
  .honor-6plus h3 {
    font-family: "bignoodletitlingregular";
  }
  .honor4x .bannerfont.xspd-10 .jsshop-01 {
    margin-left: 0%;
    width: auto;
    padding: 0;
  }
  footer .footer .txt {
    font-size: 16px;
  }
  .bannerfons {
    top: 8%;
    left: 0;
    position: absolute;
    color: #fff;
    text-align: center;
    padding: 0 10px;
  }
  .bannerfons h2 {
    font-size: 36px;
    margin-bottom: 10px;
    color: #fff;
  }
  .bannerfons h3 {
    font-size: 14px;
  }
  /* mobile nav bof */
  .navmenu {
    width: 100%;
    top: 50px;
    position: absolute;
  }
  .video-play-btn-1 img {
    width: 75%;
  }
  .banner-btnvideo {
    width: 100%;
  }
  .honor6-plus .phone-section-wrapper .banner-btnvideo {
    display: inline-block;
    width: 80%;
  }
  .honor6-plus .phone-section-wrapper .banner-btnvideo {
    /* display: inline-block; */
    margin: 30px 0 40px auto;
    text-align: center;
  }
  .honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
    /* display: inline-block; */
    margin: 30px 0 40px auto;
    text-align: center;
  }
  .honor4x .topbannerSlider .bannerfont {
    padding-top: 5%;
    text-align: left;
  }
  .honor7 .topbannerSlider .bannerfont {
    padding-top: 5%;
    text-align: center;
  }
  .banner-btns3c {
    position: absolute;
    top: 10%;
    right: 30%;
  }
  .topbannerSlider .bannerfont {
    padding-top: 5%;
  }
  /* mobile nav eof */
  /* 手机二级菜单 */
  .mobile-nav-second {
    width: 100%;
    display: none;
    margin-bottom: -2px;
  }
  .mobile-nav-second li {
    padding: 0;
  }
  .mobile-nav-second li:first-child {
    border: none;
  }
  .mobile-nav-second li a {
    padding: 10px !important;
    color: #fff;
  }
  /* banenr箭头 */
  #top-banner .bx-controls-direction .bx-prev,
  #top-banner .bx-controls-direction .bx-next {
    width: 30px;
    height: 30px;
  }
  #top-banner .bx-controls-direction .bx-prev-end,
  #top-banner .bx-controls-direction .bx-next-end {
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }
  #top-banner .bx-controls-direction {
    display: none;
  }
  .bulefonts {
    padding-left: 10px;
    font-size: 30px;
  }
  .bulefonts i {
    width: 56px;
    height: 25px;
    display: inline-block;
    background: url(https://www.honor.com/content/dam/honor/common/products/img/honor_6plusimg02.png) 0 0 no-repeat;
  }
  .greyfonts {
    padding-left: 10px;
    padding-right: 10px;
    color: #999;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 18px;
  }
  .descimg {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
  }
  .descimg img {
    width: 50%;
    margin: auto;
  }
  #wrap-features-product .features-heading {
    margin-top: 12%;
    width: 100%;
    float: inherit;
  }
  #video-dialog .modal-new-dialog .modal-new-content .close-video-btn {
    background: #ed1b24;
    font-size: 18px;
    font-family: "bignoodletitlingregular";
    color: #fff;
    padding: 10px 6px 0 6px;
    line-height: 15px;
    display: inline-block;
    height: 30px;
  }
  .page-product-simpler .slider-section {
    width: 100%;
  }
  .honor-en .honor-en-h3-black {
    font-size: 18px;
    padding-bottom: 10px;
  }
  .honor-en .honor-en-p-black {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 15px;
  }
  .honor-en .product-slider-1 {
    z-index: 99999999999;
  }
  .honor-en .honor-en-h3-white {
    font-size: 18px;
    padding-bottom: 10px;
  }
  .honor-en .honor-en-p-white {
    font-size: 12px;
    line-height: 20px;
  }
  .bx-wrapper .bx-viewport {}
  .bx-wrapper .bx-viewport>ul {
    position: inherit !important;
  }
  .honor6-plus .s1 {
    position: inherit;
    left: 0;
    bottom: 0;
    margin-left: 0;
    width: 100%;
    padding-left: 100px;
    overflow: hidden;
    text-align: center;
    background-color: #06aae7;
  }
  .honor-en .honor6-en-txt,
  .honor-en .honor6-en-txt-6 {
    top: 0;
    left: 0;
    width: 100%;
    position: inherit;
    display: block;
    height: inherit;
    background-color: #FFF;
    margin-top: -4%;
    padding: 30px 10px 20px;
  }
  .honor-en .honor6-imgpull .honor6-en-txt,
  .honor-en .honor6-imgpush .honor6-en-txt {
    padding-right: 0;
    padding-left: 0;
  }
  .honor-en .honor6-imgpull .honor-en-p-white,
  .honor-en .honor6-imgpush .honor-en-p-white {
    padding-left: 15px;
    padding-right: 15px;
  }
  .honor-en .honor6-en-txt-3 {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    display: block;
    height: inherit;
    margin-top: -4%;
    z-index: -1;
    padding: 30px 10px 20px;
  }
  .honor-en .item-c-new h3,
  .honor-en .item-c-new h2,
  .honor-en .item-c-new p {
    width: 100% !important;
    /*color: #333 !important;*/
    text-align: left;
  }
  .honor-en .item-c-new h2 {
    font-size: 8em;
    text-align: center;
    /*color:#fff!important;*/
  }
  .honor-en .item-c-new h3 {
    font-size: 24px;
  }
  .honor-en .bx-wrapper .product-sliders .item-c-new img {
    min-height: 180px;
  }
  .honor-en .product-sliders img {
    min-height: 160px;
  }
  .item-c-new h4 {
    font-size: 14px;
    text-align: left;
  }
  .honor-en .honor6-en-txt,
  .honor-en .honor6-en-txt-3 {
    top: 0;
    left: 0;
    width: 100%;
    position: inherit;
    display: block;
    height: inherit;
    z-index: 22;
    margin-top: -4%;
    padding: 30px 10px 20px;
  }
  .item-tags {
    display: inline-block;
    margin-right: 0;
    /* min-width: 145px; */
    width: 50%;
    float: left;
    padding-left: 5px;
    padding-right: 8px;
  }
  .btn-ceter {
    text-align: center;
    left: 0;
    width: 100%;
    top: 10%;
    position: absolute;
  }
  .page-product-simpler {
    font-size: 16px;
    overflow: hidden;
  }
  .honor-en .honor-box p {
    font-size: 12px;
  }
  .honor-en h3.honor-mobile {
    color: inherit !important;
    position: absolute;
    top: 40px;
    width: 60% !important;
    font-size: 18px;
  }
  #font-right {
    color: #333 !important;
    position: absolute;
    top: 10px;
    width: 100%;
    left: 65%;
  }
  .honor6-imgpush {
    height: auto;
    padding: 0;
    background: none;
  }
  .honor6-imgpull {
    height: auto;
    padding: 0;
    background: none;
  }
  .tmem-01 .page-product-simpler .slider-section .bx-wrapper .bx-controls {
    position: absolute;
    display: block;
    left: auto;
    right: 5%;
    bottom: 44px;
  }
  .jsshop-01 {
    width: auto;
    height: auto;
    display: inline-block;
  }
  .honor-en .txt-08-left h3 {
    color: #ffffff !important;
    font-size: 22px;
    padding-top: 24%;
    text-align: center;
    width: 100% !important;
  }
  .honor-en .text-07-left-p {
    padding-left: 15px;
    text-align: left;
    padding-top: 20px;
  }
  .honor-en .honor-en-p-white {
    text-align: left;
  }
  .honor-en .honor-en-p-black {
    text-align: left;
  }
  .honor-en {
    margin-top: 0;
  }
  .tag-box {
    width: 100%;
    margin-top: 30px;
    color: #ffffff;
  }
  /* 弹出购买 */
  .shop-all {
    position: fixed;
    top: 50px;
    left: 5%;
    z-index: 9997;
    width: 90%;
    margin-left: 0;
  }
  .shop-content {
    height: 500px;
    margin-top: 30px;
    overflow-y: scroll;
  }
  .shop-content .bor-right {
    border-right: none;
  }
  .shop-content .bor-bottom {
    border-bottom: none;
  }
  .shop-content .row-new .col-sm-6 {
    border-top: 2px dashed #ddd;
  }
  .shop-content .row-new .col-sm-6:first-child {
    border: none;
  }
  .shop-content {
    padding: 10px;
  }
  .content-top-ico {
    margin: 5px auto 0 auto;
  }
  .shop-close {
    position: inherit;
    right: 0;
    margin-right: 5%;
  }
  .honor-en .text-07-left-p {
    padding-left: 15px;
    text-align: left;
    color: #333;
  }
  .honor-en .honor6-en-txt-6 {
    text-align: left;
  }
  #txt-mobile-04 {
    color: #ffffff !important;
    padding-left: 10px;
    top: 15%;
  }
  #txt-mobile-05 {
    color: #ffffff !important;
    padding: 30px 10px 20px;
    top: 6%;
    width: 100% !important;
  }
  #txt-mobile-06 {
    color: #ffffff !important;
    text-align: center;
    left: 20%;
  }
  #txt-mobile-07 {
    text-align: center;
    top: 20%;
    color: #333 !important;
  }
  #txt-mobile-17 {
    color: #333 !important;
    left: 10%;
    top: 10%;
  }
  #txt-mobile-18 {
    color: #333 !important;
    left: 10%;
    top: 10%;
  }
  #txt-mobile-01 {
    top: 35%;
    padding: 30px 10px 20px;
  }
  #txt-mobile-016 {
    width: 40% !important;
    top: 15%;
    left: 10%;
    color: #333 !important;
  }
  .grey h3.font-40 small {
    color: #666;
    border-color: #666;
  }
  .tag-box .font-40 {
    color: #555;
    border-bottom: 2px solid #999;
  }
  #txt-mobile-08 {
    color: #333 !important;
    text-align: center;
    top: 10%;
    left: 10%;
  }
  #txt-mobile-020 {
    top: 10%;
    left: 10%;
  }
  .in-05 {
    z-index: 2;
  }
  .page-product-simpler .slider-section .bx-wrapper .bx-controls {
    position: absolute;
    display: block;
    left: auto;
    right: 5%;
    bottom: 2%;
  }
  .honor-en {
    background: #FFF;
  }
  .bannerfont .s1 {
    background-color: inherit;
  }
  /* honor6 */
  .honor6 .honor-en {
    background-color: inherit;
  }
  .honor6 .honor-en .blank-fonts {
    position: inherit;
    margin-bottom: 9%;
    margin-left: 0;
    margin-top: 0;
  }
  .honor-en .blank-fonts h3 {
    font-size: 24px;
    color: #000 !important;
  }
  .honor-en .blank-fonts p {
    color: #000 !important;
  }
  .txtbg {
    padding-left: 10px;
    padding-right: 10px;
  }
  .honor6 h3,
  .honor6 .honor-en h3 {
    font-size: 20px;
  }
  .honor6 p {
    font-size: 14px;
  }
  .bannerfont .s1 {
    padding: 0;
  }
  .bannerfont h2 {
    font-size: 30px;
  }
  .bannerfont>img {
    width: 50%;
  }
  .xspd-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .width-1200 h3,
  .width-1200 p {
    text-align: left;
  }
  .honor6 p,
  .honor-en .blank-fonts p,
  .bg-textbox p {
    line-height: 140%;
  }
  .width-1200 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .width-1200 .col-sm-6 p,
  .width-1200 .col-sm-3 p {
    text-align: center;
  }
  .topbannerSlider .bannerfont h2.blues {
    font-size: 30px;
  }
  .width-1200 h3 img {
    max-width: 100%;
  }
  .mt-much {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mt-much .bg-textbox {
    margin-top: 10px;
  }
  .nopadd .col-sm-5-new>img {
    margin-top: -9px;
  }
  h3.btnfont {
    font-size: 40px;
  }
  /* product bof */
  .product-banner-text {
    top: 60%;
    left: 10%;
    right: auto;
  }
  .product-banner-text .title {
    font-size: 45px;
  }
  .banner-btns {
    margin: 30px 0px 40px auto;
    text-align: center;
    margin-left: 0px;
  }
  .product-banner-text .headline a {
    display: block;
    line-height: 20px;
    min-height: 20px;
    font-size: 18px;
  }
  a.video-play-btn img,
  .product-learn-more img {
    width: 100%;
  }
  .jsshop-01 img {
    width: 100%;
    max-width: 150px;
  }
  .bannerfont .jsshop-01 {
    background: none;
    display: inline-block;
    position: relative;
    z-index: 99;
    white-space: nowrap;
    cursor: pointer;
  }
  .topbannerSlider .ru-bg-honor7-banner .bannerfont {
    text-align: center;
  }
  .bannerfont.xspd-10 .jsshop-01 {
    position: inherit;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .bannerfont.xspd-10 .jsshop-01 {
    position: inherit;
    padding-top: 10px;
    padding-bottom: 10px;
    /* width: 100%;
    padding-left: 32%; */
  }
  .bannerfont .jsshop-01 img {
    width: 100%;
  }
  .productbox .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new .txt {
    font-size: 18px;
    right: 10px;
    bottom: 10px;
    text-align: right;
  }
  .product-picbox {
    padding: 30px 0;
  }
  .product-picbox>img {
    max-width: 78px;
    width: 100%;
  }
  .product-picbox h3 {
    font-size: 18px;
  }
  .product-listbox .item-c-new div[class*="col-"]:nth-child(odd) .product-picbox {
    border-left: none;
  }
  .btn-red {
    width: 80%;
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f2003f;
    padding: 8px 10px 5px;
    color: #fff;
    transform: skewX(-12deg);
    -o-transform: skewX(-12deg);
    -ms-transform: skewX(-12deg);
    -moz-transform: skewX(-12deg);
    -webkit-transform: skewX(-12deg);
    box-shadow: 1px 1px 5px rgba(240, 0, 63, .2);
  }
  .productfonts,
  .productbox .block-title {
    font-size: 20px;
  }
  .productbox .block-desc {
    font-size: 14px;
  }
  .followbox .social {
    text-align: center;
  }
  .followbox .social li {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    text-align: center;
    padding: 0 10px;
  }
  .bottom-copyright {
    padding-left: inherit;
    text-align: center;
  }
  .bottom-copyright li {
    margin-right: 5px;
  }
  .bottom-copyright li:last-child {
    margin-right: 0;
  }
  .input-email {
    width: 56%;
  }
  .btm-email {
    width: 40%;
  }
  .serch-email {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-left: -5px;
    margin-right: -5px;
    letter-spacing: -0.315em;
    text-align: center;
  }
  .followbox .social li a {
    color: #00b2e6;
  }
  footer .footer {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .footer-textbox,
  .footer-textbox a {
    text-align: left;
  }
  .footer-textbox .row-new .col-sm-3 {
    text-indent: 10px;
  }
  .footer-textbox .row-new div[class*="col-"]:not(:first-child) {
    border-top: 1px solid #ddd;
    padding-top: 10px;
  }
  .bottom-text {
    padding-right: inherit;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .bottom-language {
    padding-right: inherit;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  footer .footer {
    background-color: #fff;
  }
  .bottom-bigfont {
    font-size: 46px;
    padding-bottom: 10px;
  }
  /* product eof */
  /* honor7 bof */
  .bgblues>.width-1200 {
    background-color: #24c6f7;
    padding-top: 30px;
  }
  .honor7 .item-tags {
    padding: 0;
  }
  .bg-mdgrey {
    background-color: #eee;
  }
  .item-tags h3.font-40 {
    font-size: 18px;
  }
  .honor7 .tag-box h3.font-40 small,
  .item-tags h3.font-40 small,
  .item-tags p {
    font-size: 14px;
  }
  .honor7 .tag-box .item-tags .mtp {
    margin-top: -10px;
  }
  .bg-honor-video {
    position: inherit;
    top: 30px;
    left: 0;
    margin-top: 10px;
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
  .no-pd {
    padding-left: 10px;
    padding-right: 10px;
  }
  .bgblues .width-1200 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .txtbg .width-1200 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .page-product-simpler .slider-section .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
    margin-right: 10px;
  }
  /* honor7 eof */
  /* software-download start */
  .software-download-page .wrapper-new h4 {
    font-size: 14px;
  }
  /* software-download end */
  .honner-live h1 {
    font-size: 2.5em;
  }
  .live-content-btn {
    background-size: 70%;
  }
  .live-hr {
    text-decoration: line-through;
    margin-top: 42px;
  }
  .honor4x .col-sm-3.col-md-5 .bannerfont.xspd-10 .banner-btnvideo>a {
    width: 100%;
    margin-left: 0;
    display: block;
  }
  .honor4x .col-sm-3.col-md-5 .bannerfont.xspd-10 .banner-btnvideo {
    width: 100%;
    max-width: 236px;
  }
  .banner-btns-honor6plus .banner-btnvideo>a {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }
  .banner-btns-honor6plus .banner-btnvideo>a img {
    width: 100%;
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
  }
  .honner-live p {
    font-size: 1em;
    height: 103px;
  }
  .live-morebox {
    width: 100%;
  }
  .en_404_p p {
    font-size: 12px;
    line-height: 14px;
  }
  .en_404_btn .btn {
    width: 125px;
    height: 25px;
    line-height: 7px;
    border-radius: 30px;
    font-size: 12px;
    margin: 20px auto;
  }
  .en_404 {
    position: relative;
    width: 80%;
  }
  .live-morebox {
    margin-top: 10px;
    position: absolute;
    bottom: 20px;
    right: 54px;
    width: 100%;
  }
  /* .share-icon {
    background: none;
    width: 244px;
    height: auto;
    text-align: center;
    position: absolute;
    bottom: 32px;
    right: -32px;
    display: none;
    background-color: #f5f5f5;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  } */
  .share-icon-ul img {
    max-width: 80%;
  }
  .share-icon .share-icon-ul {
    top: 0;
    position: relative;
    margin-top: 10px;
  }
  .live-buy-btn {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/Russia_live_icon_btn.png") no-repeat center;
    width: 288px;
    height: 65px;
    text-align: center;
    line-height: 64px;
    font-size: 18px;
    margin: 30px auto 140px auto;
    color: #ffffff;
    background-size: 80%;
  }
  .live-buy-btn a {
    font-size: 16px;
    font-family: Century Gothic;
    color: #ffffff;
  }
  .honner-live h1,
  .honner-live h2 {
    text-align: center;
    margin: 30px auto;
    color: black;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
  }
  .russia_radon_colse {
    top: 11%;
    float: right;
    right: 1%;
    position: absolute;
    margin-right: -10px;
  }
  .russia_radon_colse img {
    width: 70%;
  }
  .manual-detail-topnav .breadcrumb {
    margin: 20px 0;
  }
  .manual-detail-topnav {
    margin-top: 20px;
    font-size: 22px;
  }
  .manual-detail-contant li {
    font-size: 16px;
  }
  .manual-detail-down {
    font-size: 16px;
    list-style: none;
  }
  .manual-detail-contant h1 {
    font-size: 16px;
  }
  .honor4x.magyar-honor7 .bannerfont.xspd-10 .jsshop-01 {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .honor4x.magyar-honor7 .bannerfont .jsshop-01 img {
    width: 100%;
    max-width: 120px;
  }
  .magyar-honor6 .bannerfont .jsshop-01 {
    margin-top: 10px;
    display: block;
    width: 100%;
  }
  .magyar-honor6 .bannerfont .jsshop-01 img,
  .magyar-honor6 .bannerfont .video-play-btn img,
  .magyar-honor4c a.video-play-btn img,
  .magyar-honor4c .product-learn-more img,
  .magyar-honor4c .jsshop-01 img,
  .magyar-honor4x a.video-play-btn img,
  .magyar-honor4x .product-learn-more img,
  .magyar-honor4x .jsshop-01 img {
    width: 100%;
    max-width: 120px;
  }
  .magyar-honor6-plus .banner-btns-honor6plus .banner-btnvideo>a {
    width: 100%;
  }
  .honor6-plus.magyar-honor6-plus .phone-section-wrapper .banner-btnvideo {
    margin-top: 5px;
  }
  .magyar-honor6-plus .banner-btns-honor6plus .banner-btnvideo>a {
    margin-bottom: 5px;
  }
  .magyar-honor4x .banner-btnvideo a,
  .magyar-honor4c .banner-btnvideo a,
  .magyar-honor6 .banner-btnvideo a {
    display: block !important;
    width: 100% !important;
  }
  .honor4x .topbannerSlider .bannerfont h2.blues {
    text-align: left;
  }
  .maring-top-4 {
    margin-top: -3%;
  }
  #top-banner .topbannerSlider .slider-item-c-new {
    overflow: auto;
  }
  header.affix {
    height: 50px;
    background: #00b5e2;
  }
  .page-support .download-wrapper .mb-block-icon .block-ico.book-ico {
    left: 50%;
  }
  .page-support .download-wrapper .mb-block-icon .block-ico {
    width: 52%;
  }
  .we-video-icon-6 {
    font-size: 18px;
    line-height: 32px;
  }
  header.affix {
    height: 50px;
    position: relative;
    background: #00b5e2;
    z-index: 999;
    margin: 0;
  }
  .icon-tag p {
    min-height: 38px;
  }
  .text-list-menu {
    line-height: 140%;
  }
  .bg-s7 {
    background-position: center -160px;
  }
  .bg-s7 .bg-textbox {
    margin-top: 40px;
  }
  .bg-s7 .col-sm-5-new>img {
    max-width: 60%;
  }
  .banner-btnbox a {
    margin-left: 0;
  }
  .bg-s1 .bgbox,
  .ss2box .bgbox,
  .bg-s3 .bgbox {
    position: static;
  }
  .bg-s1 .toptop-pic {
    padding-top: 0;
    margin-top: -35%;
  }
  .ss2box .toptop-pic {
    padding-top: 0;
    margin-top: -35%;
  }
  .s4top-pic {
    padding-top: 0;
    margin-top: -35%;
  }
  .bg-s2 .col-sm-4>img {
    max-width: 50%;
  }
  .bg-s1 .bg-textbox>img,
  .bg-s1 .col-sm-5-new>img {
    max-width: 60%;
  }
  .banner5x-box .banner-btnstyle.white {
    color: #666;
    border-color: #666;
  }
  .bigfonts {
    font-size: 28px;
  }
  .banner5x-box img.mt-40 {
    width: 80%;
  }
  .banner-btnbox .banner-btnstyle {
    width: auto;
    min-width: 150px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .width-1200.mt-40 img {
    max-width: 80px;
  }
  .honor-run-02 .honor-run-02-txt h2,
  .honor-run-02 .honor-run-02-txt p,
  .slider-section .banner-text .big-font {
    color: #fff !important;
  }
  .honor-run-02 .honor-run-02-txt h2 {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .honor-run-02 .honor-run-02-txt h2,
  .honor-run-02 .honor-run-02-txt p {
    text-align: center;
  }
  .contentfont {
    padding-top: 30px;
  }
  .contentfont h2 {
    color: #000;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .container-txt .bg-grey>.row-new>div[class*="col-"] {
    margin-bottom: 10px;
  }
  .container-txt .bg-grey {
    padding: 30px 10px;
  }
  .section2-text {
    padding-top: 0;
  }
  .btn-video {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
  }
  .gallery-top {
    height: 250px;
  }
  .gallery-thumbs {
    height: 60px;
  }
  .bggrey.honor6 img.xslogo {
    max-width: 250px !important;
    width: 100%;
  }
}

@media (max-width: 387px) {
  .honner-live h1 {
    font-size: 1.5em;
  }
  .live-hr {
    text-decoration: line-through;
    margin-top: 37px;
  }
  .live-content-btn {
    background-size: 60%;
  }
  .honor-en .bx-wrapper .product-sliders .item-c-new img {
    min-height: 140px;
  }
  .honor-en .product-sliders img {
    min-height: 140px;
  }
  #txt-mobile-01 {
    top: 24%;
    color: #333 !important;
    width: 100% !important;
  }
  .banner-btns-honor6plus {
    margin: 0px auto 0px auto;
    text-align: center;
    background-color: #06aae7;
    height: 170px;
  }
  .honner-blog .banner-tex {
    top: 80px;
    font-size: 40px;
  }
  .honner-blog .share-icon li {
    padding: 0px;
    display: inline-block;
  }
  .honner-blog .share-icon li {
    margin-left: 1px;
    margin-right: 1px;
  }
  .live-buy-btn {
    background: url("https://www.honor.com/content/dam/honor/common/products/img/Russia_live_icon_btn.png") no-repeat center;
    width: 288px;
    height: 65px;
    text-align: center;
    line-height: 64px;
    font-size: 18px;
    margin: 30px auto 140px auto;
    color: #ffffff;
    background-size: 80%;
  }
  .live-buy-btn a {
    font-size: 16px;
    font-family: Century Gothic;
    color: #ffffff;
  }
  .honner-live h1,
  .honner-live h2 {
    text-align: center;
    margin: 5px auto;
    color: #FFF;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
  }
  .russia_radon_colse img {
    width: 70%;
  }
  .russia_radon_colse {
    top: 11%;
    float: right;
    right: 1%;
    position: absolute;
    margin-right: -10px;
  }
  #story-block .inner .wrap-slider-story-block .slider-story-block .item .wrap-info .name {
    font-size: 20px;
  }
  #wrap-introducing-plank .title {
    font-size: 20px;
  }
  .page-brand .social-msg-section .social-msg-content .desc .quote-txt .txt {
    font-size: 16px;
    line-height: 25px;
  }
  .page-brand .slider-item-c-new .desc .heading {
    font-size: 24px;
    line-height: 25px;
  }
  .maring-top-4 {
    margin-top: -3%;
  }
  .honor7 .jsshop-01 {
    padding-left: 16%;
  }
  .page-support .banner-section-wrapper .banner-section .desc .inner-tb .inner-tb-cell .title {
    font-size: 20px;
  }
  .we-video-icon-6 {
    font-size: 18px;
    line-height: 34px;
  }
  .btn-we-block-6 a {
    text-decoration: none;
    cursor: pointer;
    padding-top: 0px;
  }
  .page-support .download-wrapper .mb-block-icon .block-ico.book-ico {
    left: 50%;
  }
  .page-support .download-wrapper .mb-block-icon .block-ico {
    width: 52%;
  }
  .we-video-icon-6 {
    font-size: 18px;
    line-height: 32px;
  }
}

.bannerfons-text {
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  left: 35%;
  top: 50%;
  position: absolute;
  text-align: center;
}

.privacy-policy-txt li {
  font-size: 10pt;
  font-family: verdana, geneva, sans-serif;
  line-height: 1.5em;
  color: #666;
  list-style-type: disc;
  margin-left: 10px;
}

.pink-btn-video {
  text-align: center;
  margin-top: 10%;
}

.pading-top {
  padding-top: 150px;
}

.we-shopping-icon-bottom {
  cursor: pointer;
  display: inline-block;
  width: 200px;
  height: 42px;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  position: relative;
  text-align: center;
  color: #fff;
  top: 0px;
  background: none;
  border: 2px solid #00b2e6;
}

.we-video-icon-6-white a {
  color: #fff;
}

.we-shopping-icon-bottom a {
  text-decoration: none;
}

.container-1 .btn {
  font-family: Century Gothic, Century Gothic Cyr, Century Gothic Grk, muli, Arial, sans-serif;
}

.container-1 {
  width: 100%;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
}

.z-index-1 {
  z-index: -1;
}

.we-shopping-icon-white a.jsshop-01 {
  color: #fff;
  line-height: 14px;
}

.we-shopping-icon-white-7 a.jsshop-01 {
  color: #fff;
}

.btn-we-block-6 a.jsshop-01-db {
  color: #01b4e1;
}

.nopd {
  margin-top: 0%;
}

.nopd-2 {
  margin-top: -2%;
}

.bannerfons-text h2 {
  font-size: 120px;
  color: #FFF;
}

.bannerfons-text h3 {
  font-size: 55px;
  color: #FFF;
}

.text1 {
  color: #fff;
  background: #00b2e6;
  margin: auto;
  text-align: center;
  padding: 50px 0;
}

.text-font h1 {
  text-align: center;
  width: 100%;
  font-size: 6rem;
  font-size: 16px \9;
  line-height: 10rem;
  line-height: 100px \9;
  font-weight: 500;
  margin: 0 auto;
  color: #FFF;
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}

.text-font p {
  font-size: 1.5rem;
  font-size: 16px \9;
  margin-bottom: 3rem;
  margin-bottom: 30px \9;
  text-align: center;
  width: 100%;
}

.text2 {
  background: #ffffff;
  margin-top: 60px;
}

.text2 h1 {
  color: #00b2e6;
}

.text2-img {
  width: 100%;
  padding: 20px;
  float: left;
  min-height: 1px;
  overflow: hidden;
  position: relative;
}

.text2 .party__text {
  position: absolute;
  top: 35%;
  text-align: center;
  font-size: 24px;
  width: 90%;
  color: #ffffff;
  vertical-align: middle;
}

.text3 {
  margin: 50px;
}

.text3-1 {}

.text3-1 h1 {
  font-size: 3rem;
  font-size: 26px \9;
  color: #28b5e4;
  line-height: 3rem;
  line-height: 30px \9;
  margin: 0;
  margin-top: 1rem;
  margin-top: 11px \9;
  font-weight: 500;
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}

.summary__item {
  position: relative;
}

.summary {
  font-size: 1.5rem;
  font-size: 16px \9;
  margin-bottom: 3rem;
  margin-bottom: 30px \9;
  padding: 0;
  vertical-align: top;
}

.summary__item--header {
  font-weight: bold;
  margin-top: 30px;
}

.summary__item__text {
  display: inline-block;
  margin: 0.7rem 0 0.7rem 0;
  margin: 7px 0 7px 0 \9;
}

.summary__club-logo {
  position: relative;
  left: 210px;
  bottom: 82px;
}

.summary__club-logo img {
  width: 40%;
}

.formblock__container--right {
  float: left;
  margin-bottom: 100px;
  width: 100%;
  overflow: hidden;
}

.formblock__header {
  font-size: 4rem;
  font-size: 46px \9;
  line-height: 4rem;
  line-height: 40px \9;
  margin: 0;
  font-weight: 500;
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}

#club-form {
  margin-top: 3rem;
  margin-top: 30px \9;
}

.club-form__text {
  line-height: 2.2rem;
  line-height: 20px \9;
  cursor: default;
  color: #333;
}

.honor-form__group {
  margin: 0 0 1rem;
  margin: 0 0 10px \9;
}

#club-form input[type=text] {
  width: 100%;
  height: 3.5rem;
  height: 40px \9;
  margin-bottom: 1rem;
  margin-bottom: 10px \9;
  font-weight: 100;
  border: 1px solid #ccc;
  font-family: 'Century Gothic', muli, Arial, sans-serif;
}

.honor-form__error {
  color: #b01a21;
  font-size: 1.4rem;
  font-size: 16px \9;
}

.club-form__label--country {
  display: inline-block;
  font-size: 1.5rem;
  font-size: 16px \9;
  margin-right: 1rem;
  margin-right: 1px \9;
}

label {
  color: #333;
}

.honor-form__input {
  border: none;
  box-shadow: inset 0.1rem 0.1rem 0.5rem 0.1rem rgba(0, 0, 0, 0.16);
  padding: 0 1rem;
  line-height: 2rem;
  line-height: 20px \9;
  font-size: 1.5rem;
  font-size: 16px \9;
  vertical-align: top;
  color: #333;
}

#formblock #club-form .club-form__text {
  line-height: 2.2rem;
  line-height: 20px \9;
  cursor: default;
}

.club-form__terms__linktext {
  text-decoration: underline;
  cursor: pointer;
}

.club-form__submit {
  background-color: #b01a21;
  color: #fff;
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  font-size: 2.5rem;
  font-size: 26px \9;
  line-height: 3.5rem;
  line-height: 40px \9;
  margin-top: 2rem;
  margin-top: 20px \9;
  cursor: pointer;
  text-align: center;
}

/* run start */

.honor-run .text2 h1 {
  color: #28b5e4;
  font-size: 6rem;
  font-size: 56px \9;
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  margin: 1rem;
  margin: 10px \9;
  text-align: center;
  margin: 50px;
}

/* run end */

/* goldenticket start */

.goldenticket {
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}

.goldenticket .bannerfons-text {
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  position: absolute;
  text-align: center;
}

.goldenticket .bannerfons-text h2 {
  font-size: 100px;
  color: #FFF;
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}

.goldenticket .bannerfons-text h3 {
  font-size: 60px;
  color: #FFF;
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}

.goldenticket .splash__buttons-container {
  margin-top: 1rem;
  margin-top: 10px \9;
}

.goldenticket .cta__button {
  border: 1px solid white;
  font-size: 2.5rem;
  font-size: 26px \9;
  padding: 3% 5%;
  margin: 0.5rem 1rem;
  margin: 5px 10px \9;
  color: white;
}

.goldenticket .cta__button:hover {
  background: #FFF;
  color: #333;
}

.goldenticket .splash__hashtag {
  font-size: 3rem;
  font-size: 36px \9;
  color: #fff;
  margin-top: 50px;
}

.goldenticket .facebook-post {
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  font-weight: 100;
  font-size: 4rem;
  font-size: 36px \9;
  text-align: center;
  margin: 50px;
}

.goldenticket .facebook__header {
  margin: 2rem 0 2rem 0;
  margin: 20px 0 2px 0 \9;
  font-weight: 100;
  font-size: 2em;
  font-size: 26px \9;
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}

.goldenticket .facebook__subtitle {
  margin: 0 0 3rem 0;
  margin: 0 0 30px 0 \9;
  font-weight: 100;
  font-size: 3rem;
  font-size: 36px \9;
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}

blockquote {
  padding: 0px 0px;
  margin: 0 0 50px;
  font-size: 38.5px;
  border-left: 0;
  line-height: 1em;
}

.facebook-post-p {
  color: #333;
  font-family: "Century Gothic", "Century Gothic Cyr", "Century Gothic Grk", muli, Arial, sans-serif;
  font-size: 1.5rem;
  font-size: 16px \9;
}

.goldenticket-text3 {
  text-align: center;
  padding: 50px;
}

.goldenticket-text3 h2 {
  color: #00b2e6;
  line-height: 1.5em;
  margin: 20px 0;
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}

.goldenticket-text3 p {
  font-family: "Century Gothic", "Century Gothic Cyr", "Century Gothic Grk", muli, Arial, sans-serif;
}

.goldenticket-text4 {
  position: relative;
}

.twitter-block {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/slot3_twitter_bg.png");
  padding: 6rem 10rem 6rem 10rem;
  padding: 60px 100px 60px 100px \9;
  color: white;
  text-align: center;
  margin: 20px 0;
}

.twitter-block .twitter__header {
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  font-size: 6rem;
  font-size: 56px \9;
  font-weight: 100;
  color: #28b5e4;
}

.prizes__tc {
  color: white;
  font-size: 1.5rem;
  padding-bottom: 2rem;
  display: inline-block;
}

p.twitter__text {
  font-size: 24px;
  margin: 20px;
}

.twitter-block .twitter__button {
  position: relative;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 0;
  outline: none;
  border-radius: 10px;
  font-size: 1.7rem;
  font-size: 16px \9;
  background-color: #28b5e4;
  color: white;
  padding: 0.8rem 3rem 1.0rem 2.5rem;
  padding: 8px 30px 10px 25px \9;
  cursor: pointer;
}

.goldenticket-text4-text p {
  font-family: "Century Gothic", "Century Gothic Cyr", "Century Gothic Grk", muli, Arial, sans-serif;
}

.share-block .share__header {
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  font-weight: 100;
  font-size: 3rem;
  font-size: 36px \9;
}

.share-block {
  padding: 1rem 0 3rem 0;
  padding: 10px 0 30px 0 \9;
  text-align: center;
  margin: 20px 0;
}

.share-block .share__text {
  font-size: 1.7rem;
  font-size: 16px \9;
  font-weight: normal;
  margin: 20px 0;
}

.share-block .footer {
  border: none;
  background: none;
}

.share-block .footer .footer__icon {
  background-color: black;
  color: #cccccc;
  transition: background-color ease-out 100ms;
}

.footer .footer__icon {
  width: 4.3rem;
  width: 43px \9;
  height: 4.3rem;
  height: 43px \9;
  line-height: 4.3rem;
  line-height: 40px \9;
  border-radius: 50%;
  background-color: #fff;
  color: #333;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin: 0.8rem;
  margin: 10px \9;
  transition: background-color ease-out 100ms;
}

.twitter__button {
  position: relative;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 0;
  outline: none;
  border-radius: 10px;
  font-size: 1.7rem;
  font-size: 16px \9;
  background-color: #28b5e4;
  color: white;
  padding: 1.3rem 3rem 1.3rem 2.5rem;
  padding: 13px 3px 13px 25px \9;
  cursor: pointer;
}

.goldenticket-text5 {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img//slot4_1_prizes_bg.png");
  text-align: center;
  padding: 3rem 10rem 0 10rem;
  padding: 30px 100px 0 100px \9;
}

.prizes__star-image {
  width: 15%;
}

.prizes__title {
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-transform: uppercase;
  font-size: 5rem;
  font-size: 46px \9;
  font-weight: 500;
  margin: 1rem 0 3rem 0;
  margin: 10px 0 30px 0 \9;
}

.prizes__title .break-mobile {
  display: none;
}

.prizes__title {
  line-height: 1;
  margin: 2rem 0;
  margin: 20px 0 \9;
}

.prizes__goodies-image {
  width: 45%;
}

.prizes__quadro-block {
  font-size: 1.5rem;
  font-size: 16px \9;
  padding-bottom: 3rem;
  padding-bottom: 30px \9;
}

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

.prizes__quadro-block .prizes__item--jbl {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/logo_2.png");
}

.prizes__quadro-block .prizes__item--parrot {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/logo_4.png");
  background-size: 90%;
}

.prizes__quadro-block .prizes__item--honor {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/logo_1.png");
  background-size: 80%;
}

.prizes__quadro-block .prizes__item {
  font-size: 3.0rem;
  font-size: 26px \9;
  line-height: 2.8rem;
  line-height: 48px \9;
  margin: 0 auto;
  font-weight: 300;
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 6rem;
  padding-top: 90px \9;
  color: white;
  display: inline-block;
  padding: 0 30px;
  height: 107px;
}

p.quadro-block__text.quadro-block__text--parrot {
  top: 100%;
  position: relative;
}

p.quadro-block__text.quadro-block__text--honor {
  top: 100%;
  position: relative;
}

p.quadro-block__text.quadro-block__text--jbl {
  top: 100%;
  position: relative;
}

.checkbox {
  cursor: pointer;
}

.checkbox--checked:before {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/check_mark.png");
  color: #333;
  font-family: FontAwesome;
  font-size: 1.9rem;
  text-align: center;
}

.checkbox:before {
  content: "";
  background-color: #eee;
  border: 1px solid #d4d4d4;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}

#page-about-us-club #content #formblock #club-form .club-form__text {
  line-height: 2.2rem;
  cursor: default;
}

.checkbox__hide {}

.checkbox__text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
}

#goldenticket-text5-img {
  min-width: 40%;
  width: 30%;
}

.prizes__subtitle {
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
  margin-bottom: 1rem;
  margin-bottom: 10px \9;
  font-size: 3rem;
  font-size: 26px \9;
}

.prizes__subtitle {
  margin: 0 0 2rem 0;
  margin: 0 0 20px 0 \9;
}

.text-blue {
  color: #28b5e4;
}

.face-t-icon {
  font-size: 38px;
  padding: 0 10px 0 0;
}

.face-icon {
  font-size: 30px;
  line-height: 50px;
}

.tweet-font {
  font-family: "Century Gothic", "Century Gothic Cyr", "Century Gothic Grk", muli, Arial, sans-serif;
  font-size: 1.3em;
}

.twitter-block .twitter__button:hover {
  background-color: #0093be;
}

.share-block .footer .footer__icon:hover {
  background-color: #555;
}

/* goldenticket end */

/* honor-club start*/

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

.honor-club .club-text1 {
  padding-left: 20%;
  position: relative;
  margin: 80px 0 0 0;
}

.honor-club .text-font h1 {
  text-align: left;
  margin: 0;
  color: #28b5e4;
  display: inline-block;
  font-size: 10rem;
  line-height: 10rem;
  font-weight: 500;
  margin: 0 auto;
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
}

.honor-club .text-font h2 {
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  font-weight: 500;
  font-size: 4rem;
  margin: 0;
  margin-bottom: 2rem;
  text-align: left;
}

.honor-club .text-font h3 {
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  color: #28b5e4;
  font-size: 4rem;
  font-weight: 500;
  margin: 100px 0 0 0;
  margin-right: 0;
  padding: 0;
  text-align: left;
}

.honor-club .summary {
  text-align: left;
  font-size: 1.5rem;
  margin-bottom: 3rem;
  padding: 0;
  vertical-align: top;
}

.honor-club .summary__item__text {
  display: inline-block;
  margin: 0.7rem 0 0.7rem 0;
  text-align: left;
}

.honor-club .honor-club-infoblock {
  background-image: linear-gradient(to top, #e6e6e6 0, #fff 70%);
  padding-top: 5rem;
  padding-left: 20rem;
}

.honor-club .infoblock__membership-cards {
  display: inline-block;
  vertical-align: top;
  width: 58rem;
  margin: 0;
  margin-left: 1rem;
}

.honor-club .formblock {
  background-color: #fff;
  background-image: linear-gradient(to right, #fff 0, #fff 70%);
  padding: 5rem 10rem 5rem;
  font-size: 0;
}

.honor-club .formblock .formblock__container {
  display: inline-block;
  padding: 0 1rem;
  width: 100%;
  vertical-align: top;
}

.honor-club .formblock .formblock__subheader {
  font-size: 3rem;
  color: #28b5e4;
  line-height: 3rem;
  margin: 0;
  margin-top: 1rem;
  font-weight: 500;
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  text-align: left;
  margin: 20px 0;
}

.honor-club .formblock .summary {
  font-size: 1.5rem;
  margin-bottom: 3rem;
  padding: 0;
  vertical-align: top;
}

.honor-club .formblock .formblock__subheader--bottom {
  font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  font-weight: 500;
  font-size: 4rem;
  text-align: left;
  margin: 0;
  margin-top: 12rem;
}

.honor-club .formblock .club-form__label--country {
  display: inline-block;
  font-size: 1.5rem;
  margin-right: 1rem;
}

.honor-club .honor-form__group {
  margin: 0 0 1rem;
  text-align: left;
  margin: 0 0 10px \9;
}

.honor-club .formblock__container--right {
  float: left;
  margin-bottom: 20px;
  text-align: left;
}

/* honor-club end*/

/* honor-compare start*/

.honor-compare {
  padding-top: 50px;
}

.honor-compare {
  font-family: bignoodletitlingregular, Impact, Charcoal, sans-serif;
  margin: 0 0 50px 0;
}

.honor-compare-h1 {
  text-align: center;
  font-size: 4em;
  color: #00b2e6;
  width: 80%;
  margin: auto;
  margin-top: 8%;
  font-family: bignoodletitlingregular, Impact, Charcoal, sans-serif;
}

.honor-compare-table {
  text-align: center;
}

.honor-compare-th h2 {
  font-size: 24px;
  font-family: bignoodletitlingregular, Impact, Charcoal, sans-serif;
  padding: 10px 0;
}

.honor-compare-th th {
  margin: 30px;
  text-align: center;
}

.compare-title-h1 {
  font-size: 30px;
}

.honor-compare .table>thead>tr>th {
  padding: 50px 0;
  border-bottom: none;
}

.honor-compare-table tbody>tr>td {
  border-right: solid 1px #00b2e6;
  vertical-align: middle;
  padding: 30px;
  font-size: 16px;
  width: 17%;
  font-family: Century Gothic, Century Gothic Cyr, Century Gothic Grk, muli, Arial, sans-serif;
}

.honor-compare-table tbody>tr>td:last-child {
  border-right: none;
}

.honor-compare-table tbody>tr>td:first-child {
  font-size: 24px;
  font-family: bignoodletitlingregular, Impact, Charcoal, sans-serif;
  width: 15%;
}

.honor-compare-table tbody>tr:nth-child(odd) {
  background-color: #e2f0f9;
}

.btn {
  text-decoration: none;
  display: inline-block;
}

@media only screen and (min-width:768px) and (max-width:1360px) {
  .honor-compare-table tbody>tr>td {
    padding: 15px;
    width: 20%;
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  #wrap-features-product .features-heading {
    margin-top: 0;
  }
}

/* honor-compare end*/

.container-accessories {
  margin-top: 10%;
}

.honor-accessories {
  text-align: center;
  background: #fff;
}

.honor-accessories-text1 {
  margin-top: 10%;
  margin: 30px;
}

.honor-accessories-text1 p {
  font-size: 18px;
  line-height: 1.5em;
  padding: 0 16%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.honor-accessories-text1 h1 {
  font-family: bignoodletitlingregular, Impact, Charcoal, sans-serif !important;
  margin: 20px 0;
}

.honor-accessories-title {
  font-size: 18px;
  color: #333;
  padding: 35px 0;
}

.accessories-pic-bg {
  background-image: url("https://www.honor.com/content/dam/honor/common/products/img/motivational.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  min-height: 800px;
}

.accessories-pic {
  position: relative;
}

.honor-accessories-er-img {
  width: 50%;
}

.accessories-er-thumb ul {
  text-align: center;
  margin: auto;
  display: inline-block;
  width: 42em;
}

.accessories-er-thumb li {
  padding: 0;
  display: inline-block;
  background-color: #f8f8f8;
  margin: 1rem;
  transition: background-color ease-out 500ms;
  cursor: pointer;
}

#headphones {
  text-align: center;
  padding-left: 5rem;
  padding-right: 5rem;
  position: relative;
  font-size: 0;
}

.product__header {
  font-size: 3.8rem;
  font-weight: 500;
  font-family: bignoodletitlingregular, Impact, Charcoal, sans-serif !important;
  text-transform: uppercase;
  margin: 1.5rem auto;
}

.product__paragraph {
  font-size: 1.7rem;
  margin: 1.5rem auto;
}

.gallery {
  margin-top: 5rem;
}

.gallery-item {
  margin: 0;
  display: inline-block;
  width: 76rem;
  overflow: hidden;
  vertical-align: top;
}

#headphones .gallery-item__image {
  width: 50%;
  margin-top: 6%;
}

.gallery-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 50rem;
  text-align: left;
  display: inline-block;
  width: 42rem;
  vertical-align: top;
}

.gallery-list__item--selected {
  background-image: url(https://www.honor.com/content/dam/honor/common/products/img/selection.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.gallery-list__image {
  width: 100%;
  height: 100%;
}

/*prodcut star*/

.we h3 {
  font-family: "bignoodletitlingregular";
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
}

.we p {
  line-height: 175%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 18px;
}

.honor-7 .bg-textbox p {
  color: #000;
  line-height: 175%;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size: 18px;
}

.honor-7 .pd-top11 h3 {
  font-family: "bignoodletitlingregular";
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
}

.honor-7 .pd-top11 p {
  font-size: 18px;
  line-height: 175%;
}

.honor-7 .wite-top-1 h3 {
  font-family: "bignoodletitlingregular";
  color: #000 !important;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 10px;
}

.honor-7 .wite-top-1 p {
  font-size: 18px;
  line-height: 175%;
}

.honor-6plus-text-1 {
  text-align: center;
  position: absolute;
  top: 46%;
  color: #FFF;
  z-index: 9;
  margin-top: 6%;
  padding: 1% 20%;
}

.honor-6plus-text-2 {
  text-align: center;
  position: absolute;
  top: 46%;
  color: #333;
  z-index: 9;
  margin-top: 6%;
  padding: 1% 20%;
}

.honor-6plus-text-3 {
  text-align: left;
  position: absolute;
  color: #333;
  z-index: 9;
  margin-top: 6%;
  width: 35%;
  right: 17%;
}

.honor-6plus-text-4 {
  width: 45%;
  position: absolute;
  top: 35%;
  z-index: 2;
  margin-top: 12%;
  left: 8%;
  color: #fff;
}

.honor-6plus-text-5 {
  width: 45%;
  position: absolute;
  top: 35%;
  z-index: 2;
  margin-top: 12%;
  left: 8%;
}

.honor-6plus-text-6 {
  width: 45%;
  position: absolute;
  top: 35%;
  z-index: 2;
  margin-top: 12%;
  left: 8%;
  color: #fff;
}

.honor-6-text-1-bg {
  margin: 8%;
}

.honor-6-text-1 {
  width: 80%;
  margin-top: 10%;
  margin-left: 12%;
}

.honor-6-text-3 {
  text-align: left;
  margin-top: -15%;
  position: relative;
  z-index: 2;
  padding: 0 10%;
  width: 65%;
  color: #555;
  left: 0%;
}

.honor-6-text-4 {
  text-align: center;
  z-index: 2;
  color: #333;
  padding: 0 10%;
  width: 100%;
  margin-top: 10%;
}

.h6plus-maring {
  margin-top: -1%;
}

.h6plus-maring-2 {
  margin-top: -2%;
}

.we-show-navbox {
  position: absolute;
  z-index: 999;
  width: 20%;
  height: auto;
  top: 70px;
  left: 32%;
  font-family: "bignoodletitlingregular";
  background: url(https://www.honor.com/content/dam/honor/common/products/img/topnavbg.png) repeat;
}

.we-nav-second {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  z-index: 999;
  position: relative;
}

.btn-we-block .btn-group>.btn,
.btn-group-vertical>.btn {
  position: relative;
  float: left;
  width: 200px;
  height: 50px;
  background-color: #ccc;
  border: 2px solid #FFF;
  font-family: "bignoodletitlingregular";
  color: #fff;
  border-radius: 10px;
}

.btn-we-block .btn-group>.btn a,
.btn-group-vertical>.btn a {
  font-size: 24px;
  color: #fff;
  line-height: 46px;
}

.btn-we-block {
  margin-left: 14%;
}

/*prodcut end*/

/*! SassyStrings - v0.0.1 - 2014-02-16*/

.gallery-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 50rem;
  text-align: left;
  display: inline-block;
  width: 42rem;
  vertical-align: top
}

.gallery-list__item {
  margin: 0;
  padding: 0;
  display: inline-block;
  background-color: #f8f8f8;
  margin: 1rem;
  transition: background-color ease-out 500ms;
  cursor: pointer
}

.gallery-list__item:hover {
  background-color: #dfdfdf
}

.gallery-list__item--selected {
  background-image: url(https://www.honor.com/content/dam/honor/common/products/img/selection.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center
}

.gallery-list__image {
  width: 100%;
  height: 100%
}

.gallery-slide {
  display: none;
  overflow: hidden
}

.gallery-slide__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  transition-property: -webkit-transform, left, top;
  transition-property: transform, left, top;
  transition-duration: 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-timing-function: ease-out;
  box-sizing: content-box;
  font-size: 0;
  overflow: hidden
}

.gallery-slide__slide {
  display: inline-block
}

.gallery-slide__image {
  width: 100%
}

.gallery {
  margin-top: 5rem
}

.gallery-item {
  margin: 0;
  display: inline-block;
  width: 76rem;
  overflow: hidden;
  vertical-align: top
}

.gallery-item__image {
  width: 80%
}

@media only screen and (min-width:1281px) and (max-width:1480px) {
  .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new .txt {
    font-size: 18px;
  }
  .container-1 {
    margin: 0 0%;
  }
}

@media only screen and (min-width:1041px) and (max-width:1280px) {
  .gallery-list {
    margin-top: -4rem
  }
  .gallery-list__item {
    width: 14rem
  }
  .gallery-item {
    width: 52rem
  }
  .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new .txt {
    font-size: 14px;
  }
  .container-1 {
    margin: 0 0%;
  }
}

@media only screen and (min-width:801px) and (max-width:1040px) {
  .gallery-list {
    width: 32rem;
    margin-top: -4.5rem
  }
  .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new .txt {
    font-size: 14px;
  }
  .gallery-list__item {
    width: 14rem
  }
  .gallery-item {
    width: 38rem;
    margin-top: 5.5rem
  }
  .gallery-item__image {
    width: 89%
  }
  .container-1 {
    margin: 0 0%;
  }
}

@media only screen and (min-width:641px) and (max-width:800px) {
  .gallery-list {
    text-align: center;
    width: 100%
  }
  .page-product .section-6-wrapper .bottom-col #product-slider-5 .item-c-new .txt {
    font-size: 14px;
  }
  .gallery-list__item {
    width: 14rem
  }
  .gallery-item {
    width: 100%
  }
  .container-1 {
    margin: 0 0%;
  }
}

@media only screen and (max-width:640px) {
  .gallery-slide {
    display: block
  }
  .gallery {
    display: none
  }
}

/*# sourceMappingURL=gallery.css.map*/

/*! SassyStrings - v0.0.1 - 2014-02-16*/

.easter-egg {
  position: absolute;
  display: none;
  width: 12rem;
  height: 16rem;
  cursor: pointer
}

.easter-egg .egg {
  background-size: cover;
  display: none;
  width: inherit;
  height: inherit
}

.easter-egg .visible-egg {
  display: inline-block
}

.accessories__bottom-splash {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 50rem
}

#page-products-accessories .page-content {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 15.5rem;
  padding-right: 15.5rem
}

#page-products-accessories #splash .product__paragraph {
  max-width: 66rem
}

#page-products-accessories #accessories .accessories__image {
  width: 28.2rem
}

#page-products-accessories #accessories .accessories__link {
  color: #333;
  text-decoration: none;
  border: 0
}

#page-products-accessories #motivational {
  background-image: url(https://www.honor.com/content/dam/honor/common/products/img/motivational.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: right
}

#page-products-accessories #motivational .motivational__figure {
  text-align: right
}

#page-products-accessories #headphones {
  text-align: center;
  padding-left: 5rem;
  padding-right: 5rem;
  position: relative;
  font-size: 0
}

#page-products-accessories #headphones .gallery-item__image {
  width: 50%;
  margin-top: 6%
}

#page-products-accessories #mood .mood__figure {
  margin: 0
}

#page-products-accessories #mood .mood__image {
  max-width: 100%
}

#page-products-accessories #flipcover {
  position: relative;
  text-align: center;
  padding-top: 3rem
}

#page-products-accessories #flipcover #text {
  background-image: linear-gradient(to top, #eaeff7 0, #fff 100%)
}

.no-cssgradients #page-products-accessories #flipcover #text {
  background-color: #eaeff7
}

#page-products-accessories #flipcover #text .text__figure {
  margin: 3rem 0
}

#page-products-accessories #flipcover #text .text__image {
  max-width: 100%
}

#page-products-accessories #flipcover #showcase .showcase__link {
  border: 0
}

#page-products-accessories #flipcover #showcase .showcase__image {
  max-width: 100%
}

#page-products-accessories #flipcover #home {
  position: relative;
  background-image: url(https://www.honor.com/content/dam/honor/common/products/img/bg.jpg);
  background-size: cover;
  background-position: center bottom;
  min-height: 50rem
}

#page-products-accessories #flipcover #home .home__figure {
  margin: 3rem 0 0
}

#page-products-accessories #case {
  padding-top: 4rem;
  text-align: center
}

#page-products-accessories #case .case__link {
  border: 0
}

#page-products-accessories #case .case__image {
  max-width: 100%
}

#page-products-accessories #case .buy-button {
  margin-top: 2rem
}

#page-products-accessories #easter-egg {
  left: 5rem;
  bottom: -5rem
}

#page-products-accessories #easter-egg .easter-egg--closed {
  background-image: url(https://www.honor.com/content/dam/honor/common/products/img/egg3_v3.png)
}

#page-products-accessories #easter-egg .easter-egg--cracked {
  background-image: url(https://www.honor.com/content/dam/honor/common/products/img/egg3_cracked_v3.png)
}

#page-products-accessories #easter-egg .easter-egg--open {
  background-image: url(https://www.honor.com/content/dam/honor/common/products/img/egg3_open_v3.png)
}

#page-products-accessories .accessories__bottom-splash {
  width: 100%;
  display: block;
  background-size: cover;
  position: relative;
  height: 50rem
}

#page-products-accessories .accessories__bottom-splash .button--bottom-splash {
  position: absolute;
  bottom: 2rem;
  left: 10rem
}

@media only screen and (min-width:1281px) {
  .accessories__bottom-splash {
    height: 50rem
  }
  #page-products-accessories .page-content {
    padding-left: 15.5rem;
    padding-right: 15.5rem
  }
  #page-products-accessories .accessories__bottom-splash {
    height: 50rem
  }
}

@media only screen and (min-width:1041px) and (max-width:1280px) {
  .accessories__bottom-splash {
    height: 40rem
  }
  #page-products-accessories .page-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  #page-products-accessories #motivational .motivational__figure {
    margin-right: 10rem
  }
  #page-products-accessories #motivational {
    background-position: -10rem 0
  }
  #page-products-accessories .accessories__bottom-splash {
    height: 40rem
  }
  #page-products-accessories .accessories__bottom-splash .button--bottom-splash {
    left: 8rem
  }
}

@media only screen and (min-width:801px) and (max-width:1040px) {
  .accessories__bottom-splash {
    height: 31.2rem
  }
  #page-products-accessories .page-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  #page-products-accessories #motivational {
    background-position: 40% 0
  }
  #page-products-accessories .accessories__bottom-splash {
    height: 31.2rem
  }
  #page-products-accessories .accessories__bottom-splash .button--bottom-splash {
    left: 6rem
  }
}

@media only screen and (min-width:641px) and (max-width:800px) {
  .accessories__bottom-splash {
    height: 25rem
  }
  #page-products-accessories .page-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  #page-products-accessories #motivational .motivational__figure {
    text-align: right;
    margin-right: 0
  }
  #page-products-accessories #motivational {
    background-position: 40% 0
  }
  #page-products-accessories #easter-egg {
    left: auto;
    right: 4rem
  }
  #page-products-accessories .accessories__bottom-splash {
    height: 25rem
  }
  #page-products-accessories .accessories__bottom-splash .button--bottom-splash {
    left: 5rem;
    font-size: 2rem
  }
}

@media only screen and (max-width:640px) {
  .accessories__bottom-splash {
    height: 16.2rem
  }
  .accessories__bottom-splash {
    background-size: contain
  }
  #page-products-accessories .page-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
  #page-products-accessories #motivational {
    display: none
  }
  #page-products-accessories #flipcover #home {
    min-height: 30rem
  }
  #page-products-accessories .accessories__bottom-splash {
    height: 16.2rem
  }
  #page-products-accessories .accessories__bottom-splash .button--bottom-splash {
    left: 7.5vw;
    bottom: 1rem;
    font-size: 1.4rem;
    padding: .5rem 2.5rem
  }
}

/*# sourceMappingURL=../../pages/products/accessories.css.map*/

.check-icon {}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 600px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}

.we-table-th {
  font-size: 24px;
  text-align: center;
  padding-top: 20px;
  background: #01b4e1;
  color: #fff;
}

.honor-6-text-3 h3 {
  color: #333 !important;
}

.btn-we-block {
  margin-left: 10%;
}

.btn-we-block .btn-group>.btn,
.btn-group-vertical>.btn {
  position: relative;
  float: left;
  width: 200px;
  height: 50px;
  background-color: #ccc;
  border: 2px solid #FFF;
  font-family: "bignoodletitlingregular";
  color: #fff;
  border-radius: 10px;
}

.btn-we-block .btn-group>.btn a,
.btn-group-vertical>.btn a {
  font-size: 24px;
  color: #fff;
  line-height: 46px;
}

.we-shopping-icon-white {
  cursor: pointer;
  display: inline-block;
  width: 200px;
  height: 43px;
  background-color: none;
  border: 2px #fff solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 23px;
  line-height: 45px;
  position: relative;
  text-align: center;
  color: #fff;
  top: 0px;
}

.we-shopping-icon-white a {
  cursor: pointer;
  text-decoration: none;
}

.we-shopping-icon-white-7 {
  cursor: pointer;
  display: inline-block;
  width: 200px;
  height: 42px;
  background-color: none;
  border: 2px #fff solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  position: relative;
  text-align: center;
  color: #fff;
  top: 0px;
  margin-left: 13%;
}

.we-shopping-icon-white-7 a {
  cursor: pointer;
  text-decoration: none;
}

.btn-we-block-6plus .btn-group>.btn,
.btn-group-vertical>.btn {
  position: relative;
  top: -3px;
  float: left;
  width: 200px;
  height: 45px;
  background-color: #06aae7;
  border: 2px #ffffff solid;
  color: #fff;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  line-height: 42px;
}

.btn-we-block-6plus .btn-group>.btn a,
.btn-group-vertical>.btn a {
  font-size: 24px;
  color: #fff;
}

.btn-we-block-6 .btn-default {
  width: 200px;
  height: 50px;
}

.btn-we-block-6 .jsshop-01 {
  color: #3bafe0;
}

.btn-we-block-6 .btn-default a {
  font-size: 24px;
}

.btn-we-block-6plus {
  display: inline-block;
  position: relative;
}

.we-video-icon-3c {
  width: 200px;
  height: 45px;
  background-color: none;
  border: 2px #01b4e1 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  position: relative;
  text-align: center;
  padding-top: 0.1em;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  color: #3bafe0;
}

.we-video-icon-3c a {
  color: #3bafe0;
}

.we-video-icon {
  width: 200px;
  height: 43px;
  background-color: #06aae7;
  border: 2px #ffffff solid;
  color: #fff;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  position: relative;
  display: inherit;
}

.we-index-video-icon {
  width: 200px;
  height: 45px;
  border: 2px #ffffff solid;
  color: #fff;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 52px;
  position: relative;
  text-align: center;
}

.we-video-icon-6 {
  width: auto;
  min-width: 200px;
  height: 45px;
  background-color: none;
  border: 2px #01b4e1 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  position: relative;
  text-align: center;
  padding-top: 0.1em;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  color: #3bafe0;
  padding: 0 10px;
}

.we-video-icon-6 a {
  color: #01b4e1;
}

a.we-video-icon-6 {
  text-decoration: none;
}

.we-video-icon-6 a.jsshop-01 {
  cursor: pointer;
  text-decoration: none;
  color: #3bafe0;
}

.btn-we-block-6 a {
  text-decoration: none;
  cursor: pointer;
  line-height: 24px;
  padding-top: 1px;
}

.banner-btnvideo a.we-video-icon-6:hover,
.banner-btnvideo a.we-video-icon-6:focus {
  color: #01b4e1;
}

.btn-we-block-6 {
  display: inline-block;
  width: 200px;
  height: 45px;
  border: 2px #01b4e1 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  position: relative;
  text-align: center;
  padding-top: 0.1em;
  vertical-align: middle;
}

.btn-we-block-6 .btn-default {
  top: -3px;
  width: 200px;
  height: 45px;
  background-color: #FFF;
  border: 2px #01b4e1 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  position: relative;
  line-height: 45px;
}

.btn-we-block-4x {
  display: inline-block;
  width: 200px;
  height: 45px;
  background-color: #FFF;
  border: 2px #01b4e1 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  line-height: 45px;
  vertical-align: middle;
  position: relative;
  text-align: center;
  cursor: pointer;
  padding-top: 0.1em;
}

.btn-we-block-4x a {
  text-decoration: none;
  color: #3bafe0;
}

blockquote {
  padding: 0px 0px;
  margin: 0 0 50px;
  font-size: 21.5px;
}

.btn-we-block-4x .btn-default {
  width: 200px;
  height: 45px;
  background-color: #FFF;
  border: 2px #01b4e1 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  position: relative;
  line-height: 40px;
}

.honor-6-text-last {
  width: 38%;
  margin-top: 9%;
  position: absolute;
  left: 10%;
  z-index: 99;
}

@media (min-width: 1200px) and (max-width:1439px) {
  .honor-7 .pd-top11 h3 {
    font-size: 28px;
  }
  .honor-7 .wite-top-1 h3 {
    font-size: 28px;
  }
  .honor-6-text-last {
    width: 100%;
    position: relative;
    left: 0%;
    z-index: 99;
    padding: 0 10%;
    text-align: center;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .bannerfons-text h2 {
    font-size: 90px;
    margin: 0;
  }
  .honor-6-text-last {
    width: 90%;
    margin-top: 9%;
    position: relative;
    left: 10%;
    z-index: 99;
  }
  .honor-7 .pd-top11 h3 {
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 10px;
  }
  .honor-7 .wite-top-1 h3 {
    font-size: 28px;
  }
  .we h3 {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 10px;
  }
  .we p {
    line-height: 125%;
    font-size: 14px;
  }
  .prizes__quadro-block .prizes__item {
    font-size: 2rem;
  }
  .bannerfons-text h3 {
    font-size: 38px;
  }
  .honor-club .formblock {
    padding: 5rem 2rem 5rem;
  }
  .text-font h1 {
    text-align: center;
    width: 100%;
    font-size: 4rem;
    font-size: 40px \9;
    line-height: 5rem;
    line-height: 40px \9;
    font-weight: 500;
    margin: 0 auto;
    font-family: "bignoodletitlingregular", Impact, Charcoal, sans-serif;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .bannerfons-text h2 {
    font-size: 90px;
    margin: 0;
  }
  .honor-6-text-last {
    width: 90%;
    margin-top: 9%;
    position: relative;
    left: 10%;
    z-index: 99;
  }
  .honor-7 .wite-top-1 h3 {
    font-size: 28px;
  }
  .goldenticket .bannerfons-text h2 {
    font-size: 32px;
  }
  .we h3 {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 10px;
  }
  .we p {
    line-height: 125%;
    font-size: 14px;
  }
  .prizes__quadro-block .prizes__item {
    font-size: 1rem;
  }
  .honor-club .formblock {
    padding: 5rem 2rem 5rem;
  }
  .bannerfons-text h3 {
    font-size: 38px;
  }
  .text-font h1 {
    font-size: 4rem;
    font-size: 40px \9;
    line-height: 5rem;
    line-height: 40px \9;
    font-weight: 500;
    margin: 0 auto;
  }
  .text2 .party__text {
    font-size: 16px;
  }
  .honor-6-text-last {
    width: 70%;
    margin-top: 9%;
    position: relative;
    left: 10%;
  }
}

@media (max-width: 767px) {
  .privacy-policy-txt-top {
    padding-top: 50px !important;
  }
  .container-1 {
    margin: 0;
  }
  .we-shopping-icon-bottom {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 42px;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 18px;
    line-height: 45px;
    position: relative;
    text-align: center;
    color: #fff;
    top: 0px;
    background: none;
    border: 1px solid #00b2e6;
  }
  .honor-6-text-3 {
    text-align: left;
    margin-top: 7%;
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 0 2%;
    width: 100%;
    color: #333;
    left: 0;
  }
  .product-banner-text {
    top: 20% !important;
    left: 40%;
    right: auto;
  }
  .honor-6-text-3 h3 {
    color: #333 !important;
  }
  .prizes__quadro-block .prizes__item {
    font-size: 3.0rem;
    font-size: 26px \9;
    line-height: 2.8rem;
    line-height: 48px \9;
    margin: 0 auto;
    font-weight: 300;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 1rem;
    padding-top: 90px \9;
    color: white;
    display: inline-block;
    padding: 0 10px;
    height: 107px;
  }
  .btn-we-block .btn-group>.btn,
  .btn-group-vertical>.btn {
    width: 160px;
    height: 38px;
  }
  .goldenticket .splash__hashtag {
    font-size: 2rem;
    font-size: 36px \9;
    margin-top: 14px;
  }
  .btn-we-block .btn-group>.btn,
  .btn-group-vertical>.btn a {
    font-size: 18px;
    line-height: 18px;
  }
  .btn-we-block .btn-group>.btn a,
  .btn-group-vertical>.btn a {
    font-size: 18px;
    color: #fff;
    font-family: "bignoodletitlingregular";
    line-height: 31px;
  }
  .we-video-icon-6 {
    min-width: auto;
    width: auto;
    height: 35px;
    background-color: none;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 18px;
    line-height: 40px;
    position: relative;
    text-align: center;
  }
  .btn-we-block-6 {
    width: auto;
    padding: 0 10px;
    height: 35px;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 18px;
    line-height: 35px;
    position: relative;
    text-align: center;
  }
  .btn-we-block-6 .btn-default {
    top: 0px;
    width: 160px;
    height: 35px;
    background-color: #FFF;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 24px;
    position: relative;
    line-height: 18px;
  }
  .btn-we-block-4x .btn-default {
    width: 160px;
    height: 35px;
    background-color: #FFF;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 18px;
    position: relative;
    line-height: 18px;
  }
  .btn-we-block-6 .btn-default a {
    font-size: 18px;
  }
  .btn-we-block-6plus .btn-group>.btn,
  .btn-group-vertical>.btn {
    position: relative;
    float: left;
    width: 127px;
    height: 32px;
    background-color: #06aae7;
    border: 2px #ffffff solid;
    color: #fff;
    border-radius: 10px;
    top: 0px;
    font-family: "bignoodletitlingregular";
    line-height: 28px;
  }
  .btn-we-block-6plus {
    display: inline-block;
    position: relative;
  }
  .banner-btns-honor6plus .banner-btnvideo>a {
    padding-left: 0;
    padding-right: 0;
    display: inherit;
    margin-bottom: 5px;
  }
  .btn-we-block-6plus .btn-group>.btn a,
  .btn-group-vertical>.btn a {
    line-height: 18px;
    font-size: 16px;
  }
  .we-video-icon {
    width: 127px;
    height: 32px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 31px;
  }
  .goldenticket-text5 {
    padding: 15px;
  }
  .prizes__quadro-block .prizes__item {
    font-size: 2rem;
  }
  .twitter-block {
    padding: 15px;
  }
  .honor-club .formblock {
    padding: 5rem 2rem 5rem;
  }
  .bannerfons-text h2 {
    font-size: 60px;
    margin: 0;
  }
  .bannerfons-text h3 {
    font-size: 28px;
  }
  .text-font h1 {
    font-size: 2rem;
    font-size: 40px \9;
    line-height: 2rem;
    line-height: 40px \9;
    font-weight: 500;
  }
  .text2 .party__text {
    font-size: 16px;
  }
  .goldenticket .bannerfons-text h3 {
    font-size: 20px;
  }
  .goldenticket .bannerfons-text h2 {
    font-size: 18px;
  }
  .goldenticket .facebook__header {
    font-size: 1em;
  }
  .goldenticket .splash__buttons-container {
    margin-top: 1rem;
    margin-top: 11px;
  }
  blockquote {
    font-size: 18.5px;
  }
  .goldenticket-text3 {
    padding: 5px;
  }
  .twitter-block .twitter__header {
    font-size: 2rem;
  }
  p.twitter__text {
    font-size: 14px;
  }
  .prizes__subtitle {
    font-size: 2rem;
  }
  .prizes__title {
    font-size: 2rem;
  }
  .list--horizontal .list__item {
    margin: 50px 20px;
  }
  .honor-run .text2 h1 {
    margin: 46px 0 50px 0;
    font-size: 22px;
  }
  .prizes__star-image {
    width: 46%;
  }
  #goldenticket-text5-img {
    width: 60%;
  }
  .prizes__quadro-block {
    padding-bottom: 0;
  }
  .prizes__quadro-block .prizes__item {
    font-size: 2rem;
    line-height: 0rem;
    line-height: 20px \9;
  }
  .honor-club .club-text1 {
    left: 0;
    position: relative;
    margin: 10px 0 0 0;
    padding: 10px;
  }
  .honor-club .text-font h1 {
    font-size: 3rem;
    line-height: 1em;
  }
  .honor-club .text-font h2 {
    font-size: 2rem;
    margin-top: 10px;
  }
  .honor-club .infoblock__membership-cards {
    width: 100%;
  }
  .honor-club .honor-club-infoblock {
    padding-left: 0;
  }
  .honor-club .formblock {
    padding: 0;
  }
  .honor-club .formblock .formblock__container {
    width: 100%;
  }
  .honor-club .formblock .formblock__subheader {
    text-align: left;
  }
  .honor-club .formblock .formblock__subheader--bottom {
    font-size: 3rem;
  }
  .honor-club .formblock__header {
    font-size: 2rem;
    font-size: 46px \9;
    line-height: 6rem;
    line-height: 40px \9;
  }
  .honor-club .text-font h3 {
    margin: 10px 0 0 0;
    font-size: 3rem;
  }
  .text3 {
    margin: 10px;
  }
  #club-form {
    margin-top: 0rem;
    margin-top: 30px \9;
  }
  .honor-club .formblock .formblock__subheader--bottom {
    margin-top: 2rem;
  }
  .we h3 {
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 10px;
  }
  .we p {
    line-height: 125%;
    font-size: 12px;
  }
  .accessories-pic-bg {
    display: none;
  }
  .honor-club .formblock__container--right {
    margin-bottom: 35px;
  }
  .honor-compare-h1 {
    font-size: 2em;
    margin-top: 0;
  }
  .honor-club .summary__item__text {
    margin: 0.2rem 0 0.2rem 0;
    font-size: 14px;
  }
  .club-form__submit {
    font-size: 1.5rem;
    font-size: 26px \9;
    line-height: 4.0rem;
    line-height: 40px \9;
  }
  #top-banner .bx-pager {
    bottom: 11px;
  }
  .honor-6-text-1 {
    width: 100%;
    margin-top: 10%;
    margin-left: 0;
  }
  .honor-6-text-last {
    width: 96%;
    margin-top: 0;
    position: relative;
    left: 3%;
  }
  .honor-6-text-1-bg {
    margin: 2%;
  }
  .honor6-plus .phone-section-wrapper .banner-btnvideo-1 {
    margin: 10px 0 10px auto;
    text-align: center;
  }
  .honor-6-text-4 {
    text-align: left;
    z-index: 2;
    color: #333;
    padding: 0 1%;
    width: 100%;
    margin-top: 10%;
  }
  .honor-7 .bg-textbox p {
    line-height: 125%;
    font-size: 14px;
  }
  .honor-7 .pd-top11 h3 {
    font-size: 20px;
  }
  .honor-7 .pd-top11 p {
    font-size: 14px;
    line-height: 125%;
  }
  .honor-7 .wite-top-1 h3 {
    font-size: 20px;
  }
  .honor-7 .wite-top-1 p {
    font-size: 14px;
    line-height: 125%;
  }
  .honor-accessories-text1 p {
    font-size: 14px;
    line-height: 125%;
    padding: 0 0%;
    font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  }
  .honor-accessories-text1 {
    margin-top: 10%;
    margin: 0;
  }
  #page-products-accessories #headphones {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    font-size: 0;
  }
  .product__paragraph {
    font-size: 14px !important;
    margin: 1.5rem auto !important;
    width: 100% !important;
  }
  .list--horizontal .list__item {
    margin: 10px 0px !important;
  }
  #page-products-accessories #flipcover {
    padding-top: 0rem;
  }
  .page-brand .videos-section .video-item-c-new .desc .quote-txt {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
  }
  .text-font p {
    font-size: 1.5rem;
    font-size: 16px \9;
    margin-bottom: 1rem;
    margin-bottom: 30px \9;
    text-align: center;
    width: 100%;
  }
  .text1 {
    padding: 22px 0;
  }
  .summary__item--header {
    font-weight: bold;
    margin-top: 2px;
  }
  .summary__item__text {
    margin: 0;
    margin: 7px 0 7px 0 \9;
  }
  .product__header {
    font-size: 34px !important;
    font-weight: 500 !important;
    font-family: bignoodletitling, Impact, Charcoal, sans-serif;
    text-transform: uppercase;
    margin: 1.5rem auto;
  }
  #page-products-accessories #case {
    padding-top: 0rem;
    text-align: center;
  }
  .btn-we-block {
    margin-left: inherit;
    text-align: center;
  }
  .btn-we-block-6 a {
    padding-top: 0px;
  }
  .btn-we-block-4x {
    width: 160px;
    height: 35px;
    background-color: #FFF;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 18px;
    line-height: 35px;
    position: relative;
    text-align: center;
  }
  .we-shopping-icon-white {
    width: 127px;
    height: 32px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 31px;
    top: 0px;
  }
  .we-shopping-icon-white-7 {
    width: auto;
    height: 32px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 31px;
    top: 5px;
    margin-left: 0;
  }
  .we-video-icon-6 {
    font-size: 18px;
    line-height: 35px;
    padding: 0 10px;
    min-width: 120px;
  }
  .we-video-icon-6-white .jsshop-01 {
    width: auto;
    height: auto;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.privacy-policy-txt-right {
  text-align: right;
  font-size: 16px;
  margin-top: 20px;
}

.privacy-policy-txt p {
  line-height: 1.5em;
  font-size: 16px;
  color: #666;
}

.privacy-policy-txt-top {
  padding-top: 200px;
}

.we-video-icon-6-white .jsshop-01 {
  width: auto;
  height: auto;
  vertical-align: middle;
  padding-top: 0;
  color: #fff;
  text-decoration: none;
}

@media (max-width: 1366px) and (min-width: 768px) {
  .banner-btnvideo a.we-video-icon-6:hover,
  .banner-btnvideo a.we-video-icon-6:focus {
    color: #01b4e1;
    margin-top: 5px;
  }
  .honor5x-logo-vector a img {
    display: inline-block;
    max-width: 90px;
  }
  .btn-we-block-6 {
    display: inline-block;
    width: auto;
    height: 35px;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 20px;
    line-height: 35px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    padding-top: 0.1em;
    vertical-align: middle;
  }
  .we-video-icon-6 {
    height: 35px;
    border: 2px #01b4e1 solid;
    border-radius: 10px;
    font-family: "bignoodletitlingregular";
    font-size: 20px;
    line-height: 35px;
    position: relative;
    text-align: center;
    padding-top: 0.1em;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    color: #3bafe0;
    min-width: 0;
  }
}

/*smc start*/

.text-white {
  color: #fff;
}

.text-13204d {
  color: #13204d
}

.clearfix {
  clear: both;
}

.mb-10 {
  margin-bottom: 10px;
}

.smc-page {}

.smc-page h1 {
  font-size: 90px;
  font-family: "bignoodletitlingregular";
}

.smc-page h3 {
  font-size: 70px;
  font-family: "bignoodletitlingregular";
}

.smc-page p {
  font-size: 28px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  line-height: 150%;
}

.smc-page .wite-top>img {
  margin-top: -5%;
}

.smc-page .side-wrap {
  position: relative;
}

.smc-page .side-wrap .side-pa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 80px;
  /*background: url("/content/dam/honor/common/products/img/smc/side-bg.jpg")*/
}

.smc-page .side-wrap .side-pa>img:first-child {
  display: inline-block;
  vertical-align: top;
  margin-top: -5px;
  margin-right: 50px;
}

.smc-page .side-wrap .side-pa>img:first-child+h3 {
  display: inline-block;
  vertical-align: text-top
}

.smc-page .side-wrap .side-pa>img:first-child+h3 a {
  color: #fff
}

.smc-page .side-wrap .side-pa>img:first-child+h3 a:hover {
  text-decoration: underline;
}

.smc-page .side-wrap .side-pa p {
  margin-bottom: 45px;
}

@media (max-width:1439px) {
  .smc-page h1 {
    font-size: 60px;
  }
  .smc-page h3 {
    font-size: 40px;
  }
  .smc-page p {
    font-size: 20px;
  }
  .smc-page .side-wrap .side-pa>img:first-child {
    width: 90px;
  }
  .smc-page .side-wrap .side-pa p {
    margin-bottom: 30px;
  }
}

@media (max-width:1199px) {
  .smc-page h1 {
    font-size: 40px;
  }
  .smc-page h3 {
    font-size: 23px;
  }
  .smc-page p {
    font-size: 16px;
  }
  .smc-page .side-wrap .side-pa {
    padding: 30px;
  }
  .smc-page .side-wrap .side-pa>img:first-child {
    width: 55px;
  }
  .smc-page .side-wrap .side-pa p {
    margin-bottom: 10px;
  }
}

@media (max-width:767px) {
  .smc-page .side-wrap .side-pa {
    padding: 20px 10px;
  }
  .smc-page .side-wrap .side-pa>img:first-child {
    margin-right: 25px;
  }
  .smc-page .side-wrap .side-pa p {
    margin-bottom: 10px;
  }
}

/*smc end*/

/*drstrange start*/

/*默认版本*/

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.fs16 {
  font-size: 16px;
  line-height: 175%;
}

.fcf6f6f6 {
  color: #f6f6f6;
}

.fc343434 {
  color: #343434;
}

.fs18 {
  font-size: 18px;
  line-height: 175%;
}

.inline-block {
  display: inline-block;
}

.align {
  letter-spacing: -0.315em;
}

.align>* {
  letter-spacing: normal;
  float: none;
  display: inline-block;
}

.drstrange-page {}

.drstrange-page#main {
  overflow: visible;
}

.drstrange-page h3 {
  font-size: 26px;
}

.drstrange-page p {
  font-size: 16px;
  line-height: 175%;
}

@media (min-width:768px) {
  .drstrange-page .section-1 .swiper-step .swiper-slide:first-child>a>img:hover {
    animation-name: shake-rotate;
    -webkit-animation-name: shake-rotate;
    -moz-animation-name: shake-rotate;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
  }
}

.drstrange-page .section-2 {
  position: relative;
}

.drstrange-page .section-2 .phone {
  position: absolute;
  top: 10%;
  left: 8%;
  width: 18%;
}

.drstrange-page .section-2 .phone:hover {
  animation-name: shake-rotate;
  -webkit-animation-name: shake-rotate;
  -moz-animation-name: shake-rotate;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
}

.drstrange-page .section-2 .text h1 {
  font-size: 65px;
  line-height: 135%;
}

.drstrange-page .section-2 .text h1+div {
  font-size: 18px;
  line-height: 135%;
}

.drstrange-page .section-2 .text {
  position: absolute;
  top: 70%;
  left: 9%;
  width: 50%;
  color: #fff;
}

.drstrange-page .section-2 .text .bottom-buy {
  display: block;
  color: #fff;
  width: 250px;
  background: #01b4e1;
  padding: 15px 10px;
  margin-top: 20px;
  text-align: center;
  border-radius: 25px;
  font-size: 20px;
}

.drstrange-page .section-2 .style-1 {
  position: absolute;
  top: 6%;
  left: 27%;
  color: #fff;
}

.drstrange-page .section-2 .style-2 {
  position: absolute;
  top: 16%;
  left: 27%;
  color: #fff;
}

.drstrange-page .section-2 .style-1>*,
.drstrange-page .section-2 .style-2>* {
  display: inline-block;
  vertical-align: top;
}

.drstrange-page .section-2 .off {
  position: absolute;
  top: 36%;
  left: 27%;
  width: 20%;
  color: #fff;
}

.drstrange-page .section-2 .off:hover {
  animation-name: shake-rotate;
  -webkit-animation-name: shake-rotate;
  -moz-animation-name: shake-rotate;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
}

@media (min-width: 768px) {
  .drstrange-page .swiper-slide {
    width: 33.33333333%;
  }
}

.drstrange-page .section-3 {
  background: url("https://www.honor.com/content/dam/honor/common/products/img/orange_big.png") top center no-repeat;
}

.drstrange-page .section-3>div>div.mb-30 {
  margin-top: 110px;
}

.drstrange-page .section-3 .list-wrap {
  width: 441px;
  display: inline-block;
}

.drstrange-page .section-3 .list-wrap>img:hover {
  animation-name: shake-rotate;
  -webkit-animation-name: shake-rotate;
  -moz-animation-name: shake-rotate;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
}

.drstrange-page .section-3 .text {
  color: #07156d;
}

.drstrange-page .section-3 .text h2 {
  margin-top: 15px;
  line-height: 135%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.drstrange-page .section-3 .text h2+div {
  font-size: 18px;
  line-height: 135%;
}

.drstrange-page .section-3 .text .button-buy {
  display: block;
  color: #fff;
  width: 200px;
  background: #01b4e1;
  padding: 15px 10px;
  margin-top: 20px;
  text-align: center;
  border-radius: 25px;
  font-size: 20px;
}

.drstrange-page .section-3 .buy-title {
  margin-top: 50px;
  margin-bottom: 30px;
}

.drstrange-page .section-3 .buy-title h1 {
  font-family: "bignoodletitlingregular";
  border-bottom: 1px solid #dcdcdc;
  font-size: 65px;
}

.drstrange-page .section-4 .change-content {
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 60px;
}

.drstrange-page .section-4 .change-content>.dropdown>a {
  padding: 30px 0;
  border: 1px solid #999;
  display: inline-block;
  font-size: 18px;
  color: #555;
  width: 400px;
}

.drstrange-page .section-4 .change-content>.dropdown .fa-caret-down {
  margin-left: 40px;
}

.drstrange-page .section-4 .change-content>.dropdown.open .fa-caret-down:before {
  content: "\f0d8";
}

.drstrange-page .section-4 .change-content>.dropdown .dropdown-menu li {
  border-bottom: 1px solid #ebebeb;
}

.drstrange-page .section-4 .change-content>.dropdown .dropdown-menu li:last-child {
  border-bottom: none;
}

.drstrange-page .section-4 .change-content>.dropdown .dropdown-menu li a {
  padding: 15px
}

.drstrange-page #selectDr .modal-new-title {
  text-align: center;
  padding: 0 30px;
  font-family: "Open Sans";
  font-weight: bold;
  line-height: 110%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.drstrange-page #selectDr .modal-new-body {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/Popup_bg.png) top center no-repeat;
  padding-top: 40px;
}

.drstrange-page #selectDr .modal-new-body h3 {
  text-align: center;
  line-height: 250%;
  font-family: "Open Sans";
  font-weight: bold;
}

.drstrange-page #selectDr .modal-new-body h3 a {
  color: #000;
}

.drstrange-page #selectDr .modal-new-body h3 a:hover {
  text-decoration: underline;
}

.drstrange-page #remember .modal-new-dialog {
  max-width: 459px;
  max-height: 168px;
  margin-top: 13%;
}

.drstrange-page #remember .modal-new-header {
  border-bottom: none;
}

.drstrange-page #remember .modal-new-body {
  text-align: center;
  font-size: 20px;
  color: #222223;
  padding-top: 45px;
  font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.drstrange-page #remember .modal-new-body h3 {
  font-family: "Open Sans";
}

.drstrange-page #remember .modal-new-footer {
  border-top: none;
  margin: 35px 0;
  text-align: center;
}

.drstrange-page #remember .modal-new-footer .btn-no {
  border: 1px solid #00b2e6;
  border-radius: 14px;
  width: 76px;
  height: 28px;
  background: #fff;
  color: #00b2e6;
  font-size: 14px;
  line-height: 22px;
  margin-right: 35px;
}

.drstrange-page #remember .modal-new-footer .btn-YES {
  border: 1px solid #00b2e6;
  border-radius: 14px;
  width: 76px;
  height: 28px;
  background: #00b2e6;
  color: #FFF;
  font-size: 14px;
  line-height: 22px;
}

.drstrange-page #buy1 .modal-new-header {
  border-bottom: none;
}

.drstrange-page #buy1 h3 {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  line-height: 40px;
}

.drstrange-page #buy1 .content-top-ico {
  padding: 20px 0;
}

.drstrange-page #buy2 .modal-new-header {
  border-bottom: none;
}

.drstrange-page #buy2 h3 {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  line-height: 40px;
}

.drstrange-page #buy2 .content-top-ico {
  padding: 20px 0;
}

.drstrange-page #buy3 .modal-new-header {
  border-bottom: none;
}

.drstrange-page #buy3 h3 {
  font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
  line-height: 40px;
}

.drstrange-page #buy3 .content-top-ico {
  padding: 20px 0;
}

@media (max-width:1199px) {
  .drstrange-page h2 {
    font-size: 24px;
  }
  .drstrange-page h3 {
    font-size: 20px;
  }
  .drstrange-page p {
    font-size: 14px;
  }
  .drstrange-page .section-2 .off {
    top: 42%;
    width: 17%;
  }
  .drstrange-page .section-2 .text h1 {
    font-size: 34px;
  }
  .drstrange-page .section-2 .text h1+div {
    font-size: 14px;
  }
  .drstrange-page .section-2 .text .bottom-buy {
    font-size: 18px;
  }
  .drstrange-page .section-3 {
    background-size: cover;
  }
  .drstrange-page .section-3 .list-wrap {
    width: 350px;
  }
  .drstrange-page .section-3 .text h2+div {
    font-size: 16px;
  }
  .drstrange-page .section-3 .text .button-buy {
    font-size: 16px;
  }
}

@media (max-width:767px) {
  .drstrange-page .section-1 .swiper-step {
    margin-left: 0;
    margin-right: 0;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
  }
  .drstrange-page .section-2 .phone {
    top: 32%;
    width: 41%;
  }
  .drstrange-page .section-2 .text {
    top: 73%;
    width: auto;
  }
  .drstrange-page .section-2 .off {
    top: 11%;
    width: 38%;
    left: 10%;
  }
  .drstrange-page .section-2 .style-1 {
    position: absolute;
    top: 30%;
    left: 50%;
    color: #fff;
  }
  .drstrange-page .section-2 .style-2 {
    position: absolute;
    top: 46%;
    left: 50%;
    color: #fff;
  }
  .drstrange-page .section-2 .style-1 ul,
  .drstrange-page .section-2 .style-2 ul {
    margin-top: -35px;
    margin-left: 18px;
  }
  .drstrange-page .section-3 {
    background-size: 250%;
  }
  .drstrange-page .section-3>div>div.mb-30 {
    margin-top: 30px;
  }
  .drstrange-page .section-3 .text h2 {
    color: #07156d;
    text-align: center;
    margin: 15px 0 0;
  }
  .drstrange-page .section-3 .list-wrap {
    width: 80%
  }
  .drstrange-page .section-3 .list-wrap .text-left {
    text-align: center;
  }
  .drstrange-page .section-3 .buy-title {
    margin-bottom: 0;
  }
  .drstrange-page .section-3 .buy-title h1 {
    font-size: 50px;
  }
  .drstrange-page .section-3 .text .button-buy {
    margin-left: auto;
    margin-right: auto;
    width: auto;
  }
  .drstrange-page .section-4 .mt-40 {
    margin-top: 0;
  }
  .drstrange-page .section-4 .change-content>.dropdown>a {
    padding: 20px 0;
    width: 250px;
  }
  .drstrange-page .section-4 .align .col-xs-12 {
    padding-bottom: 17px;
    padding-top: 25px;
    border-bottom: 1px solid #dcdcdc;
  }
  .drstrange-page #selectDr h3 .js-country {
    font-size: 14px;
  }
  .drstrange-page #selectDr .modal-new-body {
    padding-top: 15px;
  }
  .drstrange-page #remember .modal-new-dialog {
    margin-top: 50%;
  }
}

@keyframes shake-rotate {
  0%,
  100% {
    transform: rotate(0deg);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: rotate(5.5deg);
  }
  20%,
  40%,
  60%,
  80% {
    transform: rotate(-3.5deg);
  }
}

@-webkit-keyframes shake-rotate {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: rotate(5.5deg);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: rotate(-3.5deg);
  }
}

@-ms-keyframes shake-rotate {
  0%,
  100% {
    -ms-transform: rotate(0deg);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -ms-transform: rotate(5.5deg);
  }
  20%,
  40%,
  60%,
  80% {
    -ms-transform: rotate(-3.5deg);
  }
}

/*blue版本*/

.drstrange-page.blue {}

.drstrange-page.blue .section-2 .phone {
  left: 41%;
}

.drstrange-page.blue .section-2 .off {
  top: 23%;
  left: 17%;
}

.drstrange-page.blue .section-2 .style-1 {
  top: 14%;
  left: 62%;
  width: 35%;
}

.drstrange-page.blue .section-2 .style-2 {
  top: 40%;
  left: 62%;
  width: 35%;
}

.drstrange-page.blue .section-2 .style-1>ul,
.drstrange-page.blue .section-2 .style-2>ul {
  color: #00ffff;
}

.drstrange-page.blue .section-2 .style-1>ul>li:first-child,
.drstrange-page.blue .section-2 .style-2>ul>li:first-child {
  list-style: disc;
}

.drstrange-page.blue .section-2 .text {
  text-align: center;
  left: 0;
  width: 100%;
}

.drstrange-page.blue .section-2 .text .bottom-buy {
  margin-left: auto;
  margin-right: auto;
  background: #ff0054;
}

.drstrange-page.blue .section-3 {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/orange_big_blue.png) top center no-repeat;
}

.drstrange-page.blue .section-3 .text .button-buy {
  background: #ff0054;
}

@media (max-width:767px) {
  .drstrange-page.blue .section-2 .phone {
    left: 51%;
    top: 8%;
  }
  .drstrange-page.blue .section-2 .off {
    top: 10%;
    left: 9%;
  }
  .drstrange-page.blue .section-2 .style-1 {
    top: 48%;
    left: 6%;
    width: 44%;
  }
  .drstrange-page.blue .section-2 .style-2 {
    top: 61%;
    left: 6%;
    width: 87%;
  }
  .drstrange-page.blue .section-2 .text {
    top: 71%;
  }
}

/*red版本*/

.drstrange-page.red {}

.drstrange-page.red .section-2 .phone {
  left: 41%;
}

.drstrange-page.red .section-2 .off {
  top: 23%;
  left: 17%;
}

.drstrange-page.red .section-2 .style-1 {
  top: 14%;
  left: 62%;
  width: 35%;
}

.drstrange-page.red .section-2 .style-2 {
  top: 40%;
  left: 62%;
  width: 35%;
}

.drstrange-page.red .section-2 .style-1>ul,
.drstrange-page.red .section-2 .style-2>ul {
  color: #ff0054;
}

.drstrange-page.red .section-2 .style-1>ul>li:first-child,
.drstrange-page.red .section-2 .style-2>ul>li:first-child {
  list-style: disc;
}

.drstrange-page.red .section-2 .text {
  text-align: center;
  left: 0;
  width: 100%;
}

.drstrange-page.red .section-2 .text .bottom-buy {
  margin-left: auto;
  margin-right: auto;
}

.drstrange-page.red .section-3 {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/orange_big_red.png) top center no-repeat;
}

.drstrange-page.red .section-3 .text .button-buy {}

@media (max-width:767px) {
  .drstrange-page.red .section-2 .phone {
    left: 51%;
    top: 8%;
  }
  .drstrange-page.red .section-2 .off {
    top: 10%;
    left: 9%;
  }
  .drstrange-page.red .section-2 .style-1 {
    top: 48%;
    left: 6%;
    width: 44%;
  }
  .drstrange-page.red .section-2 .style-2 {
    top: 61%;
    left: 6%;
    width: 87%;
  }
  .drstrange-page.red .section-2 .text {
    top: 71%;
  }
}

/*drstrange end*/

/*西欧注册表单*/

.honor-sign-up {
  background: #fff;
  color: #000;
  padding: 50px 0;
  text-align: left;
}

.honor-sign-up .container {
  max-width: 100%;
}

.honor-sign-up h3 {
  font-family: "bignoodletitlingregular";
  font-size: 36px;
  text-align: center;
}

.honor-sign-up h4 {
  font-size: 16px;
  text-align: center;
  padding-bottom: 20px;
  color: #333;
}

.honor-sign-up #form1>div>div {
  margin-bottom: 20px;
}

.honor-sign-up .wrapper-new-dropdown-3 {
  position: relative;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  cursor: pointer;
  outline: none;
  color: #333;
  padding: 20px 10px;
}

.honor-sign-up .wrapper-new-dropdown-3 .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-weight: normal;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  list-style: none;
  pointer-events: none;
  display: none;
}

.honor-sign-up .show-text {
  font-size: 14px;
  color: #ed1b24;
  padding: 10px 0;
  display: none;
}

.honor-sign-up .form-control {
  height: 62px;
  background: #fafafa;
  border-radius: 0;
  line-height: 28px;
}

.honor-sign-up .btn {
  display: inline-block;
  width: 200px;
  height: 48px;
  line-height: 40px;
  background: none;
  border: 2px #0077b0 solid;
  border-radius: 10px;
  font-family: "bignoodletitlingregular";
  font-size: 24px;
  position: relative;
  vertical-align: middle;
  text-align: center;
  top: 0px;
  color: #0077b0;
  vertical-align: middle;
}

.honor-sign-up .btn-box {
  padding: 40px 0;
  text-align: center;
}

.honor-sign-up .wrapper-new-dropdown-3.active .dropdown {
  display: block;
  pointer-events: auto;
  z-index: 9999;
  background: #fafafa;
}

.honor-sign-up .main .wrapper-new-demo img {
  padding: 0 5px 5px 0;
  width: auto;
}

.honor-sign-up .wrapper-new-dropdown-3 .dropdown li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #e6e8ea;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.honor-sign-up .wrapper-new-dropdown-3 .dropdown li:hover a {
  background: #f3f8f8;
}

.honor-sign-up .wrapper-new-dropdown-3:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #8aa8bd transparent;
}

.honor-sign-up .form1 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 0;
  text-align: center;
}

.honor-sign-up .retry {
  text-decoration: underline;
  color: #8a6d3b;
  font-weight: 700;
}

.honor-sign-up .error {
  border-color: #ed1b24;
}

.honor9-sign-up h2 {
  text-align: center;
  color: #00b2e6;
  font: 400 96px "bignoodletitlingregular";
}

.honor9-sign-up {
  padding: 120px 0;
  color: #000;
  text-align: center;
  font-size: 18px;
}

.honor9-sign-up .honor-sign-up {
  text-align: left;
  padding: 40px 0;
}

.honor9-sign-up input[type="text"],
.honor9-sign-up .wrapper-new-dropdown-3 {
  height: 60px !important;
  ;
  line-height: 60px !important;
  ;
  width: 100%;
  padding: 0 20px;
  width: 100%;
  border: 2px solid #00b2e6 !important;
  background-color: #fff !important;
  padding: 0 20px !important;
}

.honor9-sign-up .honor-sign-up .wrapper-new-dropdown-3 .dropdown li a {
  line-height: 40px;
}

.honor9-sign-up .checkBox {
  position: relative;
}

.honor9-sign-up .checkBox label {
  padding-left: 30px;
  width: 100%;
}

.honor9-sign-up .checkBox input {
  position: absolute;
  top: 0;
  left: 0;
}

.honor9-sign-up .we-honor5x {
  padding: 40px 0;
}

.honor9-sign-up .we-honor5x .banner-btnstyle {
  color: #00b2e6;
  border-color: #00b2e6;
  padding: 0 20px;
  min-width: 200px;
  width: auto;
}

.honor9-sign-up .show-text {
  text-align: left;
}

.honor9-sign-up input[type="text"].error {
  border-color: #ed1b24 !important;
}

@media (max-width: 1024px) {
  .honor9-sign-up h2 {
    font-size: 72px;
  }
  .honor9-sign-up h2 img {
    max-height: 70px;
  }
  .honor9-sign-up {
    font-size: 16px;
    padding: 100px 0;
  }
}

@media (max-width: 768px) {
  .honor9-sign-up {
    padding: 60px 0;
  }
}

@media (max-width: 640px) {
  .honor9-sign-up h2 {
    font-size: 48px;
  }
  .honor9-sign-up h2 img {
    max-height: 48px;
  }
  .honor9-sign-up .col-sm-6:first-child {
    padding-bottom: 10px;
  }
  .honor9-sign-up {
    padding: 50px 0;
  }
}

@media (max-width: 320px) {
  .honor9-sign-up h2 {
    font-size: 36px;
  }
  .honor9-sign-up h2 img {
    max-height: 36px;
  }
}

/* 补充css */
@media (max-width:768px){
  .responsivegrid{margin-top:60px;}
}

/* 修复视频popup */
/* line 10, ../sass/global/_modal.scss */
#video-dialog .modal-dialog {
  width: 76%;
}
@media only screen and (max-width: 767px) {
  /* line 10, ../sass/global/_modal.scss */
  #video-dialog .modal-dialog {
    width: auto;
  }
}
/* line 16, ../sass/global/_modal.scss */
#video-dialog .modal-dialog .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: none;
}
/* line 21, ../sass/global/_modal.scss */
#video-dialog .modal-dialog .modal-content .modal-header {
  text-align: right;
  border: none;
  padding: 0;
}
/* line 27, ../sass/global/_modal.scss */
#video-dialog .modal-dialog .modal-content .modal-body {
  padding: 0;
}
/* line 31, ../sass/global/_modal.scss */
#video-dialog .modal-dialog .modal-content .close-video-btn {
  background: #ed1b24;
  font-size: 18px;
  font-family: "bignoodletitlingregular";
  color: #fff;
  padding: 10px 20px 0 20px;
  line-height: 15px;
  display: inline-block;
  height: 30px;
}

#video-dialog .modal-dialog .modal-content .close-video-btn.close-video-btn-a {
  background: none;
  font-size: 18px;
  font-family: "bignoodletitlingregular";
  color: #fff;
  padding: 10px 0 0 50px;
  line-height: 15px;
  display: inline-block;
  position: relative;
  margin-right: -30px;
  height: 30px;
}

#video-dialog .modal-dialog .modal-content .close-video-btn.close-video-btn-a img {
  z-index: 99;
  position: relative;
}

@media only screen and (max-width: 767px){
  #video-dialog .modal-dialog .modal-content .close-video-btn.close-video-btn-a {
      margin-right: -10px;
  }
  #video-dialog .modal-dialog .modal-content .close-video-btn.close-video-btn-a img {
      z-index: 99;
      position: relative;
      max-width: 40px;
  }
}

/**
  外部链接样式
 */

 body .modal-notice {
  width: 600px;
  position: fixed;
  z-index: 9999999;
  bottom: 10px;
  right: 10px;
  text-align: center;
  border-radius: 15px;
  background: #fff;
}

body .modal-top {
  position: relative;
  bottom: 80px;
  color: #1fbee6;
  margin-top: 15px;
}

body .modal-top50 {
  position: relative;
  bottom: 50px;
  color: #1fbee6;
}

body .modal-btn {
  background: url(https://www.honor.com/content/dam/honor/common/products/img/btn-03_03.png);
  background-size: 104%;
  background-position: -4px -1px;
  color: #fff;
  width: 128px;
  height: 45px;
  line-height: 40px;
  font-family: "bignoodletitlingregular";
  border-radius: 35px;
  font-size: 200%;
  padding:0;
}

.modal-top h4 {
  display: inline-block;
  color: #1fbee6;
}

.modal-top h1 {
  display: inline-block;
  color: #1fbee6;
}

body .modal-title-img {
  width: 200px;
}

@media(max-width: 768px) {
  body .modal-title-img {
    width: 100px;
  }
  body .modal-notice {
    width: 95%;
    position: fixed;
    z-index: 999999;
    bottom: 10px;
    left: 2.5%;
    text-align: center;
    border-radius: 15px;
    margin: 0 auto;
  }
  body .modal-top {
    position: relative;
    bottom: 80px;
    color: #1fbee6;
    margin-top: 10px;
    font-size: 22px;
  }
  .modal-top h4 {
    display: inline-block;
    color: #1fbee6;
    font-size: 12px;
  }
  .modal-top h1 {
    display: inline-block;
    color: #1fbee6;
    font-size: 22px;
  }
  body .modal-top50 {
    position: relative;
    bottom: 45px;
    color: #1fbee6;
  }
}

body .externalLinks{ cursor: pointer;}