/* New reset */
.section:after, ul.nav:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* 设置全局文字被选中时的背景色和字体色 */
::-moz-selection {background:#f29c49;color:#fff;} 
::selection {background:#f29c49;color:#fff;}
/* http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
em {font-style:normal;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
ins, a, a:hover, s {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
/* Clearing floats */
.clearfix:after {content:"\0020";display:block;visibility:hidden;clear:both;height:0;overflow:hidden;}
@font-face {
	font-family:'Gotham-Book';
	src:url('/fonts/Gotham-Book.eot');
	src:url('/fonts/Gotham-Book.eot') format('embedded-opentype'),
      url('/fonts/Gotham-Book.woff') format('woff'),
      url('/fonts/Gotham-Book.ttf') format('truetype'),
      url('/fonts/Gotham-Book.svg#Gotham-Book') format('svg')
}
/* 默认中文 */
body {
  font-family:"Microsoft YaHei", "微软雅黑", /* PC Win7 */
              STXihei, "华文细黑", /* Mac OS X, and PC with Office installed */
              STHeiti, "华文黑体", /* Mac OS X */
              SimHei, "黑体", /* PC */
              Helvetica,Verdana,Arial;} /* 多单词和中文，用双引号 */



/* ======= Animations shared by any elements: ======= */
/* Animation for entering from top: */
@-webkit-keyframes enterFromTop {
  from {opacity:0;-webkit-transform:translate(0,-30px);visibility:hidden;}
  to {opacity:1;-webkit-transform:translate(0,0);visibility:visible;}
}
@-moz-keyframes enterFromTop {
  from {opacity:0;-moz-transform:translate(0,-30px);visibility:hidden;}
  to {opacity:1;-moz-transform:translate(0,0);visibility:visible;}
}
@-ms-keyframes enterFromTop {
  from {opacity:0;-ms-transform:translate(0,-30px);visibility:hidden;}
  to {opacity:1;-ms-transform:translate(0,0);visibility:visible;}
} /* -ms- For IE9 */
@-o-keyframes enterFromTop {
  from {opacity:0;-o-transform:translate(0,-30px);visibility:hidden;}
  to {opacity:1;-o-transform:translate(0,0);visibility:visible;}
}
@keyframes enterFromTop {
  from {opacity:0;transform:translate(0,-30px);visibility:hidden;}
  to {opacity:1;transform:translate(0,0);visibility:visible;}
}

/* Animation for entering from bottom: */
@-webkit-keyframes enterFromBottom {
  from {opacity:0;-webkit-transform:translate(0,30px);visibility:hidden;}
  to {opacity:1;-webkit-transform:translate(0,0);visibility:visible;}
}
@-moz-keyframes enterFromBottom {
  from {opacity:0;-moz-transform:translate(0,30px);visibility:hidden;}
  to {opacity:1;-moz-transform:translate(0,0);visibility:visible;}
}
@-ms-keyframes enterFromBottom {
  from {opacity:0;-ms-transform:translate(0,30px);visibility:hidden;}
  to {opacity:1;-ms-transform:translate(0,0);visibility:visible;}
}
@-o-keyframes enterFromBottom {
  from {opacity:0;-o-transform:translate(0,30px);visibility:hidden;}
  to {opacity:1;-o-transform:translate(0,0);visibility:visible;}
}
@keyframes enterFromBottom {
  from {opacity:0;transform:translate(0,30px);visibility:hidden;}
  to {opacity:1;transform:translate(0,0);visibility:visible;}
}

/* Animation for entering from left: */
@-webkit-keyframes enterFromLeft {
  from {opacity:0;-webkit-transform:translate(-30px,0);visibility:hidden;}
  to {opacity:1;-webkit-transform:translate(0,0);visibility:visible;}
}
@-moz-keyframes enterFromLeft {
  from {opacity:0;-moz-transform:translate(-30px,0);visibility:hidden;}
  to {opacity:1;-moz-transform:translate(0,0);visibility:visible;}
}
@-ms-keyframes enterFromLeft {
  from {opacity:0;-ms-transform:translate(-30px,0);visibility:hidden;}
  to {opacity:1;-ms-transform:translate(0,0);visibility:visible;}
}
@-o-keyframes enterFromLeft {
  from {opacity:0;-o-transform:translate(-30px,0);visibility:hidden;}
  to {opacity:1;-o-transform:translate(0,0);visibility:visible;}
}
@keyframes enterFromLeft {
  from {opacity:0;transform:translate(-30px,0);visibility:hidden;}
  to {opacity:1;transform:translate(0,0);visibility:visible;}
}

/* Animation for entering from right: */
@-webkit-keyframes enterFromRight {
  from {opacity:0;-webkit-transform:translate(30px,0);visibility:hidden;}
  to {opacity:1;-webkit-transform:translate(0,0);visibility:visible;}
}
@-moz-keyframes enterFromRight {
  from {opacity:0;-moz-transform:translate(30px,0);visibility:hidden;}
  to {opacity:1;-moz-transform:translate(0,0);visibility:visible;}
}
@-ms-keyframes enterFromRight {
  from {opacity:0;-ms-transform:translate(30px,0);visibility:hidden;}
  to {opacity:1;-ms-transform:translate(0,0);visibility:visible;}
}
@-o-keyframes enterFromRight {
  from {opacity:0;-o-transform:translate(30px,0);visibility:hidden;}
  to {opacity:1;-o-transform:translate(0,0);visibility:visible;}
}
@keyframes enterFromRight {
  from {opacity:0;transform:translate(30px,0);visibility:hidden;}
  to {opacity:1;transform:translate(0,0);visibility:visible;}
}
/*
  For yinxiang2.0, fanyibang youth.
  Latest modified: 2019-10-22 14:28
*/

html, body, section, .wrapper {
  width:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.wrapper.rel,
.container.rel {
  position:relative;
}
.container {
  margin:0 auto;
  width:1200px;
}
.container.w960 {
  width:960px;
}
.container.full-height {
  height:100%;
}
.bg-for-mob {
  display:none;
}

.nav-bar,
.navs li,
.navs li a,
.buy-btn,
.fyb-buynow,
.sd-wave,
.bl-chain-link,
.footer-link,
.pop-btn,
.close-icon,
.item-txt h2 a,
.news-crumb a,
.art-relative a,
.has-trans {
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -ms-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease;
}

/* Using Gotham fonts for numbers specifically: */
.sec-intro strong,
.three-big-icon p strong,
.price,
.exp-para em,
.two-year-qqmusic strong,
.boxpm-right strong {
  font-weight:normal;
  font-family:'Gotham-Book', 'HelveticaRegular', Helvetica, Verdana, Arial, 'Microsoft YaHei';
}

/* Fix input cursor bug on iOS 11: */
body.iosBugFix {position:fixed;width:100%;}

/* ----- nav bar ----- */
.nav-bar {
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  padding:12px 0 5px;
  width:100%;
  background:#fff;
}
.nav-bar .shown-infix,
.nav-bar.fixed .none-infix {
  display:none;
}
.nav-bar.fixed .shown-infix {
  display:block;
}
.shown-infix.hide {
  display:none!important;
}
.nav-bar.fixed .nav-for-purchase {
  position:relative;
  padding:0 0 0 30px;
}
.nav-bar.fixed {
  position:fixed;
  background:rgba(255,255,255,.9);
  box-shadow:10px 10px 50px rgba(0,0,0,.15);
}
.nav-bar.fixed .buy-btn {
  float:right;
  margin:0px;
  width:120px;
  height:40px;
  border:1px solid #f0641e;
  line-height:40px;
  font-size:16px;
  color:#fff;
  border-radius:4px;
}
.nav-bar.fixed .buy-btn:hover {
  color:#f0641e;
}
.yang-chao-yue .nav-bar.fixed .buy-btn {
  border:1px solid #ff3938;
  background:#ff3938;
}
.yang-chao-yue .nav-bar.fixed .buy-btn:hover {
  color:#f3f5f7;
}

.top-burger {
  display:none;
}
.cmlogo {
  display:block;
  float:left;
  width:89px;
  height:47px;
  text-indent:-9999px;
  background-repeat:no-repeat;
  background-image:url(/images/cmlogo-x1.png);
  background-image:-webkit-image-set(
    url(/images/cmlogo-x1.png) 1x,
    url(/images/cmlogo-x2.png) 2x
  );
}
.navs {
  float:right;
}
.navs li {
  float:left;
  padding:13px 0 0 30px;
}
.navs li a {
  display:block;
  color:#2f3031;
  font-size:16px;
  font-weight:normal;
}
.navs li a:hover, .navs li a.active {
  color:#f0641e;
}

/* ----- Billboard ----- */
.home-billboard {
  width:100%;
  height:850px;
  background:#f4f4f2;
  overflow:hidden;
}
.slogan-box {
  position:relative;
  float:left;
  padding:270px 0 0;
  width:420px;
}
.main-title {
  margin:0 auto 30px;
  width:420px;
  height:78px;
  text-indent:-9999px;
  background-repeat:no-repeat;
  background-image:url(/images/xb-title-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-title-x1.png) 1x,
    url(/images/xb-title-x2.png) 2x
  );
}
.subtitle {
  font-size:36px;
  color:#2f3031;
  text-align:center;
  letter-spacing:2px;
  font-weight:normal;
}
.price {
  margin:60px auto 0;
  text-align:center;
  color:#f0641e;
  font-size:60px;
  font-weight:normal;
}
.price s {
  font-size:30px;
}
.buy-btn, .fyb-buynow {
  display:block;
  margin:10px auto 0;
  width:226px;
  height:70px;
  border:2px solid #f0641e;
  background:#f0641e;
  color:#fff;
  text-align:center;
  line-height:70px;
  font-size:24px;
  cursor:pointer;
}
.buy-btn:hover {
  background:#fff;
  color:#f0641e;
}
.buy-tip {
  margin:10px 0 0 0;
  font-size:14px;
  color:#f0641e;
  text-align:center;
}
.nav-has-dlapp {
  position:relative;
}

.qr-code {
  position:absolute;
  padding:5px 0 0;
  width:235px;
  height:270px;
  background:#fff;
  border-radius:4px;
}
.qr-code img {
  display:block;
  margin:0 auto;
  width:225px;
}

/* QrCode on billboard: */
.qrcode-for-bbd {
  right:-230px;
  bottom:0px;
  opacity:0;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
}
.qrcode-for-bbd.active {
  box-shadow:10px 10px 50px rgba(0,0,0,.15);
  right:-240px;
  opacity:1;
}


/* QrCode on Nav for Purchase & Downloading App: */
.qrcode-for-buy,
.qrcode-for-app {
  right:1px;
  top:66px;
  width:0px;
  height:0px;
  opacity:0;
  transform:translateX(50%);  
  transition-property:opacity, transform, width, height;
  transition-delay:0s, 0s, 0s;
  transition-duration:.3s;
  overflow:hidden;
}
.qr-code.qrcode-for-buy img,
.qr-code.qrcode-for-app img {
  width:96%;
}
.qrcode-for-buy.active,
.qrcode-for-app.active {
  opacity:1;
  width:235px;
  height:270px;
  transform:translateX(0);
  box-shadow:10px 10px 50px rgba(0,0,0,.15);
}

.scan-to-pur {
  margin:7px auto 0;
  font-size:16px;
  line-height:18px;
  color:#585858;
  text-align:center;
}
.voice-box {
  position:absolute;
  right:-400px;
  bottom:0px;
  width:1000px;
  height:700px;
}
.aibox-for-mobile,
.aiwave-for-mobile {
  display:none;
}
.ai-box {
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-image:url(/images/xb-ai-voice-box-light.png);
}
.ai-wave {
  position:absolute;
  left:0px;
  bottom:0px;
  width:683px;
  height:700px;
  background:url(/images/xb-ai-wave.png) no-repeat;
}


/* ----- First half banner, orange ----- */
.first-half-banner {
  padding:30px 0 60px;
  background:#f0641e;
  color:#fff;
}
.half-item {
  float:left;
  margin:50px 0 0;
  padding:75px 0 0;
  width:25%;
  text-align:center;
  font-size:20px;
  background-repeat:no-repeat;
  background-position:50% 0;
}
.half-item.snd {
  background-image:url(/images/xb-icon-snd-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-icon-snd-x1.png) 1x,
    url(/images/xb-icon-snd-x2.png) 2x
  );
}
.half-item.sng {
  background-image:url(/images/xb-icon-sng-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-icon-sng-x1.png) 1x,
    url(/images/xb-icon-sng-x2.png) 2x
  );
}
.half-item.cnt {
  background-image:url(/images/xb-icon-cnt-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-icon-cnt-x1.png) 1x,
    url(/images/xb-icon-cnt-x2.png) 2x
  );
}
.half-item.ast {
  background-image:url(/images/xb-icon-ast-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-icon-ast-x1.png) 1x,
    url(/images/xb-icon-ast-x2.png) 2x
  );
}
.half-item.int {
  background-image:url(/images/xb-icon-int-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-icon-int-x1.png) 1x,
    url(/images/xb-icon-int-x2.png) 2x
  );
}
.half-item.hrd {
  background-image:url(/images/xb-icon-hrd-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-icon-hrd-x1.png) 1x,
    url(/images/xb-icon-hrd-x2.png) 2x
  );
}
.half-item.aip {
  background-image:url(/images/xb-icon-aip-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-icon-aip-x1.png) 1x,
    url(/images/xb-icon-aip-x2.png) 2x
  );
}
.half-item.con {
  background-image:url(/images/xb-icon-con-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-icon-con-x1.png) 1x,
    url(/images/xb-icon-con-x2.png) 2x
  );
}


/* ----- Second board, with the Explosion ----- */
.second-board {
  padding:150px 0;
  width:100%;
  background:#fff;
}
.sec-title {
  font-size:52px;
  line-height:1.2em;
  color:#2f3031;
  text-align:center;
  font-weight:normal;
}
.sec-title br {
  display:none;
}
.sec-intro {
  margin:30px auto 0;
  font-size:18px;
  line-height:1.5em;
  text-align:center;
  color:#727272;
}
.sec-intro .emphasize {
  font-size:22px;
  color:#2f3031;
  font-weight:bold;
}

.ai-explosion {
  position:relative;
  margin:80px auto 0;
  width:540px;
  height:650px;
}
.exp-abs {
  display:block;
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}
.exp-abs.exp-sound {
  opacity:.2;
}
.exp-abs.exp-zoomleft {
  display:none;
  left:-20px;
  top:-40px;
  width:156px;
  height:156px;
}
.exp-abs.exp-zoomright {
  display:none;
  left:auto;
  right:-40px;
  top:100px;
  width:273px;
  height:273px;
}

.exp-para {
  position:absolute;
  text-align:right;
}
.exp-para b,
.exp-para span {
  display:block;
  margin:3px 0;
  font-weight:normal;
}
.exp-para b {
  margin:0 0 5px;
  color:#f0641e;
  font-size:24px;
}
.exp-para b em {
  font-size:32px;
}
.exp-para span {
  color:#a7a7a7;
  font-size:18px;
  line-height:1.3em;
}
.exp-para s {
  position:absolute;
  height:1px;
  background:#969696;
  text-indent:-9999px;
}
.exp-para s.ball {
  width:10px!important;
  height:10px;
  border-radius:50%;
  background:#f0641e;
}

/* High Speaker */
.exp-para.high-speaker {
  top:280px;
  right:-250px;
  text-align:left;
}
.exp-para.high-speaker s {
  top:35px;
  left:-125px;
  width:120px;
}
.exp-para.high-speaker s.ball {
  top:30px;
}

/* Low Speaker */
.exp-para.low-speaker {
  top:360px;
  left:-238px;
}
.exp-para.low-speaker s {
  top:35px;
  right:-230px;
  width:225px;
}
.exp-para.low-speaker s.ball {
  top:30px;
}

/* Metal Net */
.exp-para.metal-net {
  top:207px;
  left:-207px;
}
.exp-para.metal-net s {
  top:30px;
  right:-90px;
  width:90px;
}
.exp-para.metal-net s.ball {
  top:25px;
}


/* ----- Third board, Blind Hearing ----- */
.blind-hearing {
  padding:180px 0 120px;
  width:100%;
  height:500px;
  background:url(/images/blindtest-bg2.jpg) 50% 50% no-repeat #020005;
  background-size:cover;
}
.blind-hearing .sec-title {
  font-size:52px;
  color:#f0641e;
}
.blind-hearing .sec-intro {
  margin:0 0 0 4px;
  font-size:30px;
  color:#fafafa;
}
.sound-waving {
  margin:0 auto 15px;
  position:relative;
  width:32px;
  height:35px;
}
.sd-wave {
  position:absolute;
  bottom:0px;
  width:2px;
  background:#fafafa;
  text-indent:-9999px;
}
.sd-wave:nth-child(1) {
  left:0px;
  height:11px;
}
.sd-wave:nth-child(2) {
  left:8px;
  height:27px;
}
.sd-wave:nth-child(3) {
  left:16px;
  height:19px;
}
.sd-wave:nth-child(4) {
  left:24px;
  height:16px;
}
.sd-wave:nth-child(5) {
  left:32px;
  height:4px;
}
.sd-wave:last-child {
}
.play-video-btn {
  position:relative;
  margin:50px auto 0;
  width:84px;
  height:84px;
  cursor:pointer;
}
.play-video-btn span,
.play-video-btn a {
  position:absolute;
  left:50%;
  display:block;
  text-indent:-9999px;
  border-radius:50%;
}
.play-video-btn span.outer-circle {
  top:0px;
  margin:0 0 0 -42px;
  width:84px;
  height:84px;
  border:1px solid rgba(255,255,255,.2);
  -webkit-transition:all .5s ease-out .1s;
  transition:all .5s ease-out .1s;
}
.play-video-btn span.middle-circle {
  top:5px;
  margin:0 0 0 -37px;
  width:74px;
  height:74px;
  border:1px solid rgba(255,255,255,.48);
  -webkit-transition:all .5s ease-out .2s;
  transition:all .5s ease-out .2s;
}
.play-video-btn a.inner-circle {
  top:10px;
  margin:0 0 0 -32px;
  width:64px;
  height:64px;
  border:1px solid #fff;
  -webkit-transition:all .5s ease-out .3s;
  transition:all .5s ease-out .3s;
}
.play-video-btn span.circle-core {
  top:32px;
  margin:0 0 0 -7px;
  width:20px;
  height:23px;
  border-radius:0;
  background-repeat:no-repeat;
  background-image:url(/images/xb-playbtn-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-playbtn-x1.png) 1x,
    url(/images/xb-playbtn-x2.png) 2x
  );
}
.play-video-btn.active span.outer-circle {
  -webkit-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
}
.play-video-btn.active span.middle-circle {
  -webkit-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
}
.play-video-btn.active a.inner-circle {
  -webkit-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
}


/* ----- Celebrities comments ----- */
.celebrity-comments {
  padding:120px 0 80px;
  background:#fff;
}
.cele-comm {
  margin:50px 0 0;
}
.one-cele {
  float:left;
  margin:30px 0;
  padding:0 0 0 50px;
  width:548px;
}
.cele-avatar {
  display:block;
  margin:0 20px 0 0;
  width:100px;
  float:left;
}
.cele-intros {
  float:left;
  margin:38px 0 0;
}
.cele-intros h4 {
  margin:0 0 10px;
  font-size:24px;
  color:#424242;
  font-weight:normal;
}
.cele-intros h4 span {
  padding:0 0 0 8px;
  font-size:14px;
}
.cele-intros p {
  font-size:14px;
  color:#999;
}
.cele-texts {
  margin:24px 0 0;
  width:86%;
  font-size:16px;
  line-height:1.5em;
  color:#424242;
}
.cele-texts a {
  color:#f0641e;
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
}
.cele-texts a:hover {
  text-decoration:underline;
}


/* ----- Two years qqmusic ----- */
.two-year-qqmusic {
  padding:200px 0 0;
  width:100%;
  height:650px;
  background:url(/images/xb-qqmusic-bg.jpg) 50% 50% no-repeat;
  background-size:cover;
}
.two-year-qqmusic s {
  display:block;
  margin:0 auto 50px;
  width:100px;
  height:100px;
  background-repeat:no-repeat;
  background-image:url(/images/xb-qqm-logo-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-qqm-logo-x1.png) 1x,
    url(/images/xb-qqm-logo-x2.png) 2x
  );
  text-indent:-9999px;
}
.two-year-qqmusic .sec-title {
  font-size:60px;
  color:#fff;
}
.two-year-qqmusic .sec-intro {
  margin:10px auto 0;
  color:#fff;
  font-size:28px;
}


/* ----- Rolling Texts ----- */
.rolling-texts {
  padding:180px 0 150px;
  width:100%;
  background:#fff;
}
.rolling-container {
  position:relative;
  margin:50px auto 0;
  width:600px;
  height:100px;
  overflow:hidden;
}
.inner-rolls {
  position:absolute;
  width:100%;
  top:0px;
}
.inner-rolls.trans,
.rolling-item.trans {
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -ms-transition:all .6s ease;
  -o-transition:all .6s ease;
  transition:all .6s ease;
}
.rolling-item {
  text-align:center;
  font-size:18px;
  line-height:30px;
  color:#ccc;
}
.rolling-item.active {
  font-size:28px;
  line-height:40px;
  color:#2f3031;
}


/* ----- 2 Numbers icons ----- */
.numbers-icons {
  position:relative;
  padding:80px 0;
  width:100%;
  background:#f0641e;
}
.three-big-icon {
  float:left;
  width:33.3%;
}
.three-big-icon s {
  display:block;
  margin:0 auto 30px;
  width:50px;
  height:50px;
  text-indent:-9999px;
}
.three-big-icon.f-music s {
  background-repeat:no-repeat;
  background-image:url(/images/xb-resicon-music-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-resicon-music-x1.png) 1x,
    url(/images/xb-resicon-music-x2.png) 2x
  );
}
.three-big-icon.f-radio s {
  background-repeat:no-repeat;
  background-image:url(/images/xb-resicon-radio-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-resicon-radio-x1.png) 1x,
    url(/images/xb-resicon-radio-x2.png) 2x
  );
}
.three-big-icon.f-news s {
  background-repeat:no-repeat;
  background-image:url(/images/xb-resicon-news-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-resicon-news-x1.png) 1x,
    url(/images/xb-resicon-news-x2.png) 2x
  );
}
.three-big-icon.f-child s {
  background-repeat:no-repeat;
  background-image:url(/images/xb-resicon-child-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-resicon-child-x1.png) 1x,
    url(/images/xb-resicon-child-x2.png) 2x
  );
}
.three-big-icon p {
  text-align:center;
  font-size:54px;
  color:#fff;
}
.three-big-icon p b {
  font-size:40px;
  font-weight:normal;
}
.three-big-icon span {
  display:block;
  margin:13px auto 0;
  font-size:24px;
  text-align:center;
  color:#fff;
}


/* ----- Sliders Featured ----- */
.sliders-featured {
  padding:120px 0 0;
  background:#fff;
}
.sliders-featured .sec-title {
  margin:0 0 50px;
}
.slider-container {
	position:relative;
  margin:0 auto;
	width:100%;
  max-width:2125px;
	height:570px;
	overflow:hidden;
}
.sld-item img {
  height:570px;
}
.sld-item {
	position:relative;
	float:left;
	height:100%;
	-webkit-transition:width 0.4s;
	transition:width 0.4s;
}
.sld-item:nth-child(1) {
	width:40%;
}
.zh-tw .sld-item:nth-child(1) {
	width:55%;
}
.sld-item:nth-child(2) {
	width:15%;
}
.sld-item:nth-child(3) {
	width:15%;
}
.sld-item:nth-child(4) {
	width:15%;
}
.sld-item:nth-child(5) {
	width:15%;
}
.zh-tw .slider-container.active>div,
.slider-container.active>div {
  width:15%; /* The other four are smaller. */
  cursor:pointer;
}
.slider-container>div.active {
  width:40%; /* One big when hovering it. */
}
.zh-tw .slider-container>div.active {
  width:55%; /* One big when hovering it. */
}
.zh-tw .slider-container>div.active img {
  width:100%;
}
.sld-imask {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.65);
	-webkit-transition:background 0s;
	transition:background 0s;
}
.slider-container>div.active .sld-imask {
  background:rgba(0,0,0,.35);
}
.sld-title {
  position:absolute;
  left:20px;
  top:220px;
  font-size:38px;
  line-height:1.2em;
  color:#fff;
  font-weight:normal;
}
.zh-tw .sld-title {
  top:58%;
}
.sld-icon {
  display:none;
  position:absolute;
  top:50%;
  left:50%;
  margin:-30px 0 0 -32px;
  width:60px;
  height:60px;
  border:2px solid #fff;
  border-radius:50%;
  cursor:pointer;
}
.sld-icon s {
  position:absolute;
  top:50%;
  left:50%;
  margin:-11px 0 0 -8px;
  width:20px;
  height:23px;
  background-repeat:no-repeat;
  background-image:url(/images/xb-playbtn-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-playbtn-x1.png) 1x,
    url(/images/xb-playbtn-x2.png) 2x
  );
  text-indent:-9999px;
}
.sld-text {
  position:absolute;
  left:0px;
  bottom:-95px;
  width:100%;
  height:94px;
  background:#f0641e;
  opacity:.78;
}
.sld-text.has-tips s {
  position:absolute;
  right:0px;
  bottom:3px;
  padding:0 5px 0 20px;
  font-size:12px;
  line-height:1.2em;
  color:#e5e5e5;
}
.sld-text h2 {
  float:left;
  margin:30px 20px 0 20px;
  padding:5px 20px 5px 0;
  font-size:24px;
  color:#fff;
  font-weight:normal;
  border-right:1px solid rgba(255,255,255,.5);
}
.sld-text span {
  display:block;
  float:left;
  margin:30px 0 0;
  font-size:14px;
  line-height:20px;
  color:#fff;
}

.slider-container>div.active .sld-text {
  bottom:0px;
}
.slider-container>div.active .sld-icon {
  display:block;
}
.slider-container>div.active .sld-title {
  display:none;
}
.zh-tw .slider-container>div.active .sld-title {
  display:block;
  left:43%;
}


/* ----- Scenes section ----- */
.scene-section {
  margin:0 auto;
  width:100%;
  max-width:1920px;
  background:#fff;
  overflow:hidden;
}
.scene-left {
  float:left;
  width:50%;
}
.scene-right {
  float:right;
  width:50%;
}
.scene-img img {
  display:block;
  width:100%;
}
.scene-right .scene-text {
  padding:80px 0 0 100px;
}
.scene-left .scene-text {
  padding:80px 100px 0 0;
}
.scene-left .sec-title {
  margin:0 25px 0 0;
  text-align:right;
}
.scene-left .sec-intro {
  margin:10px 25px 0 0;
  text-align:right;
}
.scene-right .sec-title,
.scene-right .sec-intro {
  text-align:left;
}
.scene-text .sec-title span {
  display:block;
}
.scene-text .sec-title b {
  display:none;
}
.scene-text .sec-title {
  font-size:48px;
}
.scene-text .sec-intro {
  font-size:24px;
  color:#999;
}
.scene-right .sec-title {
  margin:0 0 0 25px;
}
.scene-right .sec-intro {
  margin:10px 0 0 25px;
}

.scene-icons {
  margin:60px 0 0;
}
.pt-icon {
  position:relative;
  float:left;
  margin:0 0 30px;
  width:120px;
  text-align:center;
  font-size:16px;
  color:#727272;
}
.scene-left .pt-icon {
  float:right;
}
.pt-icon b.exclusive {
  position:absolute;
  right:13px;
  top:-13px;
  width:27px;
  height:27px;
  text-indent:-9999px;
  background-repeat:no-repeat;
  background-image:url(/images/xb-exclusive-icon-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-exclusive-icon-x1.png) 1x,
    url(/images/xb-exclusive-icon-x2.png) 2x
  );
}

.pt-icon s {
  display:block;
  margin:0 auto 13px;
  width:70px;
  height:70px;
  overflow:hidden;
  background-repeat:no-repeat;
  background-image:url(/images/xb-partnericons-sprites-x1.png?v=0503);
  background-image:-webkit-image-set(
    url(/images/xb-partnericons-sprites-x1.png?v=0503) 1x,
    url(/images/xb-partnericons-sprites-x2.png?v=0503) 2x
  );
}
.pt-icon.res-tuxiaobei s {
  background-image:url(/images/xb-partnericons-tuxiaobei.png);
  background-size:70px;
}
.pt-icon.res-fandeng s {
  background-position:-70px 0;
}
.pt-icon.res-zhihu s {
  background-position:-140px 0;
}
.pt-icon.res-dbtime s {
  background-position:-210px 0;
}
.pt-icon.res-xmlaya s {
  background-position:-280px 0;
}
.pt-icon.res-qingting s {
  background-position:-350px 0;
}
.pt-icon.res-sanlian s {
  background-position:-350px -210px;
}
.pt-icon.res-china-daily s {
  background-position:-420px -210px;
}
.pt-icon.res-dangdang s {
  background-position:-420px 0;
}
.pt-icon.res-lanren s {
  background-position:-490px 0;
}
.pt-icon.res-hetao s {
  background-position:-560px 0;
}
.pt-icon.res-kuwo s {
  background-position:0 -70px;
}
.pt-icon.res-qqnews s {
  background-position:-70px -70px;
}
.pt-icon.res-xinhua s {
  background-position:-140px -70px;
}
.pt-icon.res-fenghuang s {
  background-position:-210px -70px;
}
.pt-icon.res-toutiao s {
  background-position:-280px -70px;
}
.pt-icon.res-leting s {
  background-position:-350px -70px;
}
.pt-icon.res-zaker s {
  background-position:-420px -70px;
}
.pt-icon.res-kaishu s {
  background-position:-490px -70px;
}
.pt-icon.res-bbtingt s {
  background-position:-560px -70px;
}
.pt-icon.res-beiwa s {
  background-position:0px -140px;
}
.pt-icon.res-huohuotu s {
  background-position:-70px -140px;
}
.pt-icon.res-niangao s {
  background-position:-140px -140px;
}
.pt-icon.res-boya s {
  background-position:-210px -140px;
}
.pt-icon.res-qinhan s {
  background-position:-280px -140px;
}
.pt-icon.res-vipkid s {
  background-position:-350px -140px;
}
.pt-icon.res-eqke s {
  background-position:-420px -140px;
}
.pt-icon.res-bianchengmao s {
  background-position:-490px -140px;
}
.pt-icon.res-jiayouxueba s {
  background-position:-560px -140px;
}
.pt-icon.res-xiaoqie s {
  background-position:0px -210px;
}
.pt-icon.res-bbbashi s {
  background-position:-70px -210px;
}
.pt-icon.res-kada s {
  background-position:-140px -210px;
}
.pt-icon.res-wkshizi s {
  background-position:-210px -210px;
}
.pt-icon.res-wkpinyin s {
  background-position:-280px -210px;
}


/* ----- Life assistance ----- */
.life-assistant {
  padding:180px 0 120px;
  background:#f7f7f7;
}
.life-assistant .sec-title {
  margin:0 0 50px;
}
.life-assistant .sec-title br {
  display:none;
}
.sec-subtitle {
  font-size:28px;
  font-weight:normal;
  color:#2f3031;
  text-align:center;
}
.sec-subtitle span {
  display:block;
}
.sec-subtitle span.sml {
  margin:0 auto 10px; 
  font-size:20px;
}
.assist-icons-box {
  margin:50px auto 0;
  padding:50px 28px;
  /* box-shadow:10px 10px 50px rgba(0,0,0,.15); */
}
.ast-item {
  position:relative;
  float:left;
  margin:0 0 20px;
  width:190px;
  height:210px;
}
.ast-icon {
  position:absolute;
  left:50%;
  top:0px;
  margin:0 0 0 -55px;
  width:110px;
  height:110px;
  background-repeat:no-repeat;
  background-image:url(/images/xb-func-icons-sprites-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-func-icons-sprites-x1.png) 1x,
    url(/images/xb-func-icons-sprites-x2.png) 2x
  );
}
.zh-tw .ast-icon {
  background-image:url(/images/xb-func-icons-sprites-x1-tw.png);
  background-image:-webkit-image-set(
    url(/images/xb-func-icons-sprites-x1-tw.png) 1x,
    url(/images/xb-func-icons-sprites-x2-tw.png) 2x
  );
}
.ast-name {
  position:absolute;
  top:130px;
  left:0px;
  width:100%;
  text-align:center;
  font-size:18px;
  color:#2f3031;
}
.ast-para {
  display:none;
  position:absolute;
  top:155px;
  left:0px;
  width:100%;
  text-align:center;
  font-size:14px;
  line-height:1.4em;
  color:#969696;
}
.ast-item.alert .ast-icon {
  background-position:-110px 0px;
}
.ast-item.sleep .ast-icon {
  background-position:-220px 0px;
}
.ast-item.schedule .ast-icon {
  background-position:-330px 0px;
}
.ast-item.clock .ast-icon {
  background-position:-440px 0px;
}
.ast-item.calendar .ast-icon {
  background-position:-550px 0px;
}
.ast-item.emotionalchat .ast-icon {
  background-position:0 -110px;
}
.ast-item.peoplewiki .ast-icon {
  background-position:-110px -110px;
}
.ast-item.millionswhy .ast-icon {
  background-position:-220px -110px;
}
.ast-item.translate .ast-icon {
  background-position:-330px -110px;
}
.ast-item.carlimit .ast-icon {
  background-position:-440px -110px;
}
.ast-item.stock .ast-icon {
  background-position:-550px -110px;
}
.ast-item.calculate .ast-icon {
  background-position:0px -220px;
}
.ast-item.interest-rate .ast-icon {
  background-position:-110px -220px;
}
.ast-item.delivery .ast-icon {
  background-position:-220px -220px;
}
.ast-item.constellation .ast-icon {
  background-position:-330px -220px;
}
.ast-item.find-myphone .ast-icon {
  background-position:-440px -220px;
}
.ast-item.private-radio .ast-icon {
  background-position:-550px -220px;
}



/* ----- Wise Facilities ----- */
.wise-facility {
  padding:150px 0 0;
  width:100%;
  height:630px;
  background:url(/images/xb-wise-facility-bg.jpg) 50% 50% no-repeat;
  background-size:cover;
}
.wise-facility .sec-title {
  margin:0 auto 20px;
  font-size:52px;
  color:#fff;
}
.wise-facility .sec-intro {
  margin:0 auto 50px;
  color:#fff;
  font-size:24px;
}
.facility-icons {
  display:-webkit-flex;
  display:flex;
  flex-flow:row nowrap;
  justify-content:center;
  align-items:flex-start;
}
.fcl-icon {
  margin:0 25px;
  text-align:center;
  color:#fff;
  font-size:18px;
}
.fcl-icon.hide {
  display:none;
}
.fcl-icon s {
  display:block;
  margin:0 auto 15px;;
  width:40px;
  height:40px;
  border:4px solid rgba(255,255,255,.5);
  border-radius:10px;
  text-indent:-9999px;
  background-repeat:no-repeat;
}

.fcl-icon.floor-mopping-robot s {
  background-image:url(/images/xb-fs-icon-floormoppingrobot-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-fs-icon-floormoppingrobot-x1.png) 1x,
    url(/images/xb-fs-icon-floormoppingrobot-x2.png) 2x
  );
}
.fcl-icon.washing-machine s {
  background-image:url(/images/xb-fs-icon-washingmachine-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-fs-icon-washingmachine-x1.png) 1x,
    url(/images/xb-fs-icon-washingmachine-x2.png) 2x
  );
}
.fcl-icon.fan s {
  background-image:url(/images/xb-fs-icon-fan-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-fs-icon-fan-x1.png) 1x,
    url(/images/xb-fs-icon-fan-x2.png) 2x
  );
}
.fcl-icon.refrig s {
  background-image:url(/images/xb-fs-icon-refrigerator-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-fs-icon-refrigerator-x1.png) 1x,
    url(/images/xb-fs-icon-refrigerator-x2.png) 2x
  );
}
.fcl-icon.lamp s {
  background-image:url(/images/xb-fs-icon-lamp-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-fs-icon-lamp-x1.png) 1x,
    url(/images/xb-fs-icon-lamp-x2.png) 2x
  );
}
.fcl-icon.air-cleaner s {
  background-image:url(/images/xb-fs-icon-aircleaner-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-fs-icon-aircleaner-x1.png) 1x,
    url(/images/xb-fs-icon-aircleaner-x2.png) 2x
  );
}
.fcl-icon.e-cooker s {
  background-image:url(/images/xb-fs-icon-ecooker-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-fs-icon-ecooker-x1.png) 1x,
    url(/images/xb-fs-icon-ecooker-x2.png) 2x
  );
}
.fcl-icon.humidifier s {
  background-image:url(/images/xb-fs-icon-humidifier-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-fs-icon-humidifier-x1.png) 1x,
    url(/images/xb-fs-icon-humidifier-x2.png) 2x
  );
}
.fcl-icon.air-conditioner s {
  background-image:url(/images/xb-fs-icon-airconditioner-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-fs-icon-airconditioner-x1.png) 1x,
    url(/images/xb-fs-icon-airconditioner-x2.png) 2x
  );
}


/* ----- Facility partners ----- */
.facility-partners {
  padding:50px 0;
  background:#f7f7f7;
  width:100%;
}
.fcl-ptn1, .fcl-ptn2 {
  display:block;
  float:left;
}


/* ----- Block Chain ----- */
.block-chain {
  padding:80px 0 120px;
  background:#fff;
}
.block-chain .sec-title {
  margin:0 0 30px;
}
.block-chain .sec-intro {
  margin:10px auto 0;
  width:600px;
}
.block-chain-content {
  margin:40px auto 0;
  width:100%;
  max-width:1000px;
}
.bl-chain-img {
  display:block;
  float:left;
  margin:50px 0 0 10px;
  width:450px;
}
.bl-qcode {
  float:right;
  padding:150px 0 0;
  width:450px;
  text-align:center;
  font-size:18px;
  line-height:1.4em;
  color:#2f3031;
}
.bl-qcode b {
  color:#f0641e;
  font-weight:normal;
}
.bl-qcode img {
  display:block;
  margin:0 auto;
  width:200px;
}
.bl-chain-link {
  display:block;
  margin:30px auto 0;
  padding:6px 0;
  width:150px;
  text-align:center;
  color:#f0641e;
  font-size:16px;
}
.bl-chain-link:hover {
  color:#2f3031;
}


/* ----- Box Parameters ----- */
.box-parameters {
  padding:120px 0;
  background:#f7f7f7;
  color:#2f3031;
}
.boxpm-left {
  float:left;
  padding:50px 0 0;
  width:500px;
}
.boxpm-left img {
  display:block;
  margin:0 auto;
  width:100%;
}
.boxpm-right {
  float:right;
  width:500px;
}
.pm-box {
  margin:0 0 50px;
  padding:0 0 50px;
  width:350px;
  border-bottom:1px solid #e5e5e5;
}
.pm-box:last-child {
  margin:0;
  padding:0;
  border-bottom:none;
}
.boxpm-right h3 {
  margin:0 0 30px;
  font-size:30px;
}
.boxpm-details {
  padding:0 0 0 2px;
  font-size:18px;
}
.boxpm-details li {
  margin:0 0 20px;
}
.boxpm-details li:last-child {
  margin:0;
}

/* ----- Service infos ----- */
.service-infos {
  padding:60px 0;
  background:#f0641e;
  color:#fff;
}
.sv-left {
  float:left;
  width:689px;
  border-right:1px solid #fff;
}
.sv-left span {
  display:block;
  float:left;
  padding:82px 0 0;
  width:23%;
  text-align:center;
  font-size:16px;
  background-repeat:no-repeat;
  background-position:50% 0;
}
.sv-left span.seven-days {
  background-image:url(/images/xb-sv-icon-7days-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-sv-icon-7days-x1.png) 1x,
    url(/images/xb-sv-icon-7days-x2.png) 2x
  );
}
.sv-left span.fifteen-days {
  background-image:url(/images/xb-sv-icon-15days-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-sv-icon-15days-x1.png) 1x,
    url(/images/xb-sv-icon-15days-x2.png) 2x
  );
}
.sv-left span.oneyear-serv {
  background-image:url(/images/xb-sv-icon-fixing-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-sv-icon-fixing-x1.png) 1x,
    url(/images/xb-sv-icon-fixing-x2.png) 2x
  );
}
.sv-left span.timely-upd {
  background-image:url(/images/xb-sv-icon-update-x1.png);
  background-image:-webkit-image-set(
    url(/images/xb-sv-icon-update-x1.png) 1x,
    url(/images/xb-sv-icon-update-x2.png) 2x
  );
}
.sv-right {
  float:right;
  width:410px;
}
.sv-right h3 {
  margin:0 0 15px;
  font-size:28px;
}
.sv-right p {
  margin:5px 0;
  font-size:16px;
}

/* ----- About Cheetah & Orion ----- */
.about-cheetahmobile, .about-orion {
  padding:100px 0;
}
.about-cheetahmobile {
  background:#fff;
}
.about-orion {
  background:#f4f4f4;
}
.cm-logo, .orion-logo {
  margin:0 auto;
  text-indent:-9999px;
  background-repeat:no-repeat;
}
.cm-logo {
  width:200px;
  height:105px;
  background-image:url(/images/cm-logo-x1.png);
  background-image:-webkit-image-set(
    url(/images/cm-logo-x1.png) 1x,
    url(/images/cm-logo-x2.png) 2x
  );
}
.orion-logo {
  width:300px;
  height:110px;
  background-image:url(/images/orionstar-logo-300.png);
}
.cm-intros, .orion-intros, .sum-intro {
  margin:30px auto 0;
  width:500px;
  font-size:18px;
  line-height:1.5em;
  color:#2f3031;
  text-align:center;
}
.cm-products, .orion-products {
  margin:60px auto 0;
  display:-webkit-flex;
  display:flex;
  flex-flow:row nowrap;
  justify-content:center;
  align-items:flex-start;
}
.cm-products a {
  margin:0 10px;
  padding:90px 0 0;
  width:90px;
  height:76px;
  background-size:76px;
  background-repeat:no-repeat;
  background-position:50% 0;
  text-align:center;
  font-size:14px;
  color:#424242;
}
.cm-products a:first-child {
  margin:0 10px 0 0;
}
.cm-products a:last-child {
  margin:0 0 0 10px;
}
.cm-products a.cm-lm {
  background-image:url(/images/logos-lm.png);
}
.cm-products a.cm-duba {
  background-image:url(/images/logos-duba.png);
}
.cm-products a.cm-bd {
  background-image:url(/images/logos-bd.png);
}
.cm-products a.cm-qd {
  background-image:url(/images/logos-qd.png);
}
.cm-products a.cm-brs {
  background-image:url(/images/logos-brs.png);
}
.cm-products a.cm-sm {
  background-image:url(/images/logos-sm.png);
}
.cm-products a.cm-pt {
  background-image:url(/images/logos-pt.png);
}
.cm-products a.cm-cm {
  background-image:url(/images/logos-cm.png);
}
.orion-products img {
  display:block;
  margin:0 auto;
}
.orion-products img.in-mob {
  display:none;
}

.about-summary {
  padding:80px 0;
  background:#fff;
}
.sumcon {
  display:-webkit-flex;
  display:flex;
  flex-flow:row nowrap;
  justify-content:center;
  align-items:flex-start;
}
.sumcon .img1 {
  margin:0 30px 0 0;
}


/* ========== ========= ========== */
/* ========== FanYiBang ========== */
/* ========== ========= ========== */
@font-face {
	font-family:'ITCAVANTGARDEPRO';
	src:url('/fonts/ITCAVANTGARDEPRO-BK_0.OTF');
}
.fanyibang strong, .combi strong {
  font-weight:normal;
  font-family:'ITCAVANTGARDEPRO', 'Gotham-Book', 'HelveticaRegular', Helvetica, Verdana, Arial, 'Microsoft YaHei';
}

.fyb-billboard {
  background:-webkit-linear-gradient(#fff,#f9f9f9);/* Safari 5.1 - 6.0 */
  background:-moz-linear-gradient(#fff,#f9f9f9);/* Firefox 3.6 - 15 */
  background:-o-linear-gradient(#fff,#f9f9f9);/* Opera 11.1 - 12.0 */
  background:linear-gradient(#fff,#f9f9f9);/* Standard */
}
.yang-chao-yue .fyb-billboard {
  margin:0 auto;
  width:100%;
  height:740px;
  background:url(/images/new-fanyibang-billboard.png) 100% 100% no-repeat #f3f5f7;
  background-size:779px 699px;
  -webkit-transition:height .4s ease;
  transition:height .4s ease;
}
.yang-chao-yue .fyb-billboard .container {
  height:100%;
}
@media (min-width:1680px) {
  .yang-chao-yue .fyb-billboard {
    background-size:contain;
  }
}
.yang-in-mob {
  display:none;
}

.fyb-shown {
  display:block;
  margin:50px auto 0;
  width:100%;
  max-width:1480px;
  -webkit-animation:enterFromTop 2s ease both;
  animation:enterFromTop 2s ease both;
}
.fyb-main {
  margin:0 auto;
  padding:138px 0 0;
  text-align:center;
}


.yang-chao-yue .fyb-main {
  margin:0;
  padding:248px 0 0;
  float:left;
  width:320px;
  text-align:center;
}
.yang-chao-yue .fyb-main.ai-watch {
  width:500px;
}
.yang-chao-yue .fyb-main.ai-watch.aiw-2g {
  float:none;
  margin:0 auto;
}
.yang-chao-yue .fyb-main.plus {
  width:500px;
}
.fyb-plus-mob {
  display:none;
}

.fyb-title {
  margin:0 0 12px;
  font-size:54px;
  font-weight:normal;
}
.yang-chao-yue .fyb-title {
  position:relative;
  margin:0 auto 12px;
  width:100%;
  font-size:54px;
  color:#FF3938;
}
.yang-chao-yue .ai-watch .fyb-title {
  color:#333;
}
.yang-chao-yue .ai-watch.aiw-2g .fyb-title {
  text-align:center;
}
.yang-chao-yue .plus .fyb-title {
  color:#fff;
}

.yang-chao-yue .fyb-title b {
  position:absolute;
  right:3px;
  top:4px;
  padding:3px;
  font-size:14px;
  border:1px solid #FF3938;
  border-radius:5px;
  font-weight:normal;
  writing-mode:tb-rl;
  text-orientation:upright;
}
.yang-chao-yue .fyb-title b.w4g,
.yang-chao-yue .fyb-title b.w2g {
  text-indent:-9999px;
  top:2px;
  border:none;
  width:82.4px;
  height:52px;
  background-repeat:no-repeat;
  background-size:82.4px 52px;
}
.yang-chao-yue .fyb-title b.w4g {
  right:25px;
  background-image:url(/images/4g-text.png);
}
.yang-chao-yue .fyb-title b.w2g {
  right:-35px;
  background-image:url(/images/2g-text.png);
}

.fyb-subtitle {
  margin:0 0 30px;
  font-size:24px;
  color:#f0621d;
  font-weight:normal;
}
.yang-chao-yue .fyb-subtitle {
  margin:0 0 86px;
  font-size:18px;
  color:#333;
  font-weight:normal;
}
.yang-chao-yue .aiw-2g .fyb-subtitle {
  text-align:center;
}
.yang-chao-yue .plus .fyb-subtitle {
  color:#fff;
}

.fyb-price {
  font-size:16px;
  color:#f0621d;
}
.fyb-price strong {
  font-size:32px;
}

.yang-chao-yue .fyb-price {
  margin:0 0 0 20px;
  width:144px;
  font-size:16px;
  color:#FF3938;
  text-align:left;
}
.yang-chao-yue .ai-watch.aiw-4g .fyb-price {
  color:#16bbef;
}
.yang-chao-yue .ai-watch.aiw-2g .fyb-price {
  color:#f0641d;
}
.yang-chao-yue .plus .fyb-price {
  color:#3ac9f4;
}

.fyb-price s {
  padding:0 0 0 12px;
  color:#424242;
  text-decoration:line-through;
}
.fyb-buynow {
  margin:5px auto 0;
  width:216px;
  height:56px;
  line-height:56px;
  border-radius:3px;
  font-size:24px;
  background:rgba(240,100,30,1);
}
.fyb-buynow:hover {
  background:rgba(240,100,30,0);
  color:#f0621d;
}
.yang-chao-yue .fyb-buynow {
  margin:3px 0 0 20px;
  width:144px;
  height:42px;
  line-height:42px;
  border-radius:4px;
  font-size:18px;
  background:#FF3938;
  border:2px solid #FF3938;
}
.yang-chao-yue .fyb-buynow:hover {
  color:#FF3938!important;
  background:none;
}

/* ---------- */
.fyb-traits {
  padding:100px 0 0;
  width:100%;
  text-align:center;
}
.fyb-pre-tit {
  margin:0 0 50px;
  font-size:20px;
  color:#f0621d;
  font-weight:normal;
}
.yang-chao-yue .fyb-techs .fyb-pre-tit {
  color:#424242;
}
.fyb-big-tit {
  margin:0 0 20px;
  font-size:46px;
  color:#424242;
  font-weight:normal;
}
.zh-tw .fyb-big-tit {
  font-size:38px;
}
.yang-chao-yue .fyb-big-tit span {
  display:block;
  margin:0 0 5px;
}
.fyb-tit-desc {
  font-size:20px;
  color:#424242;
  font-weight:normal;
}
.fyb-tit-desc br {
  display:none;
}

/* ----- Trait 1 ----- */
.trait-of-1 {
  background:#fff;
}
.fyb-trait1-img,
.fyb-trait3-img,
.fyb-trait4-img,
.fyb-trait6-img {
  display:block;
  margin:100px auto 0;
  width:100%;
}
.fyb-trait1-img,
.fyb-trait3-img {
  max-width:960px;
}
.fyb-trait4-img {
  max-width:620px;
}
.yang-chao-yue .fyb-trait4-img {
  margin:80px auto 20px;
  max-width:650px;
}
.fyb-trait6-img {
  max-width:780px;
}

.yang-chao-yue .fyb-trait3-img {
  position:relative;
  margin:50px auto 0;
  padding:0 0 10px;
  width:1000px;
}
.yang-chao-yue .fyb-trait3-img img {
  display:block;
  margin:0 auto;
  width:100%;
  max-width:1000px;
}
.yang-chao-yue .fyb-trait3-img span {
  position:absolute;
  right:70px;
  bottom:20px;
  font-size:12px;
  color:#666;
}



/* ----- Trait 2 & 5 ----- */
.trait-of-2 {
  background:-webkit-linear-gradient(#fffbf0,#fff3d7);
  background:-moz-linear-gradient(#fffbf0,#fff3d7);
  background:-o-linear-gradient(#fffbf0,#fff3d7);
  background:linear-gradient(#fffbf0,#fff3d7);
}
.trait-of-5 {
  padding:0;
  background:-webkit-linear-gradient(#fef5f6,#fde9f1);
  background:-moz-linear-gradient(#fef5f6,#fde9f1);
  background:-o-linear-gradient(#fef5f6,#fde9f1);
  background:linear-gradient(#fef5f6,#fde9f1);
}
.chrz .fyb-big-tit,
.chrz .fyb-pre-tit,
.chrz .fyb-tit-desc {
  text-align:left;
}
.chrz .fyb-big-tit s {
  display:none;
}
.trait-of-2 .fyb-big-tit,
.trait-of-2 .fyb-tit-desc {
  color:#e48c0f;
}
.trait-of-5 .fyb-big-tit,
.trait-of-5 .fyb-tit-desc {
  color:#424242;
}
.chrz .fyb-tit-desc br {
  display:block;
}
.chrz .fyb-big-tit {
  margin:0 0 40px;
  line-height:54px;
}
.chrz .fyb-tit-desc {
  line-height:28px;
}
.fyb-tw-txt {
  float:left;
  padding:200px 0 0 90px;
  width:398px;
}
.yang-chao-yue .fyb-tw-txt {
  padding:300px 0 0 90px;
}
.fyb-tw-img {
  display:block;
  float:right;
  max-width:598px;
}
.fyb-tw-img.in-mob {
  display:none;
}

/* ----- Trait 3 ----- */
.trait-of-3 {
  padding:100px 0 50px;
  background:#f1f1f1;
}

/* ----- Trait 4 ----- */
.trait-of-4 {
  padding:100px 0 50px;
  background:#fff;
}
.fyb-trait4-tip {
  margin:0 auto;
  padding:30px 0 0;
  width:580px;
  font-size:12px;
  line-height:1.4em;
  color:#585858;
}
.fyb-trait4-tip:last-child {
  padding:10px 0 0;
}

/* ----- Trait 6 ----- */
.trait-of-6 {
  padding:100px 0 20px;
  background:#f7f7f9;
}

/* ----- Trait 7 ----- */
.trait-of-7 {
  background:#eee;
}
.fyb-sisters {
  position:relative;
  margin:100px auto 0;
}
.fyb-2sis-pc {
  display:block;
  width:1050px;
  margin:0 auto;
}
.fyb-2sis-mob {
  display:none;
}

/* ----- Trait 8, video ----- */
.trait-of-8 {
  padding:0px;
  position:relative;
  width:100%;
  height:700px;
  overflow:hidden;
}
.fyb-video, .fyb-vmask {
  position:absolute;
  top:50%;
  left:50%;
  min-width:100%;
  min-height:100%;
  width:auto;
  height:auto;
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.fyb-video {
  z-index:2;
}
.fyb-vmask {
  z-index:3;
  background:rgba(0,0,0,.65);
}
.fyb-vtext {
  position:relative;
  z-index:4;
  top:50%;
  left:0px;
  margin:-100px 0 0;
  height:200px;
  color:#fff;
  text-align:center;
}
.fyb-vtext h4 {
  font-size:24px;
  font-weight:normal;
}
.fyb-vtext h4 span {
  padding:0 10px;
}
.fyb-vplay {
  display:block;
  margin:0 auto 50px;
  width:90px;
  height:90px;
  text-indent:-9999px;
  cursor:pointer;
  background-repeat:no-repeat;
  background-image:url(/images/fyb-play-btn-x1.png);
  background-image:-webkit-image-set(
    url(/images/fyb-play-btn-x1.png) 1x,
    url(/images/fyb-play-btn-x2.png) 2x
  );
}
.fyb-vplay:hover {
  transform:scale(.9);
}
/* ---------- */
.fyb-traits.hrz {
  padding:0;
  background:#fff;
}
.fyb-traits.hrz .fyb-big-tit {
  line-height:54px;
}
.fyb-traits.hrz .left {
  float:left;
}
.fyb-traits.hrz .right {
  float:right;
}
.yang-chao-yue .fyb-big-tit b.red {
  color:#FF3938;
  font-weight:normal;
}
.fyb-img {
  display:block;
  width:50%;
  max-width:750px;
}
.fyb-text {
  padding:160px 0 0;
  width:50%;
}
.fyb-traits.hrz img {
  display:block;
  width:100%;
}
.fyb-text.left {
  text-align:right;
}
.fyb-text.right {
  text-align:left;
}
.fyb-text.left .fyb-pre-tit,
.fyb-text.left .fyb-big-tit {
  padding:0 138px 0 0;
}
.fyb-text.right .fyb-pre-tit,
.fyb-text.right .fyb-big-tit {
  padding:0 0 0 138px;
}
/* ---------- */
.fyb-techs {
  padding:80px 0px;
  background:#f6f6f6;
}
.fyb-techs .fyb-big-tit,
.zh-tw .fyb-techs .fyb-big-tit {
  font-size:36px;
}
.fyb-techs .fyb-big-tit br {
  display:none;
}
.fyb-tech-pics {
  margin:100px auto 0;
  display:block;
  width:800px;
}
/* ---------- */
.fyb-supporters {
  padding:80px 0px;
  background:#292929;
}
.fyb-supporters .fyb-big-tit,
.zh-tw .fyb-supporters .fyb-big-tit {
  color:#fff;
  font-size:36px;
  text-align:center;
}
.fyb-chip-pics {
  margin:50px auto 0;
  display:block;
  width:800px;
}
/* ---------- */
.fyb-parameters {
  padding:80px 0px;
  background:#fff;
}
.fyb-parameters .fyb-big-tit,
.zh-tw .fyb-parameters .fyb-big-tit {
  font-size:36px;
}
.fyb-paras-flex {
  padding:0 80px;
  display:-webkit-flex;
  display:flex;
  flex-flow:row wrap;
  justify-content:center;
  align-items:flex-start;
}
.fyb-top-para {
  margin:50px 0 0;
}
.fyb-paras-flex a {
  padding:108px 0 30px;
  width:190px;
  font-size:16px;
  text-align:center;
  background-repeat:no-repeat;
  background-position:50% 30px;
  border-bottom:1px dashed #eee;
  border-left:1px dashed #eee;
}
.fyb-paras-flex a:first-child {
  border-left:none;
}
.fyb-paras-flex a br {
  display:none;
}
.fyb-paras-flex:last-child a {
  border-bottom:none;
}
.fyb-top-para a {
  color:#f0641e;
}
.fyb-grey-para a {
  color:#9c9c9c;
}
.fyb-p-icon-1 {
  background-image:url(/images/fyb-icon-new1-x1.png);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-new1-x1.png) 1x,
    url(/images/fyb-icon-new1-x2.png) 2x
  );
}
.zh-tw .fyb-p-icon-1 {
  background-image:url(/images/fyb-icon-new1-x1-tw.png);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-new1-x1-tw.png) 1x,
    url(/images/fyb-icon-new1-x2-tw.png) 2x
  );
}
.fyb-p-icon-2 {
  background-image:url(/images/fyb-icon-new2-x1.png);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-new2-x1.png) 1x,
    url(/images/fyb-icon-new2-x2.png) 2x
  );
}
.fyb-p-icon-3 {
  background-image:url(/images/fyb-icon-new3-x1.png);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-new3-x1.png) 1x,
    url(/images/fyb-icon-new3-x2.png) 2x
  );
}
.fyb-p-icon-4 {
  background-image:url(/images/fyb-icon-new4-x1.png);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-new4-x1.png) 1x,
    url(/images/fyb-icon-new4-x2.png) 2x
  );
}
.yang-chao-yue .fyb-p-icon-4 {
  background-image:url(/images/fyb-icon-new4red-x1.png);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-new4red-x1.png) 1x,
    url(/images/fyb-icon-new4red-x2.png) 2x
  );
}

.fyb-paras-flex a.font-sml {
  padding:108px 0 18px;
  font-size:14px;
}
.fyb-paras-flex a.font-sml br {
  display:block;
}
.fyb-p-icon-5 {
  background-image:url(/images/fyb-icon-5-x1.png?grey);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-5-x1.png?grey) 1x,
    url(/images/fyb-icon-5-x2.png?grey) 2x
  );
}
.fyb-p-icon-6 {
  background-image:url(/images/fyb-icon-6-x1.png?grey);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-6-x1.png?grey) 1x,
    url(/images/fyb-icon-6-x2.png?grey) 2x
  );
}
.fyb-p-icon-7 {
  background-image:url(/images/fyb-icon-7-x1.png?grey);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-7-x1.png?grey) 1x,
    url(/images/fyb-icon-7-x2.png?grey) 2x
  );
}
.fyb-p-icon-8 {
  background-image:url(/images/fyb-icon-8-x1.png?grey);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-8-x1.png?grey) 1x,
    url(/images/fyb-icon-8-x2.png?grey) 2x
  );
}
/*
.fyb-p-icon-9 {
  background-image:url(/images/fyb-icon-9-x1.png?grey);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-9-x1.png?grey) 1x,
    url(/images/fyb-icon-9-x2.png?grey) 2x
  );
}
.fyb-p-icon-10 {
  background-image:url(/images/fyb-icon-10-x1.png?grey);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-10-x1.png?grey) 1x,
    url(/images/fyb-icon-10-x2.png?grey) 2x
  );
}
*/
.fyb-p-icon-11 {
  background-image:url(/images/fyb-icon-11-x1.png?grey);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-11-x1.png?grey) 1x,
    url(/images/fyb-icon-11-x2.png?grey) 2x
  );
}
.fyb-p-icon-12 {
  background-image:url(/images/fyb-icon-12-x1.png?grey);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-12-x1.png?grey) 1x,
    url(/images/fyb-icon-12-x2.png?grey) 2x
  );
}
.fyb-p-icon-13 {
  background-image:url(/images/fyb-icon-13-x1.png?grey);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-13-x1.png?grey) 1x,
    url(/images/fyb-icon-13-x2.png?grey) 2x
  );
}
.fyb-p-icon-14 {
  background-image:url(/images/fyb-icon-14-x1.png?grey);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-14-x1.png?grey) 1x,
    url(/images/fyb-icon-14-x2.png?grey) 2x
  );
}
.fyb-p-icon-15 {
  background-image:url(/images/fyb-icon-15-x1.png?grey);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-15-x1.png?grey) 1x,
    url(/images/fyb-icon-15-x2.png?grey) 2x
  );
}
.fyb-p-icon-16 {
  background-image:url(/images/fyb-icon-16-x1.png?grey);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-16-x1.png?grey) 1x,
    url(/images/fyb-icon-16-x2.png?grey) 2x
  );
}
.fyb-p-icon-17 {
  background-image:url(/images/fyb-icon-17-x1.png?grey);
  background-image:-webkit-image-set(
    url(/images/fyb-icon-17-x1.png?grey) 1x,
    url(/images/fyb-icon-17-x2.png?grey) 2x
  );
}
/* ---------- */
.about-cheetahmobile.in-fyb,
.about-summary.in-fyb {
  background:#f3f3f3;
}
.about-orion.in-fyb {
  background:#fff;
}

/* ---------- Fyb new year red ----------- */
.yang-chao-yue .fyb-newyear-red {
  width:100%;
  height:190px;
  background:#FF4443;
}
.yang-chao-yue .fyb-newyear-red h2 {
  font-size:60px;
  color:#FFC662;
  text-align:center;
  line-height:190px;
}
.yang-chao-yue .fyb-newyear-red h2 br {
  display:none;
}

/* ========== ================ ========== */
/* ========== Combination Index ========== */
/* ========== ================ ========== */
.nav-bar.combi, .fanyibang .nav-bar {
  border-bottom:1px solid #ddd;
}
.combi-billboard {
  width:100%;
  height:774px;
  overflow:hidden;
}
.combi-billboard .container {
  height:100%;
}
.combi-billboard.top,
.combi-billboard.fourth-top {
  position:relative;
  background:#fff;
}
.combi-billboard.top .container,
.combi-billboard.fourth-top .container {
  z-index:5;
}
.combi-billboard.fourth-top {
  height:740px;
}
.combi-billboard.second-top {
  position:relative;
  background:#ebf2f8;
  z-index:6;
  overflow:visible;
}
.combi-billboard.second-top .container {
  overflow:visible;
}

.combi-billboard.third-top {
  position:relative;
  z-index:7;
}
.combi-billboard.third-top.fyb-plus {
  background:url(/images/fyb-plus.jpg) 50% 50% no-repeat #080822;
  background-size:cover;
}
@media (min-width:2280px) {
  .combi-billboard.third-top.fyb-plus {
    height:800px;
  }
}
.plus-with-border {
  margin:0 0 0 5px;
  display:inline-block;
  text-indent:-9999px;
  width:71.3px;
  height:45px;
  background-repeat:no-repeat;
  background-image:url(/images/plus-icon.png);
  background-size:71.3px 45px;
}

.chaoyue-img {
  display:block;
  position:absolute;
  z-index:4;
  right:70px;
  bottom:0px;
  height:680px;
  -wekbit-transition:right .4s ease;
  transition:right .4s ease;
  -webkit-animation:enterFromRight 1.5s ease both .2s;
  animation:enterFromRight 1.5s ease both .2s;
}

.chaoyue-img.youth {
  height:740px;
}
.chaoyue-img.i4g {
  right:-50px;
  height:656px;
}
.chaoyue-img.i2g.green {
  right:auto;
  left:-100px;
  top:-40px;
  height:504px;
}
.chaoyue-img.i2g.pink {
  right:-250px;
  top:auto;
  bottom:-50px;
  height:594px;
}

@media (min-width:1680px) {
  .chaoyue-img {right:180px;}
  .chaoyue-img.i4g {right:10px;}
}
@media (min-width:2080px) {
  .chaoyue-img {right:280px;}
  .chaoyue-img.i4g {right:220px;}
}
@media (min-width:2280px) {
  .chaoyue-img {right:380px;}
  .chaoyue-img.i4g {right:320px;}
}
@media (min-width:2480px) {
  .chaoyue-img {right:480px;}
  .chaoyue-img.i4g {right:420px;}
}

.combi-billboard .fyb-main {
  -webkit-animation:enterFromLeft 1.5s ease both;
  animation:enterFromLeft 1.5s ease both;
  text-align:left;
}

.combi-billboard.bottom {
  background:-webkit-linear-gradient(#f9f9f9,#e4e4e4);
  background:-moz-linear-gradient(#f9f9f9,#e4e4e4);
  background:-o-linear-gradient(#f9f9f9,#e4e4e4);
  background:linear-gradient(#f9f9f9,#e4e4e4);
}
.combi-abs-img {
  position:absolute;
}
.combi-abs-img.yellow {
  top:-500px;
  left:50px;
  width:500px;
  -webkit-animation:enterFromTop 1.5s ease both;
  -moz-animation:enterFromTop 1.5s ease both;
  -ms-animation:enterFromTop 1.5s ease both;
  -o-animation:enterFromTop 1.5s ease both;
  animation:enterFromTop 1.5s ease both;
}
.combi-abs-img.pink {
  bottom:-100px;
  left:360px;
  width:320px;
  -webkit-animation:enterFromBottom 1.5s ease both .5s;
  -moz-animation:enterFromBottom 1.5s ease both .5s;
  -ms-animation:enterFromBottom 1.5s ease both .5s;
  -o-animation:enterFromBottom 1.5s ease both .5s;
  animation:enterFromBottom 1.5s ease both .5s;
}
.combi-abs-img.big-yinx {
  right:-168px;
  bottom:-120px;
  width:500px;
  -webkit-animation:enterFromRight 1.5s ease both .5s;
  animation:enterFromRight 1.5s ease both .5s;
}
.combi-abs-img.mid-yinx {
  left:-70px;
  top:200px;
  width:390px;
  -webkit-animation:enterFromLeft 1.5s ease both .5s;
  animation:enterFromLeft 1.5s ease both .5s;
}
.combi-abs-img.sml-yinx {
  right:200px;
  top:-20px;
  width:200px;
  -webkit-animation:enterFromTop 1.5s ease both .5s;
  animation:enterFromTop 1.5s ease both .5s;
}
.combi-img-in-mob {
  display:none;
}

.combi-texts-fyb {
  float:right;
  margin:0 150px 0 0;
  padding:250px 0 0;
  width:368px;
  text-align:center;
  color:#424242;
}
.combi-texts-yinx {
  position:relative;
  margin:0 auto;
  padding:210px 0 0;
  text-align:center;
  width:320px;
}
.combi-texts-yinx .buy-tip {
  margin:20px 0 0;
}
.qr-code.in-combi {
  left:-270px;
  bottom:-100px;
  opacity:0;
  transform:translateX(-50%);  
  transition-property:opacity, transform;
  transition-delay:0s, 0s;
  transition-duration:.5s;
}
.qr-code.in-combi.active {
  opacity:1;
  transform:translateX(0);
  box-shadow:10px 10px 50px rgba(0,0,0,.15);
}

.combi-title {
  margin:0 0 20px;
  font-size:46px;
  font-weight:normal;
}
.combi-title span {
  margin:0 0 10px;
  display:block;
}
.combi-subtlt {
  font-size:20px;
  font-weight:normal;
}

.yang-chao-yue .combi-billboard .fyb-price {
  margin:0 0 0 5px;
}
.yang-chao-yue .combi-billboard .aiw-2g .fyb-price {
  margin:0 auto;
  text-align:center;
}

.combi-btns {
  margin:96px auto 0;
}
.chaoyue-btns {
  margin:3px auto 0;
}
.combi-buybtn {
  display:block;
  width:152px;
  height:48px;
  line-height:48px;
  font-size:18px;
  border:1px solid #f0641e;
  cursor:pointer;
  text-align:center;
}
.combi-buybtn.left {
  float:left;
}
.combi-buybtn.right {
  float:right;
}
.combi-buybtn.colored {
  background:#f0641e;
  color:#fff;
}

.combi-buybtn.colored.blue {
  background:#16bbef;
  border:1px solid #16bbef;
}
.combi-buybtn.colored.blue:hover {
  background:#07abde;
}

.combi-buybtn.colored:hover {
  background:#dc4c04;
}
.combi-buybtn.blank {
  color:#f0641e;
}
.combi-buybtn.blank:hover {
  border:1px solid #dc4c04;
  color:#dc4c04;
}
.combi-buybtn.colored.chaoyue,
.combi-buybtn.colored.chaoyue:hover {
  background:#FF3938;
}
.combi-buybtn.blank.chaoyue {
  color:#FF3938;
  border:1px solid #FF3938;
}

.combi-buybtn.centered {
  margin:0 auto;
  float:none;
}


/* =========================== */
/* ----- For Dan Ci Bao ----- */
.dancibao {
    position: relative;
    height: 774px;
    background: rgba(225, 227, 255, 1);
}
.dancibao .fyb-main {
    width: 360px;
    font-size: 24px;
}
.dancibao .fyb-title {
    color: rgba(51, 51, 51, 1);
}
.dancibao .fyb-price strong {
    color: #f0641e;
}
.dancibao .buy.left {
    background: #f0641e;
}
.dancibao .buy.left:hover {
    background: #dc4c04;
}
.dancibao .chaoyue-img {
    top: 0;
    bottom: auto;
    height: 774px;
}
.dancibao .chaoyue-img.sm {
    display: none;
}
.dancibao.combi-billboard .fyb-price {
    color: #f0641e;
}
@media (max-width: 790px) {
    .dancibao .fyb-main {
        text-align: center;
    }
    .dancibao .chaoyue-btns a {
        margin: 0 auto;
        float: none;
    }
}
@media (max-width: 600px) {
    .dancibao .chaoyue-img {
        display: none;
    }
    .dancibao .chaoyue-img.sm {
        display: block;
        height:auto;
    }
}


/* =========================== */
/* ----- For News Center ----- */
.news-wrapper {
  padding:130px 0;
  background:#fff;
}
.news-wrapper .container {
  width:1260px;
}
.news-wrapper .container.news-detail {
  width:840px;
}
.news-main-title  {
  padding:0 0 54px;
  text-align:center;
  font-size:52px;
  color:#424242;
  font-weight:normal;
}
.news-item {
  float:left;
  margin:0 25px 80px;
  width:578px;
  height:175px;
}
.item-img {
  float:left;
  width:238px;
  height:100%;
  overflow:hidden;
}
.item-img img {
  display:block;
  margin:0 auto;
  max-width:100%;
}
.item-txt {
  position:relative;
  float:right;
  width:320px;
  height:100%;
}
.item-txt h2 {
  margin:0 0 20px;
  font-size:24px;
  line-height:1.2em;
  font-weight:normal;
}
.item-txt h2 a {
  color:#424242;
}
.item-txt h2 a:hover {
  color:#f0641e;
}
.item-txt p {
  font-size:14px;
  line-height:1.5em;
  color:#777;
}
.item-txt span {
  position:absolute;
  left:0px;
  bottom:0px;
  font-size:12px;
  color:#777;
}
/* ----- News details ----- */
.news-crumb {
  margin:0 0 50px;
  font-size:14px;
}
.news-crumb a, .news-crumb span {
  color:#a6a6a6;
}
.news-crumb a:hover {
  color:#f0641e;
}
.news-crumb a.current,
.news-crumb a.current:hover {
  color:#424242;
}
.article-content {
  margin:0 auto 50px;
}
.art-title {
  margin:0 0 20px;
  font-size:24px;
  line-height:1.2em;
  font-weight:normal;
  color:#424242;
}
.art-time {
  display:block;
  font-size:14px;
  color:#a6a6a6;
}
.art-text {
  margin:50px 0;
}
.art-text p {
  margin:0 0 30px;
  font-size:14px;
  line-height:1.5em;
  color:#424242;
}
.art-text img {
  display:block;
  margin:30px auto;
  max-width:100%;
}
.art-relative {
  margin:80px 0 0;
}
.art-relative a {
  display:block;
  font-size:14px;
  color:#424242;
  cursor:pointer;
}
.art-relative a s {
  color:#a6a6a6;
}
.art-relative a:hover {
  color:#f0641e;
}
.art-prev {
  float:left;
}
.art-next {
  float:right;
}


/* ==================== */
/* Specifically for TW: */
/* ==================== */
.zh-tw .cmlogo {
  width:135px;
  height:45px;
  background-image:url(/images/cmlogo-en-x1.png);
  background-image:-webkit-image-set(
    url(/images/cmlogo-en-x1.png) 1x,
    url(/images/cmlogo-en-x2.png) 2x
  );
  background-size:135px 45px;
}
.zh-tw .cmlogo.fyb-tw {
  width:148px;
  height:50px;
  background-image:url(/images/fyb-logo-tw-x1.png);
  background-image:-webkit-image-set(
    url(/images/fyb-logo-tw-x1.png) 1x,
    url(/images/fyb-logo-tw.png) 2x
  );
  background-size:148px 50px;

}
.zh-tw .price {
  font-size:38px;
}
.zh-tw .price s {
  font-size:20px;
}
.zh-tw .price-line-through {
  margin:10px auto 0;
  text-decoration:line-through;
  font-size:20px;
  color:#f0641e;
  text-align:center;
}
.navs li.for-tw-fb {
  padding:7px 0 0 30px;
}
.nav-fb {
  display:block;
  width:33px;
  height:33px;
  text-indent:-9999px;
  background-repeat:no-repeat;
  background-image:url(/images/fb-logo-33.png);
  background-image:-webkit-image-set(
    url(/images/fb-logo-33.png) 1x,
    url(/images/fb-logo-66.png) 2x
  );
}
.zh-tw .exp-para b {
  margin:0 0 13px;
  font-size:20px;
}
.zh-tw .exp-para span {
  font-size:14px;
  line-height:1.4em;
}
.zh-tw .exp-para {
  width:280px;
}
.zh-tw .exp-para.metal-net,
.zh-tw .exp-para.low-speaker {
  left:-300px;
}
.zh-tw .exp-para.high-speaker {
  top:360px;
  right:-300px;
}
.zh-tw .exp-para.high-speaker.tw-35mm {
  top:207px;
}
.zh-tw .two-year-qqmusic s {
  width:150px;
  height:40px;
  background-image:url(/images/kkbox-logo-x1.png);
  background-image:-webkit-image-set(
    url(/images/kkbox-logo-x1.png) 1x,
    url(/images/kkbox-logo-x2.png) 2x
  );
}
.zh-tw .scene-right .scene-text {
  padding:240px 0 0 100px;
}
.zh-tw .scene-left .scene-text {
  padding:240px 100px 0 0;
}
.numbers-icons .for-tw {
  margin:0 0 15px;
  text-align:center;
  color:#fff;
  font-size:24px;
}
.numbers-icons .for-tw:last-child {
  margin:0;
}
.zh-tw .sv-left {
  width:580px;
  border-right:1px solid rgba(255,255,255,.4);
}
.zh-tw .sv-left span {
  float:right;
}
.zh-tw .sv-left span:first-child {
  margin:0 50px 0 0;
}
.zh-tw .sv-right {
  float:left;
  margin:15px 0 0 74px;
  width:auto;
}
/* Sweet assistant for tw */
.tw-sweet-assis {
  padding:150px 0;
  background:#fff;
}
.tw-sweet-partners {
  margin:120px 0 0;
}
.tw-ptn-pc {
  display:block;
  margin:50px auto 0;
  width:960px;
}
.tw-ptn-mob {
  display:none;
}



/* =================================== */
/* ----- Pop frame for subscribe ----- */
.pop-mask {
  position:fixed;
  left:0px;
  top:0px;
  z-index:100;
  width:100%;
  height:100%;
  padding:70px 0 0;
  background:rgba(0,0,0,.58);
  box-sizing:border-box;
}
.pop-box {
  margin:0 auto;
  padding:20px;
  width:1000px;
  background:#fff;
  border-radius:4px;
  overflow:hidden;
  color:#454545;
}
.pop-box.for-presale {
  position:absolute;
  left:50%;
  top:158px;
  margin:0 0 0 -250px;
  padding:30px;
  width:440px;
  border-radius:5px;
  box-shadow:0px 0px 50px rgba(0,0,0,.18);
}
.pop-loading-gif {
  position:absolute;
  left:50%;
  top:40%;
  margin:0 0 0 -25px;
  width:50px;
  height:50px;
}
.pop-inputting.hide,
.pop-result, .xbzz-code,
.num-wrong, .code-wrong {
  display:none;
}

.pop-title {
  margin:10px 0 18px;
  font-size:18px;
  text-align:center;
}
.pop-descr {
  position:relative;
  margin:0 0 4px;
  font-size:16px;
  line-height:1.4em;
}
.for-presale .pop-descr span {
  color:#f0641e;
  font-size:14px;
}
.num-wrong.active {
  display:block;
  position:absolute;
  right:20px;
  top:11px;
  font-size:12px;
  color:#940707;
}
.code-wrong.active {
  display:block;
  position:absolute;
  right:35%;
  top:21px;
  font-size:12px;
  color:#940707;
}
.pop-inp {
  display:block;
  margin:10px 0 0;
  padding:2px;
  width:100%;
  height:40px;
  border:1px solid #cdcdcd;
  border-radius:5px;
  font-size:14px;
  color:#454545;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.pop-inp.for-code {
  float:left;
  width:68%;
}
.pop-btns {
  margin:0 auto;
  width:90%;
}
.pop-btn {
  display:block;
  margin:20px auto 10px;
  width:120px;
  height:40px;
  line-height:42px;
  font-size:16px;
  border-radius:5px;
  cursor:pointer;
  text-align:center;
}
.pop-btn.pop-fetch-code {
  margin:10px 0 0 20px;
  float:right;
  width:27%;
  font-size:14px;
  background:#4c8aff;
  color:#fff;
  border:1px solid #4c8aff;
}
.pop-btn.pop-fetch-code.codesent {
  background:#999;
  border:1px solid #888;
  cursor:auto;
}
.pop-btn.pop-fetch-code.codesent:hover {
  box-shadow:none;
}
.pop-btn.left {
  float:left;
}
.pop-btn.right {
  float:right;
}
.pop-btn.pop-confirm {
  background:#4c8aff;
  color:#fff;
  border:1px solid #4c8aff;
  width:172px;
}
.pop-btn:hover {
  box-shadow:5px 5px 10px rgba(0,0,0,.2);
  color:#fafafa;
}
.pop-btn.pop-cancel {
  background:#f0f0f0;
  color:#454545;
  border:1px solid #454545;
}
.pop-result.active {
  display:block;
}
.pop-result p {
  padding:20px 0 8px;
  text-align:center;
}
.xbzz-code span, 
.xbzz-code img {
  display:block;
  margin:0 auto;
  text-align:center;
}

.pop-conts {
  margin:20px auto;
  width:90%;
}
.pop-conts video {
  margin:0 auto;
  display:block;
  width:100%;
}
.close-icon {
  position:absolute;
  right:20px;
  top:20px;
  width:16px;
  height:16px;
  background-repeat:no-repeat;
  background-image:url(/images/popclose-x1.png);
  background-image:-webkit-image-set(
    url(/images/popclose-x1.png) 1x,
    url(/images/popclose-x2.png) 2x
  );
  text-indent:-9999px;
  cursor:pointer;
  opacity:.8;
}
.close-icon:hover {
  transform:scale(.86);
  opacity:1;
}


/* ----- Footer ----- */
.footer {
  padding:20px 0;
  background:#434343;
  text-align:center;
  font-size:12px;
  font-weight:normal;
  color:#868686;
}
.footer-link {
  padding:0 5px;
  color:#868686;
}
.footer-link:hover {
  color:#fff;
}
.finfo {
  margin:5px 0;
  line-height:1.2em;
}
.finfo.first {
  margin:15px 0 5px;
}
.finfo.first br {
  display:none;
}



/* ----- FanYiBang Privacy ----- */
.fyb-privacy {
  margin:0;
  padding:0;
  min-height:768px;
}
.fyb-privacy h1 {
  margin:0 0 50px;
  padding:148px 0 0;
  font-size:36px;
  color:#424242;
  text-align:center;
}
.fyb-pcy-contents {
  margin:0 3px;
  color:#424242;
}
.fyb-pcy-contents p,
.fyb-pcy-contents li {
  margin:10px 0;
  font-size:16px;
  line-height:1.5em;
}
.fyb-pcy-contents li {
  margin:0 30px;
  list-style:disc;
}
.fyb-pcy-contents h2 {
  margin:25px 0;
  font-size:18px;
  line-height:1.5em;
}
.fyb-pcy-contents h3 {
  margin:20px 0;
  font-size:16px;
  line-height:1.5em;
}
.footer.fyb-pvy {
  margin:80px 0 0;
}
/*
  Responsive for yinxiang2.0, with fanYiBang & new index.
  Author: Alexandra.
  Latest modified: 2019-10-22 14:28
*/

/* ================================ */
/* ============ In Pads =========== */
/* ================================ */
@media (max-width:1280px) {
  .scene-right .scene-text {
    padding: 70px 0 0 50px;
  }

  .scene-left .scene-text {
    padding: 70px 50px 0 0;
  }

  .scene-text .sec-title span {
    display: inline;
  }

  .scene-text .sec-title b {
    display: inline;
  }

  .scene-text .sec-title {
    font-size: 38px;
  }

  .scene-text .sec-intro {
    font-size: 22px;
  }
}

/* -------------------------------- */
@media (max-width:1199px) {

  .container,
  .container.w960 {
    width: 96%;
  }

  .slogan-box {
    padding: 250px 0 0;
    width: 380px;
  }

  .main-title {
    width: 380px;
    height: 70.2px;
    background-size: 380px 70.2px;
  }

  .subtitle {
    font-size: 30px;
  }

  .ai-wave {
    width: 587.38px;
    height: 602px;
    background-size: 587.38px 602px;
  }

  .ai-box {
    background-size: 860px 602px;
  }

  .voice-box {
    right: -480px;
  }

  .assist-icons-box {
    padding: 50px 10px;
  }

  .ast-item {
    margin: 0 5px 20px;
    width: 170px;
  }

  .fcl-ptn1,
  .fcl-ptn2 {
    float: none;
    margin: 10px auto 0;
    width: 100%;
  }

  .fcl-ptn1 {
    max-width: 670px;
  }

  .fcl-ptn2 {
    max-width: 528px;
  }

  .exp-para.high-speaker s {
    left: -80px;
    width: 80px;
  }

  .exp-para.high-speaker {
    right: -200px;
  }

  .three-big-icon p {
    font-size: 38px;
  }

  .three-big-icon span {
    margin: 10px auto 0;
    font-size: 20px;
  }

  .sld-text.has-tips s {
    font-size: 9px;
  }

  .boxpm-para {
    padding: 60px 0 0;
  }

  .boxpm-details {
    font-size: 16px;
  }

  .boxpm-details li:last-child {
    width: 100%;
  }

  .one-cele {
    padding: 0 0 0 30px;
    width: 518px;
  }

  .sv-left {
    width: 639px;
  }

  .sv-right {
    width: 370px;
  }
}

/* -------------------------------- */

@media (max-width:1149px) {
  .ast-item {
    width: 160px;
  }

  .orion-products img {
    width: 100%;
  }

  .fyb-tw-txt {
    padding: 200px 0 0 50px;
  }

  .fyb-text.left .fyb-pre-tit,
  .fyb-text.left .fyb-big-tit {
    padding: 0 108px 0 0;
  }

  .fyb-text.right .fyb-pre-tit,
  .fyb-text.right .fyb-big-tit {
    padding: 0 0 0 108px;
  }

  .fyb-paras-flex a {
    border-left: none;
  }

  .one-cele {
    width: 50%;
    box-sizing: border-box;
  }

  .combi-texts-fyb {
    margin: 0 80px 0 0;
  }
}

/* -------------------------------- */

@media (max-width:1099px) {
  .scene-right .scene-text {
    padding: 60px 0 0 30px;
  }

  .scene-left .scene-text {
    padding: 60px 30px 0 0;
  }

  .scene-icons {
    margin: 30px 0 0;
  }

  .pt-icon {
    margin: 0 0 20px;
  }

  .sv-right {
    width: 350px;
  }

  .fyb-tw-txt {
    padding: 200px 0 0 0;
  }

  .fyb-tw-img {
    max-width: 568px;
  }

  .combi-abs-img.big-yinx {
    right: -150px;
  }

  .combi-abs-img.mid-yinx {
    left: -100px;
  }
}

/* -------------------------------- */

@media (max-width:1088px) {
  .life-assistant {
    padding: 100px 0 0;
  }

  .assist-icons-box {
    margin: 30px auto 0;
    padding: 30px 0px 20px;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .ast-item {
    width: 156px;
  }

  .pm-box {
    margin: 0 0 30px;
    padding: 0 0 30px;
  }

  .boxpm-right h3 {
    margin: 0 0 20px;
    font-size: 26px;
  }

  .boxpm-details li {
    margin: 0 0 14px;
  }

  .boxpm-details li:last-child {
    margin: 0;
  }

  .sv-left {
    width: 608px;
  }

  .combi-texts-fyb {
    margin: 0 20px 0 0;
  }
}

/* -------------------------------- */

@media (max-width:1049px) {

  .boxpm-left,
  .boxpm-right {
    float: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }

  .boxpm-left img {
    max-width: 500px;
  }

  .pm-box {
    margin: 0 auto 30px;
  }

  .pm-box:last-child {
    margin: 0 auto;
  }

  .sv-left {
    width: 575px;
  }

  .fyb-tech-pics {
    margin: 80px auto 0;
    width: 800px;
  }

  .fyb-2sis-pc {
    width: 96%;
  }
}

/* -------------------------------- */

@media (max-width:1029px) {

  .scene-left,
  .scene-right {
    float: none;
    width: 100%;
  }

  .scene-right .scene-text,
  .scene-left .scene-text {
    margin: 0 auto;
    padding: 80px 0 30px;
    width: 80%;
  }

  .scene-text .sec-title {
    text-align: center;
    font-size: 36px;
  }

  .scene-right .sec-title {
    margin: 0;
  }

  .scene-right .sec-intro,
  .scene-left .sec-intro {
    margin: 15px 0 0;
    text-align: center;
  }

  .scene-icons {
    margin: 30px auto 0;
    width: 482px;
  }

  .scene-img img {
    margin: 0 auto;
    max-width: 960px;
  }

  .sv-right {
    width: 320px;
  }

  .cm-products,
  .orion-products {
    justify-content: space-between;
  }

  .cm-products a {
    margin: 0 8px;
    padding: 86px 0 0;
    width: 76px;
    height: 60px;
    background-size: 60px;
    font-size: 12px;
  }

  .cm-products a:first-child {
    margin: 0 8px 0 0;
  }

  .cm-products a:last-child {
    margin: 0 0 0 8px;
  }

  .trait-of-5 .fyb-tw-txt {
    padding: 130px 0 0;
  }

  .fyb-tw-txt,
  .fyb-tw-img {
    width: 420px;
  }

  .fyb-text {
    padding: 90px 0 0;
  }

  .fyb-text.left .fyb-pre-tit,
  .fyb-text.left .fyb-big-tit {
    padding: 0 68px 0 0;
  }

  .fyb-text.right .fyb-pre-tit,
  .fyb-text.right .fyb-big-tit {
    padding: 0 0 0 68px;
  }

  .combi-abs-img.yellow {
    left: 20px;
  }

  .combi-abs-img.pink {
    left: 290px;
    bottom: -120px;
    width: 280px;
  }
}

/* -------------------------------- */

@media (max-width:989px) {
  .service-infos {
    padding: 50px 0;
  }

  .sv-left,
  .zh-tw .sv-left {
    float: none;
    margin: 0 auto;
    border-right: none;
  }

  .sv-right,
  .zh-tw .sv-right {
    float: none;
    margin: 50px auto 0;
    text-align: center;
  }

  .zh-tw .sv-left span {
    width: 25%;
  }

  .fyb-text {
    padding: 70px 0 0;
  }

  .fyb-text.left .fyb-pre-tit,
  .fyb-text.left .fyb-big-tit {
    padding: 0 48px 0 0;
  }

  .fyb-text.right .fyb-pre-tit,
  .fyb-text.right .fyb-big-tit {
    padding: 0 0 0 48px;
  }
}

/* -------------------------------- */

@media (max-width:959px) {
  .box-parameters {
    padding: 80px 0;
  }

  .block-chain {
    padding: 80px 0 60px;
  }

  .bl-chain-img,
  .bl-qcode {
    float: none;
    margin: 0 auto 30px;
    padding: 0;
  }

  .fyb-chip-pics {
    width: 100%;
    max-width: 875px;
  }

  .fyb-paras-flex {
    padding: 0 50px;
  }

  .fyb-paras-flex a {
    width: 160px;
    font-size: 14px;
  }

  .cele-avatar {
    margin: 0 10px 0 0;
  }

  .cele-intros h4 {
    font-size: 18px;
  }

  .cele-intros p {
    font-size: 12px;
  }
}

/* -------------------------------- */
@media (max-width:899px) {
  .sumcon {
    justify-content: space-between;
  }

  .sumcon .img1 {
    margin: 0;
  }

  .fyb-traits.hrz .left,
  .fyb-traits.hrz .right {
    float: none;
  }

  .fyb-img,
  .fyb-text {
    margin: 0 auto;
    width: 100%;
  }

  .fyb-text.left,
  .fyb-text.right {
    text-align: center;
  }

  .fyb-text.left .fyb-pre-tit,
  .fyb-text.left .fyb-big-tit {
    padding: 0;
  }

  .fyb-text.right .fyb-pre-tit,
  .fyb-text.right .fyb-big-tit {
    padding: 0;
  }

}

/* -------------------------------- */
@media (max-width:879px) {
  .sumcon {
    justify-content: center;
  }

  .sumcon .img1 {
    width: 385.2px;
  }

  .sumcon .img2 {
    width: 361.8px;
  }

  .fyb-big-tit {
    font-size: 40px;
  }

  .fyb-tw-txt,
  .fyb-tw-img {
    width: 360px;
  }

  .fyb-tech-pics {
    margin: 50px auto 0;
    width: 100%;
  }

  .celebrity-comments {
    padding: 50px 0;
  }

  .one-cele {
    float: none;
    margin: 10px auto 40px;
    padding: 0;
    width: 90%;
  }

  .one-cele:last-child {
    margin: 10px auto 0px;
  }

  .combi-abs-img.yellow {
    left: -30px;
  }

  .combi-abs-img.pink {
    left: 200px;
  }
}

/* ================================ */
/* ========== In Mobiles ========== */
/* ================================ */
@media (max-width:790px) {
  .wrapper {
    min-height: 100%;
    overflow: hidden;
  }

  .container,
  .container.w960 {
    width: 100%;
  }

  /* ----- nav bar ----- */
  .nav-bar {
    padding: 7px 0 4px;
  }

  .cmlogo {
    margin: 0 0 0 20px;
    width: 71.2px;
    height: 37.6px;
    background-size: 71.2px 37.6px;
  }

  .top-burger {
    /* Used on mobiles only */
    margin: 0 20px 0 0;
    display: block;
    float: right;
    width: 50px;
    height: 39px;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: 50%;
    background-image: url(/dist/images/hamburger-1x.png);
    background-image: -webkit-image-set(url(/dist/images/hamburger-1x.png) 1x,
      url(/dist/images/hamburger-2x.png) 2x);
  }

  .nav-bar.fixed .top-burger {
    display: none;
  }

  .nav-bar.fixed .top-burger.shown {
    display: block;
  }

  .navs {
    padding: 0px;
    height: 0px;
    overflow: hidden;
  }

  .zh-tw .navs {
    height: auto;
  }

  .navs li.for-tw-fb {
    display: none;
    padding: 2px 20px 0 0;
  }

  .navs.unfold li.for-tw-fb {
    display: block;
  }

  .combi .navs {
    display: none;
  }

  .navs.unfold,
  .combi .navs.unfold,
  .nav-bar.fixed .navs.unfold {
    display: block;
    position: absolute;
    right: 20px;
    top: 51px;
    padding: 15px;
    height: auto;
    background: rgba(0, 0, 0, .7);
  }

  .navs li {
    float: none;
    padding: 0;
  }

  .navs.unfold li {
    padding: 15px 0;
  }

  .navs li a,
  .navs li a.active {
    color: #fafafa;
  }

  .nav-bar.fixed .shown-infix,
  .fanyibang .nav-bar.fixed li,
  .yinxiang .nav-bar.fixed li {
    display: none;
  }

  .nav-bar.fixed .navs {
    height: auto;
    overflow: auto;
  }

  .nav-bar.fixed .nav-for-purchase,
  .fanyibang .nav-bar.fixed .nav-for-purchase,
  .yinxiang .nav-bar.fixed .nav-for-purchase {
    display: block;
    padding: 3px 20px 0 0;
  }

  .nav-bar.fixed .buy-btn {
    height: 32px;
    line-height: 32px;
  }

  /* ----- Billboard ----- */
  .home-billboard {
    height: auto;
  }

  .slogan-box {
    float: none;
    margin: 0 auto;
    padding: 80px 0 0;
    width: 210px;
  }

  .main-title {
    margin: 0 auto 12px;
    width: 210px;
    height: 39px;
    background-size: 210px 39px;
  }

  .subtitle {
    font-size: 18px;
  }

  .price {
    margin: 15px auto 0;
    font-size: 28px;
  }

  .price s {
    font-size: 14px;
  }

  .buy-btn {
    margin: 5px auto 0;
    width: 170px;
    height: 40px;
    line-height: 42px;
    font-size: 18px;
  }

  .buy-btn:hover {
    background: #f0641e;
    color: #fff;
  }

  .buy-tip {
    margin: 4px 0 0 0;
  }

  .tw-buy-tip {
    margin: 30px auto 0;
    font-size: 16px;
  }

  .nav-bar.fixed .buy-btn:hover {
    color: #fff;
  }

  .qr-code {
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 0px;
    height: 0px;
    -webkit-transition: none;
    transition: none;
  }

  .qr-code {
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, .65);
    border-radius: 0px;
  }

  .qr-code img {
    margin: 200px auto 0;
  }

  .scan-to-pur {
    color: #fff;
  }

  .yang-chao-yue .qr-code {
    display: none;
  }

  .voice-box {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    height: auto;
  }

  .aibox-for-mobile {
    display: block;
    margin: 25px auto 0;
    width: 80%;
    max-width: 560px;
  }

  .aiwave-for-mobile {
    position: absolute;
    left: 50%;
    top: 50px;
    display: block;
    margin: 0 0 0 -45%;
    width: 90%;
  }

  .ai-box,
  .ai-wave {
    display: none;
  }

  .qrcode-for-bbd {
    display: none !important;
  }

  /* ----- First half banner, orange ----- */
  .first-half-banner {
    padding: 10px 0 50px;
  }

  .half-item {
    padding: 50px 0 0;
    background-size: 40px;
    font-size: 16px;
  }

  /* ----- Second board, with the Explosion ----- */
  .second-board {
    padding: 50px 0;
  }

  .sec-title {
    font-size: 24px;
    line-height: 1em;
  }

  .sec-intro {
    margin: 15px auto 0;
    padding: 0 20px;
    font-size: 14px;
  }

  .sec-intro p {
    display: inline;
  }

  .sec-intro .emphasize {
    font-size: 14px;
  }

  .second-board .sec-intro p {
    display: block;
  }

  .ai-explosion {
    margin: 30px auto 0;
    width: 80%;
    height: auto;
  }

  .exp-abs.exp-topbot {
    position: relative;
  }

  .exp-para {
    position: static;
    float: left;
    clear: both;
    margin: 0 0 18px 40px;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
  }

  .exp-para:last-child {
    margin: 0 0 0 40px;
  }

  .exp-para.metal-net {
    margin: 30px 0 18px 40px;
  }

  .exp-para s {
    display: none;
  }

  .exp-para b,
  .exp-para b em,
  .exp-para span {
    display: inline;
    padding: 0;
    font-size: 14px;
  }

  .exp-para b {
    display: block !important;
  }

  .zh-tw .exp-para {
    width: 218px;
  }

  .zh-tw .exp-para b {
    font-size: 16px;
  }

  .zh-tw .cmlogo {
    width: 108px;
    height: 36px;
    background-size: 108px 36px;
  }

  .zh-tw .cmlogo.fyb-tw {
    width: 118.4px;
    height: 40px;
    background-size: 118.4px 40px;
  }

  .tw-sweet-assis {
    padding: 50px 0;
  }

  .tw-sweet-partners {
    margin: 60px 0 0;
  }

  .tw-ptn-mob {
    display: block;
    margin: 30px auto 0;
    width: 80%;
  }

  .tw-ptn-mob.tall {
    margin: 8px auto 0;
  }

  .tw-ptn-pc {
    display: none;
  }

  /* ----- Blind Hearing && Two years qqmusic && Wise facility ----- */
  .blind-hearing,
  .two-year-qqmusic,
  .wise-facility {
    position: relative;
    padding: 0;
    height: auto;
    background: none;
  }

  .blind-hearing .container,
  .two-year-qqmusic .container,
  .wise-facility .container {
    position: absolute;
    top: 50px;
    left: 50%;
    margin: 0 0 0 -50%;
  }

  .bg-for-mob {
    display: block;
    position: relative;
    width: 100%;
  }

  .blind-hearing .sec-title {
    font-size: 24px;
  }

  .blind-hearing .sec-intro {
    margin: 15px 0 0;
    font-size: 14px;
  }

  .sound-waving {
    margin: 0 auto 10px;
  }

  .play-video-btn {
    margin: 30px auto 0;
    width: 50px;
    height: 50px;
  }

  .play-video-btn span.outer-circle {
    margin: 0 0 0 -25px;
    width: 50px;
    height: 50px;
  }

  .play-video-btn span.middle-circle {
    margin: 0 0 0 -20px;
    width: 40px;
    height: 40px;
  }

  .play-video-btn a.inner-circle {
    margin: 0 0 0 -15px;
    width: 30px;
    height: 30px;
  }

  .play-video-btn span.circle-core {
    top: 21px;
    margin: 0 0 0 -3px;
    width: 10px;
    height: 11.5px;
    background-size: 10px 11.5px;
  }

  .two-year-qqmusic s {
    margin: 0 auto 10px;
    width: 50px;
    height: 50px;
    background-size: 50px;
  }

  .zh-tw .two-year-qqmusic s {
    width: 150px;
    height: 40px;
    background-size: 150px 40px;
  }

  .two-year-qqmusic .sec-title {
    font-size: 24px;
    line-height: 1em;
  }

  .two-year-qqmusic .sec-intro {
    margin: 15px auto 0;
    font-size: 14px;
  }

  /* ----- Rolling Texts ----- */
  .rolling-texts {
    padding: 50px 0;
  }

  .rolling-container {
    margin: 38px auto 0;
    width: 100%;
    height: 70px;
  }

  .rolling-item {
    font-size: 14px;
    line-height: 20px;
  }

  .rolling-item.active {
    font-size: 16px;
    line-height: 30px;
  }

  /* ----- 3 Nnumbers icons ----- */
  .numbers-icons {
    padding: 50px 0;
  }

  .numbers-icons .container {
    background: #f0641e;
  }

  .three-big-icon {
    margin: 0 0 10px;
  }

  .three-big-icon s {
    margin: 0 auto 15px;
  }

  .three-big-icon p {
    font-size: 24px;
  }

  .three-big-icon p b {
    font-size: 14px;
  }

  .three-big-icon span {
    margin: 3px auto 0;
    font-size: 14px;
  }

  .numbers-icons .for-tw {
    font-size: 20px;
  }

  /* ----- Celebrity comments ----- */
  .cele-avatar {
    margin: 0 10px 0 0;
    width: 64px;
  }

  .cele-intros {
    margin: 10px 0 0;
  }

  .cele-intros h4 {
    font-size: 18px;
  }

  .cele-texts {
    margin: 13px auto 0;
    width: 100%;
    font-size: 14px;
  }

  /* ----- Sliders Featured ----- */
  .sliders-featured {
    padding: 50px 0 0;
  }

  .sliders-featured .sec-title {
    margin: 0 auto 50px;
    text-align: center;
  }

  .slider-container {
    height: auto;
  }

  .sld-item {
    float: none;
    margin: 0 0 50px;
    width: 100% !important;
  }

  .sld-item img {
    display: block;
    width: 100%;
    height: auto;
  }

  .sld-imask {
    background: rgba(0, 0, 0, .35);
  }

  .sld-title {
    position: relative;
    left: 0px;
    top: 0px;
    padding: 10px 0 0;
    background: #fff;
    font-size: 28px;
    color: #2f3031;
    text-align: center;
  }

  .sld-title br,
  .sld-text h2 {
    display: none;
  }

  .sld-text {
    position: relative;
    top: 0px;
    bottom: auto;
    padding: 5px 0;
    height: auto;
    background: #fff;
    opacity: 1;
  }

  .sld-text span {
    float: none;
    margin: 0;
    color: #2f3031;
    text-align: center;
  }

  .sld-icon {
    display: block;
    top: 40%;
  }

  .sld-text.has-tips s {
    position: static;
    display: block;
    padding: 0px;
    margin: 10px auto 0;
    color: #999;
    width: 68%;
    text-align: center;
    font-size: 12px;
  }

  /* ----- Scene sections ----- */
  .scene-right .scene-text,
  .scene-left .scene-text,
  .zh-tw .scene-right .scene-text,
  .zh-tw .scene-left .scene-text {
    padding: 50px 0 30px;
    width: 90%;
  }

  .scene-text .sec-title {
    font-size: 24px;
  }

  .scene-text .sec-intro {
    font-size: 14px;
  }

  .scene-icons {
    margin: 20px auto 0;
    width: 300px;
  }

  .pt-icon {
    margin: 15px 0;
    width: 25%;
    font-size: 12px;
  }

  .pt-icon s {
    width: 56px;
    height: 56px;
    background-size: 504px 224px;
  }

  .pt-icon b.exclusive {
    right: 0;
    top: -9px;
    width: 20px;
    height: 20px;
    background-size: 20px;
  }

  .pt-icon.res-eqke s {
    background-position: -336px -112px;
  }

  .pt-icon.res-qingting s {
    background-position: -280px 0;
  }

  .pt-icon.res-china-daily s {
    background-position: -336px -168px;
  }

  .pt-icon.res-sanlian s {
    background-position: -280px -168px;
  }

  .pt-icon.res-kuwo s {
    background-position: 0 -56px;
  }

  .pt-icon.res-fandeng s {
    background-position: -56px 0;
  }

  .pt-icon.res-zhihu s {
    background-position: -112px 0;
  }

  .pt-icon.res-dbtime s {
    background-position: -168px 0;
  }

  .pt-icon.res-boya s {
    background-position: -168px -112px;
  }

  .pt-icon.res-niangao s {
    background-position: -112px -112px;
  }

  .pt-icon.res-huohuotu s {
    background-position: -56px -112px;
  }

  .pt-icon.res-beiwa s {
    background-position: 0px -112px;
  }

  .pt-icon.res-kaishu s {
    background-position: -392px -56px;
  }

  .pt-icon.res-bbtingt s {
    background-position: -448px -56px;
  }

  .pt-icon.res-vipkid s {
    background-position: -280px -112px;
  }

  .pt-icon.res-xinhua s {
    background-position: -112px -56px;
  }

  .pt-icon.res-fenghuang s {
    background-position: -168px -56px;
  }

  .pt-icon.res-xmlaya s {
    background-position: -224px 0;
  }

  .pt-icon.res-qinhan s {
    background-position: -224px -112px;
  }

  .pt-icon.res-toutiao s {
    background-position: -224px -56px;
  }

  .pt-icon.res-lanren s {
    background-position: -392px 0;
  }

  .pt-icon.res-hetao s {
    background-position: -448px 0;
  }

  /* ----- Life assistance ----- */
  .life-assistant {
    padding: 50px 0 0;
  }

  .life-assistant .sec-title {
    margin: 0 0 15px;
    text-align: center;
    line-height: 1.25em;
  }

  .life-assistant .sec-title s {
    display: none;
  }

  .life-assistant .sec-title br {
    display: block;
  }

  .sec-subtitle {
    margin: 0;
    font-size: 14px;
    text-align: center;
  }

  .sec-subtitle span.sml {
    margin: 0 auto 7px;
    font-size: 14px;
  }

  .assist-icons-box {
    padding: 20px 0px;
  }

  .ast-item {
    margin: 0 0 5px;
    width: 20%;
    height: 110px;
  }

  .ast-icon {
    margin: 0 0 0 -27.5px;
    width: 55px;
    height: 55px;
    background-size: 330px 165px;
  }

  .ast-item.alert .ast-icon {
    background-position: -55px 0px;
  }

  .ast-item.sleep .ast-icon {
    background-position: -110px 0px;
  }

  .ast-item.schedule .ast-icon {
    background-position: -165px 0px;
  }

  .ast-item.clock .ast-icon {
    background-position: -220px 0px;
  }

  .ast-item.calendar .ast-icon {
    background-position: -275px 0px;
  }

  .ast-item.emotionalchat .ast-icon {
    background-position: 0 -55px;
  }

  .ast-item.peoplewiki .ast-icon {
    background-position: -55px -55px;
  }

  .ast-item.millionswhy .ast-icon {
    background-position: -110px -55px;
  }

  .ast-item.translate .ast-icon {
    background-position: -165px -55px;
  }

  .ast-item.carlimit .ast-icon {
    background-position: -220px -55px;
  }

  .ast-item.stock .ast-icon {
    background-position: -275px -55px;
  }

  .ast-item.calculate .ast-icon {
    background-position: 0px -110px;
  }

  .ast-item.interest-rate .ast-icon {
    background-position: -55px -110px;
  }

  .ast-item.delivery .ast-icon {
    background-position: -110px -110px;
  }

  .ast-item.constellation .ast-icon {
    background-position: -165px -110px;
  }

  .ast-item.find-myphone .ast-icon {
    background-position: -220px -110px;
  }

  .ast-item.private-radio .ast-icon {
    background-position: -275px -110px;
  }

  .ast-name {
    top: 70px;
    font-size: 12px;
  }

  .ast-para {
    display: none;
  }

  /* ----- Wise Facilities ----- */
  .wise-facility .sec-title {
    margin: 0 auto 15px;
    font-size: 24px;
    text-align: center;
  }

  .wise-facility .sec-title br {
    display: none;
  }

  .wise-facility .sec-intro {
    margin: 0 auto;
    font-size: 14px;
  }

  .facility-icons {
    margin: 30px 0 0;
    flex-flow: row wrap;
  }

  .fcl-icon {
    margin: 0 18px 20px;
    font-size: 14px;
  }

  .fcl-icon s {
    margin: 0 auto 10px;
  }

  .fcl-ptn1,
  .fcl-ptn2 {
    margin: 5px auto 0;
    width: 86%;
  }

  /* ----- Block Chain ----- */
  .block-chain {
    padding: 50px 0;
  }

  .block-chain .sec-title {
    margin: 0 0 15px;
    text-align: center;
  }

  .block-chain .sec-intro {
    text-align: center;
    font-size: 14px;
    width: auto;
  }

  .block-chain-content {
    margin: 30px auto 0;
  }

  .bl-chain-img {
    margin: 0 auto 20px;
    width: 80%;
  }

  .bl-qcode {
    width: auto;
    font-size: 14px;
  }

  .bl-qcode img {
    width: 180px;
  }

  .bl-chain-link {
    font-size: 16px;
  }

  /* ----- Box Parameters ----- */
  .box-parameters {
    padding: 50px 0;
  }

  .boxpm-left img {
    width: 80%;
    max-width: 410px;
  }

  .boxpm-right {
    padding: 10px 0 0;
  }

  .boxpm-right h3 {
    margin: 0 auto 20px;
    width: 90%;
    font-size: 18px;
  }

  .pm-box {
    margin: 0 auto 20px;
    padding: 0 0 20px
  }

  .boxpm-details {
    margin: 0 auto;
    width: 90%;
    padding: 0;
    font-size: 14px;
  }

  .boxpm-details li {
    margin: 0 0 13px !important;
    width: 100% !important;
  }

  .sv-left,
  .zh-tw .sv-left {
    width: 96%;
    border-right: none;
  }

  .sv-left span {
    width: 25%;
    padding: 62px 0 0;
    background-size: 50px;
    font-size: 14px;
  }

  .sv-right {
    margin: 30px auto 0;
    width: 100%;
  }

  .sv-right h3 {
    margin: 0 0 15px;
    font-size: 20px;
  }

  .sv-right p {
    margin: 5px 0 0;
    font-size: 14px;
  }

  .about-cheetahmobile,
  .about-orion {
    padding: 50px 0;
  }

  .cm-logo,
  .orion-logo {
    width: 136px;
  }

  .cm-logo {
    height: 71.4px;
    background-size: 136px 71.4px;
  }

  .orion-logo {
    width: 185.5px;
    height: 68px;
    background-size: 185.5px 68px;
  }

  .cm-intros,
  .orion-intros,
  .sum-intro {
    margin: 20px auto 0;
    width: 80%;
    font-size: 14px;
  }

  .cm-products,
  .orion-products {
    margin: 20px auto 0;
    width: 96%;
    flex-flow: row wrap;
    justify-content: center;
  }

  .cm-products a:first-child,
  .cm-products a:last-child,
  .cm-products a {
    margin: 0 4px 15px;
    padding: 68px 0 0;
    width: 76px;
    height: 56px;
    background-size: 56px;
  }

  .orion-products img.in-mob {
    display: block;
    margin: 0 auto;
    width: 80%;
  }

  .orion-products img.in-pc {
    display: none;
  }

  .about-summary {
    padding: 50px 0;
  }

  .sumcon {
    flex-flow: row wrap;
  }

  .sumcon .img1,
  .sumcon .img2 {
    margin: 0 auto 5px;
    width: 80%;
  }

  .fyb-paras-flex {
    padding: 0 10px;
  }

  .fyb-paras-flex a {
    width: 138px;
    font-size: 12px;
  }

  /* --- Pop on mobiles --- */
  .pop-box {
    padding: 0;
    width: 96%;
  }

  .pop-box.for-presale {
    top: 120px;
    margin: 0 0 0 -48%;
    padding: 24px 0;
    width: 96%;
  }

  .pop-title {
    margin: 20px auto 12px;
    font-size: 16px;
  }

  .pop-conts {
    margin: 13px auto 20px;
    width: 98%;
  }

  .pop-descr {
    padding: 0 12px;
    font-size: 14px;
  }

  .for-presale .pop-descr span {
    display: block;
  }

  .pop-btns {
    width: 100%;
  }

  .pop-btn {
    font-size: 14px;
  }

  .pop-inp.for-code {
    width: 62%;
  }

  .pop-btn.pop-fetch-code {
    width: 30%;
  }

  .code-wrong.active {
    right: 43%;
  }

  .footer {
    padding: 18px 0 12px;
  }

  .finfo.first br {
    display: block;
  }

  /* ===== For Fangyibang: ===== */
  .fyb-shown {
    width: 100%;
    -webkit-animation: enterFromBottom 1.5s ease both;
    animation: enterFromBottom 1.5s ease both;
  }

  .fyb-main {
    padding: 120px 0 0;
  }

  .yang-chao-yue .fyb-main {
    margin: 0 auto;
    padding: 128px 0 0;
    float: none;
  }
  .yang-chao-yue .fyb-main.ai-watch {
    width:320px;
  }
  .combi-billboard.fourth-top .fyb-main {
    text-align:center;
  }

  .fyb-title {
    margin: 0 0 7px;
    font-size: 30px;
  }

  .yang-chao-yue .fyb-title {
    margin: 0 auto 8px;
    font-size: 40px;
  }
  .yang-chao-yue .ai-watch.aiw-2g .fyb-title {
    text-align:left;
  }


  .yang-chao-yue .fyb-title b {
    right: 12px;
    top: 5px;
    font-size: 12px;
  }
  .yang-chao-yue .fyb-title b.w4g,
  .yang-chao-yue .fyb-title b.w2g {
    width:30.9px;
    height:19.5px;
    background-size:30.9px 19.5px;
  }
  .yang-chao-yue .fyb-title b.w4g,
  .yang-chao-yue .fyb-title b.w2g {
    right:0px;
  }
  .yang-chao-yue .fourth-top .fyb-title b {
    right:30px;
    top:3px;
    font-size:9px;
  }


  .fyb-subtitle {
    margin: 0 0 20px;
    font-size: 18px;
  }

  .yang-chao-yue .fyb-subtitle {
    margin: 0 0 35px;
    font-size: 14px;
    text-align:center;
  }

  .yang-chao-yue .fyb-price {
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
  }

  .fyb-buynow {
    width: 158px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }

  .yang-chao-yue .fyb-buynow {
    margin: 3px auto 0;
  }

  .yang-chao-yue .fyb-billboard {
    height: auto;
    background: #f3f5f7;
  }

  .yang-in-mob {
    display: block;
    margin: 20px auto 0;
    width: 100%;
    max-width: 750px;
  }

  .fyb-traits {
    padding: 50px 0 0;
  }

  .trait-of-3,
  .trait-of-4,
  .trait-of-6 {
    padding: 50px 0;
  }

  .fyb-pre-tit {
    margin: 0 auto 20px;
    width: 80%;
    font-size: 14px;
    line-height: 18px;
  }

  .fyb-big-tit,
  .zh-tw .fyb-big-tit {
    margin: 0 0 10px;
    font-size: 24px;
  }

  .zh-tw .fyb-techs .fyb-big-tit {
    font-size: 18px;
    line-height: 24px;
  }

  .fyb-tit-desc {
    font-size: 14px;
    line-height: 1.35em;
  }

  .fyb-tit-desc br {
    display: block;
  }

  .fyb-tit-desc s {
    display: none;
  }

  .fyb-trait1-img,
  .fyb-trait3-img,
  .fyb-trait4-img,
  .fyb-trait6-img {
    margin: 50px auto 0;
    width: 90%;
  }

  .yang-chao-yue .fyb-trait3-img {
    margin: 30px auto 0;
    width: 90%;
  }

  .yang-chao-yue .fyb-trait3-img span {
    right: 30px;
    bottom: 0px;
  }

  .yang-chao-yue .fyb-trait4-img {
    margin: 35px auto 0;
  }

  .yang-chao-yue .fyb-newyear-red {
    padding: 38px 0;
    height: 70px;
  }

  .yang-chao-yue .fyb-newyear-red h2 {
    font-size: 28px;
    line-height: 36px;
  }

  .yang-chao-yue .fyb-newyear-red h2 br {
    display: block;
  }

  .yang-chao-yue .fyb-newyear-red h2 s {
    display: none;
  }

  .fyb-trait4-tip {
    padding: 20px 0 0;
    width: 80%;
    text-align: left;
  }

  .fyb-trait4-tip:last-child {
    padding: 8px 0 0;
  }

  .fyb-tw-txt,
  .fyb-tw-img {
    margin: 0 auto;
    padding: 0;
    float: none;
    width: 90%;
  }

  .trait-of-2 .fyb-tw-img {
    margin: 30px auto 0;
    width: 68%;
  }

  .trait-of-5 .fyb-tw-img {
    display: none;
  }

  .trait-of-5 .fyb-tw-img.in-mob {
    display: block;
    margin: 30px auto 0;
    width: 90%;
  }

  .trait-of-5 .fyb-tw-txt {
    padding: 0;
  }

  .chrz .fyb-big-tit,
  .chrz .fyb-pre-tit,
  .chrz .fyb-tit-desc {
    text-align: center;
  }

  .chrz .fyb-big-tit {
    margin: 0 0 10px;
    line-height: 1em;
  }

  .chrz .fyb-tit-desc {
    line-height: 1.35em;
  }

  .chrz .fyb-big-tit br {
    display: none;
  }

  .chrz .fyb-big-tit s {
    display: inline;
  }

  .fyb-sisters {
    margin: 50px auto 0;
  }

  .fyb-2sis-pc {
    display: none;
  }

  .fyb-2sis-mob {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 750px;
  }

  .fyb-traits.hrz .fyb-big-tit {
    margin: 0 0 20px;
    line-height: 30px;
  }

  .fyb-text {
    padding: 50px 0 0;
  }

  .trait-of-8 {
    height: 220px;
    background: url(/images/fyb-onstreet.jpg) 50% 50% no-repeat;
    background-size: cover;
  }

  .fyb-video {
    display: none;
  }

  .fyb-vtext {
    margin: -60px 0 0;
    height: 120px;
  }

  .fyb-vplay {
    margin: 0 auto 20px;
    width: 60px;
    height: 60px;
    background-size: 60px;
  }

  .fyb-vtext h4 {
    font-size: 16px;
  }

  .fyb-vtext h4 span {
    padding: 0 6px;
  }

  .fyb-traits.fyb-techs,
  .fyb-traits.fyb-supporters,
  .fyb-traits.fyb-parameters {
    padding: 50px 0;
  }

  .fyb-techs .fyb-big-tit,
  .fyb-supporters .fyb-big-tit {
    font-size: 24px;
    line-height: 30px;
  }

  .fyb-techs .fyb-big-tit br {
    display: block;
  }

  .fyb-tech-pics,
  .fyb-chip-pics {
    margin: 30px auto 0;
    width: 90%;
  }

  .fyb-parameters .fyb-big-tit {
    font-size: 24px;
  }

  .fyb-top-para {
    margin: 40px 0 20px;
  }

  .fyb-paras-flex {
    padding: 0;
  }

  .fyb-paras-flex a {
    padding: 75px 0 20px;
    width: 22%;
    background-position: 50% 0px;
    font-size: 12px;
    line-height: 1.35em;
    border-bottom: none;
    border-left: none;
  }

  .fyb-paras-flex.fyb-grey-para a {
    width: 22%;
  }

  .fyb-paras-flex a br {
    display: block;
  }

  .fyb-paras-flex a s {
    display: none;
  }

  .fyb-paras-flex a.font-sml {
    padding: 75px 0 20px;
    font-size: 11px;
    line-height: 1.2em;
  }

  .fyb-paras-flex a.font-sml s {
    display: inline;
  }

  .fyb-paras-flex a.font-sml br {
    display: none;
  }

  .combi-billboard,
  .combi-billboard.fourth-top {
    height: auto;
  }
  .yang-chao-yue .fyb-main.plus {
    width:320px;
  }
  .fyb-plus-mob {
    display:block;
    margin:-50px auto 0;
    width:100%;
  }
  .combi-billboard.third-top.fyb-plus {
    background:#080822;
  }

  .plus-with-border {
    margin:0 0 0 3px;
    width:55.46px;
    height:35px;
    background-size:55.46px 35px;
  }

  .chaoyue-img {
    position: static;
    margin: 30px auto 0;
    height: auto;
    width: 100%;
  }
  .chaoyue-img.youth {
    margin:0 auto;
    height:auto;
  }
  .chaoyue-img.i4g {
    right:auto;
    height:auto;
    width:110%;
  }
  .chaoyue-img.i2g.green {
    position:relative;
    right:auto;
    left:65%;
    margin:60px 0 0 -110px;
    height:auto;
    width:220px;
  }
  .chaoyue-img.i2g.pink {
    position:absolute;
    right:0px;
    top:auto;
    bottom:50px;
    left:30%;
    margin:0 0 0 -110px;
    height:auto;
    width:220px;
  }


  .chaoyue-btns {
    width: 280px;
  }

  .yang-chao-yue .combi-billboard .fyb-price {
    margin: 0 auto;
  }

  .combi-texts-fyb {
    float: none;
    margin: 108px auto 0;
    padding: 0;
  }

  .combi-btns {
    margin: 30px auto 0;
  }

  .combi-buybtn {
    width: 128px;
    height: 40px;
    line-height: 42px;
  }
  .aiw-4g .combi-buybtn,
  .fyb-plus .combi-buybtn {
    margin:0 auto;
  }

  .combi-abs-img.yellow,
  .combi-abs-img.pink,
  .combi-abs-img.big-yinx {
    display: none;
  }

  .combi-img-in-mob {
    display: block;
    margin: 50px auto;
    width: 100%;
    max-width: 750px;
    -webkit-animation: enterFromRight 1.5s ease both .4s;
    animation: enterFromRight 1.5s ease both .4s;
  }

  .combi-img-in-mob.abs {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin: 0 0 0 -50%;
    -webkit-animation: enterFromLeft 1.5s ease both;
    animation: enterFromLeft 1.5s ease both;
  }

  .combi-img-in-mob.yinx {
    position: relative;
    left: 30px;
    bottom: -30px;
    margin: 0 auto;
    width: 98%;
  }

  .combi-abs-img.sml-yinx {
    right: -20px;
    width: 120px;
  }

  .combi-abs-img.mid-yinx {
    top: 120px;
    left: -120px;
    width: 200px;
  }

  .combi-texts-yinx {
    padding: 120px 0 0;
  }

  .combi-texts-fyb,
  .combi-texts-yinx {
    width: 280px;
  }

  .combi-title {
    margin: 0 0 7px;
    font-size: 30px;
  }

  .combi-subtlt {
    font-size: 16px;
  }

  /* ----- For News Center ----- */
  .news-wrapper {
    padding: 100px 0;
  }

  .news-wrapper .container,
  .news-wrapper .container.news-detail {
    width: 100%;
  }

  .news-main-title {
    padding: 0 0 50px;
    font-size: 36px;
  }

  .news-item {
    float: none;
    margin: 0 auto 50px;
    width: 90%;
    height: auto;
  }

  .item-img {
    float: none;
    width: 100%;
    height: auto;
  }

  .item-img img {
    width: 100%;
  }

  .item-txt {
    float: none;
    width: 100%;
    height: auto;
  }

  .item-txt h2 {
    margin: 10px 0;
    font-size: 20px;
    line-height: 1.35em;
  }

  .item-txt p {
    font-size: 12px;
    line-height: 1.35em;
  }

  .item-txt span {
    position: static;
    display: block;
    margin: 8px 0 0;
  }

  .news-crumb {
    margin: 0 0 20px 20px;
    font-size: 12px;
  }

  .article-content {
    margin: 0 auto 10px;
  }

  .art-title {
    margin: 0 20px 10px;
    font-size: 20px;
    line-height: 1.35em;
  }

  .art-time {
    margin: 0 20px;
    font-size: 12px;
  }

  .art-text {
    margin: 30px 20px 0;
  }

  .art-text p {
    margin: 0 0 15px;
  }

  .art-relative {
    margin: 50px 0 0;
  }

  .art-relative a {
    float: none !important;
    margin: 0 0 8px;
    text-align: center;
  }

  .tw-four-videos .sec-title {
    line-height: 1.35em;
  }

  .tw-four-videos .sec-title s {
    display: none;
  }

  .tw-four-videos .sec-title br {
    display: block;
  }


  /* ----- FanYiBang Privacy ----- */
  .fyb-privacy h1 {
    margin: 0 0 30px;
    padding: 128px 0 0;
    font-size: 24px;
  }

  .fyb-pcy-contents {
    margin: 0 20px;
  }

  .fyb-pcy-contents h2 {
    margin: 20px 0;
    font-size: 16px;
  }

  .footer.fyb-pvy {
    margin: 40px 0 0;
  }
}



/* -------------------------------- */
/* ========== For low-height screens ========== */
@media (max-height:680px) {
  .fyb-main {
    padding: 90px 0 0;
  }

  .fyb-title {
    margin: 0 0 10px;
    font-size: 44px;
  }

  .fyb-subtitle {
    margin: 0 0 20px;
    font-size: 20px;
  }
}

/* ======================================= */
/* ========== For small screens ========== */
/* ======================================= */
@media (max-width:320px) {
  .slogan-box {
    padding: 104px 0 0;
  }

  .main-title {
    margin: 0 auto 10px;
    width: 256px;
    height: 47.54px;
    background-size: 256px 47.54px;
  }

  .subtitle {
    font-size: 24px;
  }

  .price {
    margin: 30px auto 0;
    font-size: 38px;
  }

  .buy-btn {
    margin: 3px auto 0;
    width: 178px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
  }

  .aibox-for-mobile {
    margin: 35px auto 0;
  }

  .aiwave-for-mobile {
    top: 70px;
  }

  .exp-para {
    margin: 0 0 12px 25px;
    padding: 0 0 3px 0;
  }

  .blind-hearing .sec-intro {
    font-size: 16px;
  }

  .boxpm-details {
    font-size: 12px;
  }
}

/* end of 320 */
/*
  For baobaolong only.
  Latest modified: 12:53, Dec.12, 2018.
*/

/* ========== Billboard: ========== */
.bblong-billboard {
  width:100%;
  height:880px;
  background:#fff;
}
.bblong-billboard .container {
  min-width:1160px;
}
.left-board {
  padding:200px 0 0;
  float:left;
  width:450px;
}
.pre-slogan {
  margin:0 0 30px;
  font-size:36px;
  color:#464545;
  font-weight:normal;
}
.big-slogan {
  margin:0 0 90px;
  width:410px;
  height:184px;
  background-image:url(/images/big-slogan-text.png);
  background-repeat:no-repeat;
  text-indent:-9999px;
}
.the-price {
  margin:0 0 20px;
  color:#ef631e;
  font-size:48px;
}
.the-price b {
  font-size:72px;
  font-weight:normal;
}
.subscr-btn {
  display:block;
  width:218px;
  height:70px;
  line-height:70px;
  font-size:24px;
  border-radius:4px;
  background:#25c1ba;
  color:#fff;
  text-align:center;
  -webkit-transition:all .4s ease;
  transition:all .4s ease;
}
.subscr-btn:hover {
  background:#23d2b7;
  box-shadow:0 5px 25px rgba(0,0,0,.1);
}
.right-board {
  position:relative;
  float:right;
  padding:120px 0 0;
  width:700px;
}
.bblong-pic {
  display:block;
  width:860px;
  -webkit-transition:width .4s ease;
  transition:width .4s ease;
}
@media (min-width:1680px) {
  .bblong-pic {
    width:1020px;
  }
}
.bblong-din {
  position:absolute;
  display:block;
  left:90px;
  bottom:70px;
}


/* ========== Global Styles: ========== */
.container1680,
.container1920 {
  margin:0 auto;
  width:1200px;
}
@media (min-width:1680px) {
  .container1680 {
    width:1680px;
  }
}
@media (min-width:1920px) {
  .container1920 {
    width:1920px;
  }
  .pronounce-assessment .container1920 {
    width:1200px;
  }
}
.bblong-sec-title {
  margin:0 auto 30px;
  font-size:44px;
  text-align:center;
  color:#404040;
  font-weight:normal;
}
.bblong-sec-title br {
  display:none;
}
.bblong-sec-title s {
  display:inline;
}
.bblong-top-sml-title {
  margin:0 auto 35px;
  width:136px;
  height:36px;
  border-radius:36px;
  text-align:center;
  color:#fff;
  font-size:20px;
  line-height:36px;
  background:#26cbc1;
  font-weight:normal;
}
.bblong-sec-descr {
  margin:0 auto;
  font-size:18px;
  line-height:1.35em;
  color:#666;
  text-align:center;
  max-width:600px;
}



/* ========== Five Funcs: ========== */
.five-funcs {
  padding:45px 0;
  width:100%;
  height:220px;
  color:#fff;
  background:#23d3b7;
}
.five-funcs .container {
  min-width:960px;
}
.five-funcs .bblong-sec-title {
  color:#fff;
}
.ff-contents {
  margin:35px auto 0;
  width:1050px;
}
.ff-contents li {
  float:left;
  width:20%;
}
.ff-contents li img {
  display:block;
  margin:0 auto 18px;
  background-color:#fff;
  width:90px;
  height:90px;
  border-radius:50%;
}
.ff-contents li p {
  font-size:18px;
  text-align:center;
}


/* ========== Speak Loud: ========== */
.speak-loud {
  padding:65px 0 0;
  width:100%;
  height:865px;
  background:url(/images/speak-loud-bg.jpg) 50% 50% no-repeat;
  background-size:cover;
}
.spk-loud-bg-for-mob {
  display:none;
}


/* ========== Pronounce Correction: ========== */
.pronounce-correction {
  position:relative;
  padding:65px 0 0;
  width:100%;
  background:#fff;
}
.pron-bottom-bar {
  position:absolute;
  left:0px;
  bottom:0px;
  width:100%;
  height:210px;
  background:#26d3b7;
}
.pron-corr-contents {
  position:relative;
  margin:115px auto 0;
  width:100%;
}
.pron-two-machines-for-mob {
  display:none;
}
.pron-two-machines {
  display:block;
  margin:0 auto;
  width:100%;
}
.dinosaur-with-stick {
  position:absolute;
  right:0px;
  bottom:0px;
  width:371.42px;
}
@media (min-width:1680px) {
  .dinosaur-with-stick {
    right:-100px;
    width:520px;
  }
}
.pronounce-correction .in-mob {
  display:none;
}


/* ========== Pronounce Assessment: ========== */
.pronounce-assessment {
  width:100%;
  background:url(/images/pron-assess-bg.png) repeat-x;
}
.pron-assess-bg-for-mob {
  display:none;
}
.pronounce-assessment .container1920 {
  position:relative;
  padding:65px 0 0;
  height:693.75px;
  background-repeat:no-repeat;
  background-image:url(/images/english-assessment-all.jpg);
  background-position:50% 100%;
  background-size:1200px 634.375px;
}
.pron-assess-phone {
  position:absolute;
  bottom:0px;
  right:199px;
  width:288.375px;
  height:390.625px;
  overflow:hidden;
}
.pron-assess-phone img {
  position:absolute;
  left:0px;
  display:block;
  width:100%;
  max-width:480px;
}
.in-phone-topbar {
  top:0px;
}
.in-phone-scroll {
  top:60px;
  -webkit-transition:all 1.7s ease;
  transition:all 1.7s ease;
}
.in-phone-scroll.active {
  top:-575px;
}

/* ========== Rubbing Ears: ========== */
.rubbing-ear {
  padding:65px 0;
  width:100%;
  background:#fff;
}
.rub-ear-contents {
  position:relative;
  margin:125px auto 0;
  width:1200px;
}
.rub-ear-machine {
  display:block;
  margin:0 auto;
}
.rub-ear-dinosaur {
  display:block;
  position:absolute;
  right:100px;
  bottom:0px;
}
.rub-ear-bubble {
  display:block;
  position:absolute;
  height:54px;
  background:#26cbc1;
  color:#fff;
  font-size:20px;
  line-height:54px;
}
.rub-ear-bubble s {
  position:absolute;
  top:0px;
  text-indent:-9999px;
  width:54px;
  height:54px;
  background-size:54px;
  background-repeat:no-repeat;
}
.rub-ear-bubble.tail-right {
  padding:0 0 0 35px;
  border-radius:50px 0 0 50px;
}
.rub-ear-bubble.tail-right s {
  right:-54px;
  background-image:url(/images/bubble-tail-right.png);
}
.rub-ear-bubble.tail-left {
  padding:0 35px 0 0;
  border-radius:0 50px 50px 0;
}
.rub-ear-bubble.tail-left s {
  left:-54px;
  background-image:url(/images/bubble-tail-left.png);
}

.rub-ear-bubble.rub-1 {
  top:0px;
  left:18%;
}
.rub-ear-bubble.rub-2 {
  top:130px;
  left:10%;
}
.rub-ear-bubble.rub-3 {
  top:250px;
  left:0%;
}
.rub-ear-bubble.rub-4 {
  top:450px;
  left:-6%;
}
.rub-ear-bubble.rub-5 {
  top:-20px;
  right:5%;
}
.rub-ear-bubble.rub-6 {
  top:120px;
  right:0;
}
.rub-ear-bubble.rub-7 {
  top:270px;
  right:-10%
}
.rub-ear-bubble.rub-8 {
  top:520px;
  right:-6%;
}


/* ========== Half Section Grey: ========== */
.half-section-grey {
  padding:45px 0;
  background:#f1f2f4;
}
.en-tutorials {
  margin:55px auto 0;
  width:1035px;
}
.en-tutorials img {
  display:block;
  margin:0 38px;
  float:left;
  width:265px;
}


/* ========== Lexicon: ========== */
.lexicon {
  padding:65px 0 0;
  width:100%;
  height:865px;
  background:url(/images/lexicon-bg-well.jpg) 50% 50% no-repeat;
  background-size:cover;
}
.lexi-for-mob {
  display:none;
}
@media (min-width:1920px) {
  .lexicon {
    height:1020px;
  }
}


/* ========== Learning Management: ========== */
.learning-management {
  padding:100px 0;
  width:100%;
  background:#f1f1f1;
}
.learning-management .container {
  min-width:1054px;
}
.management-right {
  padding:100px 0 0;
  float:right;
  width:540px;
}
.management-left {
  position:relative;
  float:left;
  width:540px;
  height:735px;
  background:url(/images/mng-phone.png) 100% 0 no-repeat;
}
.mng-phone-for-mob {
  display:none;
}
.mng-dinosaur {
  position:absolute;
  top:150px;
  right:379px;
  width:250px;
}
.mng-bubble-hi {
  position:absolute;
  left:-60px;
  bottom:110px;
  width:78px;
}
.learning-management .bblong-top-sml-title {
  margin:0 0 35px;
}
.learning-management .bblong-sec-title {
  margin:0 0 30px;
  text-align:left;
  line-height:1.2em;
}
.learning-management .bblong-sec-descr {
  margin:0;
  text-align:left;
  max-width:88%;
  line-height:1.35em;
}
.learning-management .bblong-sec-descr.in-mob {
  display:none;
}
.management-icons {
  margin:95px 0 0;
}
.management-icons li {
  margin:0 30px 40px 0;
  float:left;
  width:78px;
}
.management-icons li:last-child {
  margin:0;
}
.management-icons li img {
  display:block;
  margin:0 0 10px;
  width:78px;
}
.management-icons li span {
  display:block;
  font-size:16px;
  color:#555;
  text-align:center;
}
.swiper-container {
  position:absolute;
  right:25px;
  top:80px;
  width:328px;
  height:570px;
}
.swiper-slide {
  background:none;
  width:100%;
  height:100%;
}
.swiper-slide img {
  display:block;
  margin:0 auto;
  width:100%;
  height:100%;
}
.swiper-pagination-bullet-active {
  background:#26cbc1!important;
}

@media (max-width:1200px) {
  .management-right,
  .management-left {
    width:500px;
  }
  .management-icons {
    margin:65px 0 0;
  }
  .management-icons li {
    margin:0 30px 30px 0;
    width:64px;
  }
  .management-icons li img {
    width:64px;
  }
  .management-icons li span {
    font-size:14px;
  }
  .mng-dinosaur {
    top:180px;
    width:180px;
  }
  .mng-bubble-hi {
    left:0px;
  }
} /* End of 1200 */


/* ========== Learning Program: ========== */
.learning-program {
  padding:65px 0 0;
  width:100%;
  background:#fff;
}
.program-contents {
  margin:90px auto 0;
  width:100%;
}
.program-contents img {
  display:block;
  margin:0 auto;
  width:100%;
}


/* ========== Age Group Lessons: ========== */
.age-group-lessons {
  padding:90px 0 0;
  background:#fff;
}
.age-group-lessons .scene-section {
  margin:0 auto;
  max-width:1900px;
  min-width:1200px;
}
.age-group-lessons .container {
  margin:0 auto 60px;
}
.age-group-lessons .scene-section .bblong-sec-title {
  text-align:left;
}
.age-group-lessons .scene-section .bblong-sec-descr {
  margin:0;
  text-align:left;
  max-width:88%;
}
.age-group-lessons .scene-left .scene-text {
  padding:100px 100px 0 0;
}
.age-group-lessons .scene-right .scene-text {
  padding:100px 0 0 100px;
}
.age-group-lessons .scene-left .bblong-sec-descr {
  max-width:100%;
}
.age-group-lessons .scene-section .scene-left .bblong-sec-title,
.age-group-lessons .scene-section .scene-left .bblong-sec-descr {
  text-align:right;
}
.age-group-lessons .in-mob {
  display:none;
}
.scene-icon-list {
  margin:90px 90px 0 0;
}
.scene-left .scene-icon-list {
  margin:90px 0 0 90px;
}
.scene-icon-list li {
  float:left;
  margin:0 40px 40px 0;
  width:80px;
}
.scene-left .scene-icon-list li {
  float:right;
  margin:0 0 40px 40px;
}
.scene-icon-list li img {
  display:block;
  margin:0 auto 10px;
  width:80px;
}
.scene-icon-list li span {
  display:block;
  font-size:16px;
  color:#555;
  text-align:center;
}
.age-group-lessons .scene-img img {
  max-width:950px;
  min-width:560px;
}
.scene-tips {
  margin:100px 0 0;
  font-size:12px;
  color:#999;
}
.scene-left .scene-tips {
  text-align:right;
}
@media (min-width:1800px) {
  .scene-tips {margin:200px 0 0;}
}
@media (min-width:1920px) {
  .scene-tips {margin:220px 0 0;}
}

@media (max-width:1600px) {
  .scene-icon-list li {margin:0 30px 30px 0;width:70px;}
  .scene-left .scene-icon-list li {margin:0 0 30px 30px;}
  .scene-icon-list li img {width:70px;}
}

@media (max-width:1580px) {
  .scene-tips {margin:80px 0 0;}
}
@media (max-width:1520px) {
  .scene-tips {margin:60px 0 0;}
}

@media (max-width:1460px) {
  .scene-tips {
    margin:120px 0 0;
  }
  .scene-icon-list {
    margin:50px 90px 0 0;
  }
  .scene-left .scene-icon-list {
    margin:50px 0 0 90px;
  }
  .age-group-lessons .scene-left .scene-text {
    padding:60px 60px 0 0;
  }
  .age-group-lessons .scene-right .scene-text {
    padding:60px 0 0 60px;
  }
  .scene-icon-list li span {
    font-size:14px;
  }
} /* End of 1460 */

@media (max-width:1328px) {
  .scene-icon-list {
    margin:30px 30px 0 0;
  }
  .scene-left .scene-icon-list {
    margin:30px 0 0 30px;
  }
  .scene-icon-list li,
  .scene-icon-list li img {
    width:58px;
  }
} /* End of 1328 */

@media (max-width:1300px) {
  .scene-tips {
    margin:90px 0 0;
  }
} /* End of 1300 */

@media (max-width:1029px) {
  .age-group-lessons .scene-left {
    float:left;
    width:50%;
  }
  .age-group-lessons .scene-right {
    float:right;
    width:50%;
  }
} /* End of 1029 */


/* ========== AI Interactions: ========== */
.ai-interaction {
  padding:65px 0 0;
  width:100%;
  height:980px;
  background:url(/images/ai-interaction-bg-uncompressed.jpg) 50% 50% no-repeat;
  background-size:cover;
}
.ai-interaction .in-mob,
.ai-inter-bg-mob {
  display:none;
}

/* ========== Parents Good Helper: ========== */
.parents-helper {
  padding:65px 0 0;
  background:#fff;
}
.helper-contents {
  margin:50px 0 0;
  width:100%;
}
.helper-unit {
  position:relative;
  float:left;
  width:50%;
}
.helper-unit img {
  display:block;
  width:100%;
}
.helper-txt {
  position:absolute;
  top:35px;
  left:80px;
  width:280px;
}
.helper-txt h3,
.helper-txt h4 {
  font-size:22px;
  font-weight:normal;
}
.helper-txt h3 {
  margin:0 0 4px;
  color:#26cbc1;
}
.helper-txt h4 {
  margin:0 0 18px;
  color:#404040;
}
.helper-txt p {
  font-size:12px;
  line-height:1.35em;
  color:#666;
}
.parents-helper .in-mob {
  display:none;
}


/* ========== Parameters: ========== */
.parameters {
  padding:113px 0 150px;
}
.parameters .container {
  min-width:1135px;
}
/* Left part of parameters: */
.param-left {
  float:left;
  width:438px;
}
.parameters .bblong-sec-title,
.parameters .bblong-sec-descr {
  text-align:left;
}
.params-box {
  margin:48px 0 0;
  border-top:1px solid #bab9b9;
  border-bottom:1px solid #bab9b9;
}
.params-box h3 {
  position:relative;
  margin:0 0 38px;
  font-size:18px;
  color:#404040;
  cursor:pointer;
  -webkit-transition:color .4s ease;
  transition:color .4s ease;
}
.params-box h3 a {
  position:absolute;
  right:30px;
  top:-2px;
  padding:2px;
  display:block;
  font-size:18px;
  color:#b9b8b8;
  -webkit-transition:all .4s ease;
  transition:all .4s ease;
}
.params-box h3:hover {
  color:#26cbc1;
}
.params-box h3:hover a,
.pm-specs.active h3 a,
.pm-features.active h3 a {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}
.pm-specs {
  padding:40px 40px 20px;
  background:#faf9f9;
  border-bottom:1px solid #bab9b9;
}
.pm-features {
  padding:40px 40px 20px;
  background:#fff;
}
.params-box .pm-features h3 {
  margin:0 0 18px;
}
.params-box .pm-features.active h3 {
  margin:0 0 28px;
}

.pm-innerbox {
  -webkit-transition:all .4s ease;
  transition:all .4s ease;
}
.pm-innerbox.hide {
  height:0px;
  overflow:hidden;
}
.active .pm-innerbox.hide {
  height:auto;
}
.pm-innerbox h4 {
  padding:0 15px 15px;
  font-size:16px;
  color:#363535;
  border-bottom:1px solid #dfdcdb;
}
.pm-innerbox ul {
  padding:15px 10px 10px 30px;
}
.pm-innerbox ul li {
  margin:0 0 8px;
  font-size:14px;
  color:#696969;
  list-style:disc;
}
/* Right part of parameters: */
.param-right {
  float:right;
  width:682px;
}
.param-right img {
  display:block;
  margin:38px 0 0 83px;
  width:100%;
}



/* ========== Half Section for Prizes: ========== */
.half-section-grey.for-prizes {
  background:#f0f0f0;
}
.half-section-grey.for-prizes .container {
  width:1100px;
}
.prize-left {
  float:left;
  width:400px;
}
.prize-right {
  float:right;
  width:560px;
}
.prz-unit img {
  display:block;
  float:left;
  margin:0 38px 0 0;
}
.prz-txt {
  float:left;
  padding:27px 0 0;
}
.prz-txt b,
.prz-txt s {
  display:block;
  font-size:28px;
}
.prz-txt b {
  margin:0 0 7px;
  color:#666;
  font-weight:normal;
}
.prz-txt s {
  color:#333;
}


/* ========== Services After Purchase: ========== */
.services {
  padding:65px 0 0;
  height:480px;
  background:url(/images/service-bg-bar.jpg) repeat-x;
}
.srv-title {
  margin:0 auto 60px;
  width:200px;
  height:38px;
  line-height:38px;
  border-radius:36px;
  background:#fff;
  text-align:center;
  font-size:18px;
  color:#25d2b7;
}
.srv-list {
  margin:0 0 60px;
  width:100%;
}
.srv-list li {
  float:left;
  margin:0 0 40px;
  width:25%;
}
.srv-list li img {
  display:block;
  margin:0 auto 18px;
  width:75px;
}
.srv-list li span {
  display:block;
  text-align:center;
  color:#fff;
  font-size:18px;
}
.srv-list li span br {
  display:none;
}


/* ========== QrCode: ========== */
.bblong-qrcode {
  padding:70px 0;
  background:#fff;
  height:164px;
}
.bblong-qrcode .container {
  width:520px;
  height:100%;
}
.qr-unit {
  float:left;
  width:50%;
  height:100%;
}
.qr-unit img {
  display:block;
  max-width:164px;
}
.qr-unit.rel {
  position:relative;
}
.qr-unit h3 {
  margin:4px 0 0;
  font-size:24px;
  line-height:1.25em;
  color:#333;
  font-weight:normal;
}
.qr-unit p {
  position:absolute;
  bottom:0px;
  left:0px;
  font-size:18px;
  line-height:1.25em;
  color:#404040;
}


/* ================================== */
/* ========== For Mobiles: ========== */
@media (max-width:768px) {
  /* ----- Global Styles: ----- */
  .container1680,
  .container1920 {
    width:100%;
  }
  .bblong-top-sml-title {
    margin:0 auto 10px;
    width:90px;
    height:24px;
    border-radius:24px;
    line-height:24px;
    font-size:14px;
  }
  .bblong-sec-title {
    margin:0 auto 5px;
    font-size:24px;
    line-height:1.2em;
  }
  .bblong-sec-title br {
    display:block;
  }
  .bblong-sec-title s {
    display:none;
  }
  .bblong-sec-title.sml-in-mob {
    font-size:18px;
  }
  .bblong-sec-descr {
    font-size:14px;
    max-width:100%;
  }

  /* ----- Billboard: ----- */
  .bblong-billboard {
    padding:0 0 20px;
    height:auto;
  }
  .bblong-billboard .container {
    min-width:100%;
  }
  .left-board {
    padding:90px 0 0;
    float:none;
    width:100%;
  }
  .pre-slogan {
    margin:0 auto 10px;
    font-size:16px;
    text-align:center;
  }
  .big-slogan {
    margin:0 auto 30px;
    width:205px;
    height:92px;
    background-size:205px 92px;
  }
  .the-price {
    margin:0 0 10px;
    font-size:24px;
    text-align:center;
  }
  .the-price b {
    font-size:42px;
  }
  .subscr-btn {
    margin:0 auto;
    width:138px;
    height:48px;
    line-height:48px;
    font-size:20px;
  }
  .right-board {
    float:none;
    padding:15px 0 0;
    width:100%;
  }
  .bblong-pic {
    width:100%;
  }
  .bblong-din {
    width:118px;
    left:20px;
    bottom:20px;
  }

  /* ----- Five Funcs: ----- */
  .five-funcs {
    padding:35px 0;
    height:auto;
  }
  .five-funcs .container {
    min-width:100%;
  }
  .ff-contents {
    margin:25px auto 0;
    width:90%;
  }
  .ff-contents li img {
    margin:0 auto 12px;
    width:50px;
    height:50px;
  }
  .ff-contents li p {
    font-size:12px;
  }

  /* ----- Speak Loud: ----- */
  .speak-loud {
    position:relative;
    padding:0;
    height:auto;
    background:none;
  }
  .spk-loud-bg-for-mob {
    display:block;
    margin:0 auto;
    width:100%;
    max-width:750px;
  }
  .speak-loud .container {
    position:absolute;
    top:35px;
    left:50%;
    margin:0 0 0 -50%;
  }

  /* ----- Pronounce Correction: ----- */
  .pronounce-correction {
    padding:35px 0 0;
  }
  .pron-bottom-bar,
  .pron-two-machines,
  .dinosaur-with-stick,
  .pronounce-correction .in-pc {
    display:none;
  }
  .pron-corr-contents {
    margin:15px auto 0;
  }
  .pron-two-machines-for-mob {
    display:block;
    width:100%;
    max-width:750px;
  }
  .pronounce-correction .in-mob {
    display:block;
  }

  /* ----- Pronounce Assessment: ----- */
  .pronounce-assessment {
    position:relative;
    padding:30px 0 0;
    background:#f0f1f3;
  }
  .pron-assess-bg-for-mob {
    display:block;
    margin:0 auto;
    width:100%;
    max-width:750px;
  }
  .pronounce-assessment .container1920 {
    position:absolute;
    top:35px;
    left:50%;
    margin:0 0 0 -50%;
    padding:0;
    width:100%;
    height:100%;
    background:none;
  }
  .pron-assess-phone {
    display:none;
  }

  /* ----- Rubbing Ears: ----- */
  .rubbing-ear {
    padding:35px 0;
  }
  .rub-ear-contents {
    margin:75px auto 0;
    width:100%;
  }
  .rub-ear-machine {
    width:78%;
  }
  .rub-ear-dinosaur {
    right:45px;
    bottom:-25px;
    width:90px;
  }
  .rub-ear-bubble {
    height:24px;
    font-size:12px;
    line-height:24px;
  }
  .rub-ear-bubble s {
    width:24px;
    height:24px;
    background-size:24px;
  }
  .rub-ear-bubble.tail-right {
    padding:0 0 0 15px;
  }
  .rub-ear-bubble.tail-right s {
    right:-24px;
    background-size:24px;
  }
  .rub-ear-bubble.tail-left {
    padding:0 15px 0 0;
  }
  .rub-ear-bubble.tail-left s {
    left:-24px;
    background-size:24px;
  }
  .rub-ear-bubble.rub-1 {
    top:-35px;
    left:10%;
  }
  .rub-ear-bubble.rub-2 {
    top:25px;
    left:3%;
  }
  .rub-ear-bubble.rub-3 {
    top:90px;
  }
  .rub-ear-bubble.rub-5 {
    top:-25px;
    right:2%;
  }
  .rub-ear-bubble.rub-6 {
    top:25px;
    right:2%;
  }
  .rub-ear-bubble.rub-7 {
    top:68px;
    right:0%;
  }
  .rub-ear-bubble.rub-4,
  .rub-ear-bubble.rub-8 {
    display:none;
  }

  /* ----- Half Section Grey: ----- */
  .half-section-grey {
    padding:35px 0;
  }
  .en-tutorials {
    margin:25px auto 0;
    width:300px;
  }
  .en-tutorials img {
    margin:0 10px;
    width:80px;
  }
  /* ----- Lexicon: ----- */
  .lexicon {
    position:relative;
    padding:0;
    height:auto;
    background:none;
  }
  .lexi-for-mob {
    display:block;
    position:relative;
    left:50%;
    margin:0 0 0 -55%;
    width:110%;
    max-width:750px;
  }
  .lexicon .container {
    position:absolute;
    top:35px;
    left:50%;
    margin:0 0 0 -50%;
  }
  /* ----- Learning Management: ----- */
  .learning-management {
    padding:35px 0;
  }
  .learning-management .container {
    min-width:100%;
  }
  .management-right {
    padding:0;
    float:none;
    width:100%;
  }
  .management-left {
    float:none;
    padding:0 0 50px;
    width:100%;
    height:auto;
    background:none;
  }
  .mng-phone-for-mob {
    display:block;
    position:relative;
    top:50px;
    right:30px;
    float:right;
    width:200px;
  }
  .mng-dinosaur {
    top:120px;
    right:229px;
    width:120px;
  }
  .mng-bubble-hi {
    left:20px;
    bottom:60px;
    width:48px;
  }
  .learning-management .bblong-top-sml-title {
    margin:0 auto 10px;
  }
  .learning-management .bblong-sec-title {
    margin:0 0 5px;
    text-align:center;
  }
  .learning-management .bblong-sec-descr {
    margin:0 auto;
    text-align:center;
  }
  .learning-management .bblong-sec-descr.in-mob {
    display:block;
  }
  .learning-management .bblong-sec-descr.in-pc {
    display:none;
  }
  .management-icons {
    margin:35px auto 0;
    width:96%;
    min-width:320px;
  }
  .management-icons li,
  .management-icons li:last-child {
    margin:0;
    width:20%;
    min-width:48px;
  }
  .management-icons li img {
    margin:0 auto 8px;
    width:48px;
  }
  .management-icons li span {
    font-size:12px;
  }
  .swiper-container {
    right:44px;
    top:94px;
    width:172px;
    height:298px;
  }
  /* ----- Learning Program: ----- */
  .learning-program {
    padding:35px 0 0;
  }
  .learning-program .bblong-sec-descr {
    max-width:90%;
  }
  .learning-program .bblong-sec-descr s {
    display:none;
  }
  .program-contents {
    margin:30px auto 0;
  }

  /* ----- Age Group Lessons: ----- */
  .age-group-lessons {
    padding:35px 0 0;
  }
  .age-group-lessons .container {
    margin:0 auto 25px;
  }
  .age-group-lessons .bblong-sec-descr {
    max-width:64%;
  }
  .age-group-lessons .scene-section {
    min-width:100%;
  }
  .age-group-lessons .scene-left,
  .age-group-lessons .scene-right {
    float:none;
    width:100%;
  }
  .age-group-lessons .scene-section .bblong-sec-title,
  .age-group-lessons .scene-section .bblong-sec-descr,
  .age-group-lessons .scene-section .scene-left .bblong-sec-title,
  .age-group-lessons .scene-section .scene-left .bblong-sec-descr {
    text-align:center;
  }

  .age-group-lessons .scene-section .bblong-sec-descr {
    margin:0 auto;
    max-width:82%;
  }

  .age-group-lessons .in-pc {
    display:none;
  }
  .age-group-lessons .in-mob {
    display:block;
  }
  .age-group-lessons .scene-left .scene-text,
  .age-group-lessons .scene-right .scene-text {
    padding:25px 0 0;
  }
  .scene-icon-list,
  .scene-left .scene-icon-list {
    margin:30px auto 0;
    display:-webkit-flex;
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:flex-start;
  }
  .scene-icon-list li,
  .scene-left .scene-icon-list li {
    float:none;
    margin:0 20px 20px;
    width:48px;
  }
  .scene-icon-list li img {
    margin:0 auto 8px;
    width:48px;
  }
  .scene-icon-list li span {
    font-size:12px;
  }
  .age-group-lessons .scene-img img {
    min-width:100%;
  }
  .scene-tips,
  .scene-left .scene-tips {
    text-align:center;
    font-size:10px;
    margin:35px auto;
  }


  /* ----- AI Interactions: ----- */
  .ai-interaction {
    position:relative;
    padding:0;
    height:auto;
    background:none;
  }
  .ai-inter-bg-mob {
    display:block;
    margin:0 auto;
    width:100%;
    max-width:750px;
  }
  .ai-interaction .in-mob {
    display:block;
  }
  .ai-interaction .in-pc {
    display:none;
  }
  .ai-interaction .container {
    position:absolute;
    top:35px;
    left:50%;
    margin:0 0 0 -50%;
  }
  .ai-interaction .bblong-sec-descr br {
    display:none;
  }
  .ai-interaction .bblong-sec-descr {
    max-width:88%;
  }

  /* ----- Parents Good Helper: ----- */
  .parents-helper {
    padding:35px 0 0;
  }
  .helper-contents {
    margin:20px auto 0;
  }
  .helper-unit {
    float:none;
    width:100%;
  }
  .helper-unit img {
    max-width:658px;
    margin:0 auto;
  }
  .helper-txt {
    top:24px;
    left:50%;
    margin:0 0 0 -140px;
  }
  .helper-txt h3,
  .helper-txt h4 {
    font-size:18px;
  }
  .helper-txt h3 {
    margin:0 0 3px;
  }
  .helper-txt h4 {
    margin:0 0 10px;
  }
  .parents-helper .in-mob {
    display:block;
  }
  .parents-helper .in-pc {
    display:none;
  }

  /* ----- Parameters: ----- */
  .parameters {
    padding:35px 0;
  }
  .parameters .container {
    min-width:100%;
  }
  /* Left part of parameters: */
  .param-left,
  .param-right {
    float:none;
    width:100%;
  }
  .param-right img {
    display:block;
    margin:35px auto;
    width:80%;
  }
  .parameters .bblong-sec-title {
    padding:0 20px;
  }
  .parameters .bblong-sec-descr {
    padding:0 90px 0 20px;
  }
  .params-box {
    margin:20px;
  }
  .params-box h3 {
    margin:0 0 25px;
    font-size:16px;
  }
  .params-box h3 a {
    right:20px;
    top:0px;
    font-size:16px;
  }
  .pm-specs {
    padding:20px;
  }
  .pm-features {
    padding:20px;
  }
  .params-box .pm-features h3 {
    margin:0;
  }
  .params-box .pm-features.active h3 {
    margin:0 0 13px;
  }
  .pm-innerbox h4 {
    padding:0 10px 7px;
    font-size:14px;
  }
  .pm-innerbox ul {
    padding:10px 10px 10px 24px;
  }
  .pm-innerbox ul li {
    margin:0 0 4px;
    font-size:12px;
  }

  /* ----- Half Section for Prizes: ----- */
  .half-section-grey.for-prizes {
    padding:20px 0;
  }
  .half-section-grey.for-prizes .container {
    width:100%;
  }
  .prize-left,
  .prize-right {
    float:none;
    margin:10px auto;
    width:90%;
  }
  .prz-unit img {
    margin:0 18px 0 0;
    width:115.6px;
  }
  .prz-txt {
    padding:18px 0 0;
  }
  .prize-right .prz-txt {
    padding:24px 0 0;
  }
  .prz-txt b,
  .prz-txt s {
    font-size:18px;
  }
  .prz-txt b {
    margin:0 0 4px;
  }

  /* ----- Services After Purchase: ----- */
  .services {
    padding:35px 0;
    height:auto;
  }
  .srv-title {
    margin:0 auto 40px;
    width:110px;
    height:24px;
    line-height:24px;
    border-radius:24px;
    font-size:14px;
  }
  .srv-list {
    margin:0 0 20px;
  }
  .srv-list li {
    margin:0;
    width:25%;
    height:108px;
  }
  .srv-list li img {
    margin:0 auto 10px;
    width:40px;
  }
  .srv-list li span {
    font-size:12px;
    line-height:1.25em;
  }
  .srv-list li span br {
    display:block;
  }

  /* ----- QrCode: ----- */
  .bblong-qrcode {
    padding:30px 60px;
    width:auto;
    height:104px;
  }
  .bblong-qrcode .container {
    width:100%;
  }
  .qr-unit img {
    max-width:104px;
  }
  .qr-unit h3 {
    margin:2px 0 0;
    font-size:18px;
  }
  .qr-unit p {
    font-size:12px;
  }

} /* End of 768 */





@media (max-width:320px) {
  /* ----- Global Styles: ----- */
  .bblong-top-sml-title {width:86px;height:20px;border-radius:20px;line-height:20px;font-size:12px;}
  .bblong-sec-title {margin:0 auto 2px;font-size:18px;}
  .bblong-sec-title.sml-in-mob {font-size:14px;}
  .bblong-sec-descr {font-size:12px;}



  /* ----- Billboard: ----- */
  .big-slogan {margin:0 auto 20px;width:155.8px;height:69.92px;background-size:155.8px 69.92px;}
  .the-price {margin:0 0 5px;font-size:16px;}
  .the-price b {font-size:32px;}
  .subscr-btn {width:108px;height:38px;line-height:38px;font-size:16px;}
  .bblong-din {width:88px;}

  /* ----- Five Funcs: ----- */
  .five-funcs {padding:20px 0;}
  .ff-contents {margin:15px auto 0;width:100%;}
  .ff-contents li img {margin:0 auto 8px;width:34px;height:34px;}

  /* ----- Pronounce Correction: ----- */
  .pron-corr-contents {margin:5px auto 0;}

  /* ----- Pronounce Assessment: ----- */
  .pronounce-assessment {padding:18px 0 0;}

  /* ----- Rubbing Ears: ----- */
  .rub-ear-dinosaur {right:36px;width:76px;}
  .rub-ear-bubble {height:18px;font-size:11px;line-height:18px;}
  .rub-ear-bubble s {width:18px;height:18px;background-size:18px;}
  .rub-ear-bubble.tail-right {padding:0 0 0 10px;}
  .rub-ear-bubble.tail-right s {right:-18px;background-size:18px;}
  .rub-ear-bubble.tail-left {padding:0 10px 0 0;}
  .rub-ear-bubble.tail-left s {left:-18px;background-size:18px;}


  /* ----- Learning Management: ----- */
  .management-icons {margin:25px auto 0;width:100%;min-width:300px;}
  .management-icons li,
  .management-icons li:last-child {min-width:38px;}
  .management-icons li img {margin:0 auto 5px;width:38px;}
  .mng-phone-for-mob {right:8px;}
  .mng-dinosaur {top:100px;right:209px;width:100px;}
  .mng-bubble-hi {bottom:90px;}
  .swiper-container {right:22px;}

  /* ----- Parents Good Helper: ----- */
  .helper-txt h3, .helper-txt h4 {font-size:16px;}
  .helper-txt h4 {margin:0 0 5px;}

  /* ----- Half Section for Prizes: ----- */
  .prz-unit img {margin:0 15px 0 0;width:80px;}
  .prz-txt, .prize-right .prz-txt {padding:10px 0 0;}
  .prz-txt b, .prz-txt s {font-size:16px;}

  /* ----- Services After Purchase: ----- */
  .srv-list li {height:98px;}
  .srv-list li img {margin:0 auto 8px;width:36px;}

  /* ----- QrCode: ----- */
  .bblong-qrcode {padding:30px 20px;height:104px;}
  .qr-unit {width:45%;}
  .qr-unit.rel {width:50%;}
  .qr-unit h3 {font-size:16px;}



} /* End of 320 */