/*(@) Powered By Critical Truesun */
.overlay { width: 100%; height: 100%; background-image: url(/img/mask.png); position: fixed; top: 0; left: 0; z-index: 1001; }

.wrap { font-size: 16px; color: #fff; background: #000; margin: 0 auto; }

body { margin: 0; padding: 0; }

/*#test-Width-100-precent { font-family: MyriadPro_Regular !important; position: relative; }*/

.m-btn-top { display: none; }

.overlay-mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; z-index: 9999; display: none; }

.prod-video { width: 5px; height: 5px; background: #000; position: fixed; top: 50%; left: 50%; z-index: 10000; display: none; }
.prod-video iframe { margin: -258px 0 0 -455px; padding: 5px; background: #000; border: 1px solid #555; }

.stage-tit { font-size: 30px; text-align: center; line-height: 35px; background: #a20001; padding: 30px 20px; }

.sub-tit { font-size: 26px; font-weight: bold; line-height: 35px; color: #a26f00; margin: 0 0 15px 0; }

.cont-txt { font-size: 20px; color: #fff; line-height: 25px; margin: 0 0 15% 0; }
.cont-txt .small { font-size: 10px; vertical-align: super; }

.small { font-size: 10px; vertical-align: super; }

.cont-txt2 { font-size: 20px; color: #fff; line-height: 25px; margin: 0 0 40px 0; }
.cont-txt2 a { color: #a26f00; text-decoration: underline; }

.btns { font-size: 22px; border: 1px solid #656565; padding: 25px; border-radius: 50px; transition: .2s; cursor: pointer; }
.btns:hover { border: 1px solid #999; }

.stage-box { max-width: 1600px; margin: 0 auto; }

.stage-1 { padding: 100px 0 50px; background: url(/websites/global/products/e5rP2N02bDRfXJUO/img/stage_1_bg.png) repeat-x left bottom; }

.stage-1-tit { width: 70%; margin: 0 auto 2%; }
.stage-1-tit img { width: 100%; }

.slide-prod-box { width: 933px; margin: 0 auto 20px; }

.slide-prod-txt { text-align: center; font-size: 20px; }

.loading { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; z-index: 1; }

.loaging-img { width: 50px; height: 50px; margin: -25px 0 0 -25px; position: absolute; top: 50%; left: 50%; z-index: 2; }

.slide-bar { width: 100%; height: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); position: relative; margin: 0 0 20px 0; }

.btn-slide-bar { width: 100px; height: 20px; background: url(/websites/global/products/e5rP2N02bDRfXJUO/img/btn_move.png) no-repeat; position: absolute; top: 7px; left: 0; cursor: move; }
.btn-slide-bar:hover { background: url(/websites/global/products/e5rP2N02bDRfXJUO/img/btn_move_on.png) no-repeat; }

.slide-prod { width: 933px; background: #000; margin: 0 auto 15px; position: relative; }
.slide-prod img { width: 100%; display: block; }

.stage-txt { text-align: center; font-size: 20px; color: #fff; width: 80%; line-height: 35px; margin: 25px auto; }

.btn-watch-video { text-align: center; width: 280px; /*background: url(/websites/global/products/e5rP2N02bDRfXJUO/img/btn_play.png) no-repeat 250px center; */ margin: 0 auto 70px; }

.stage-menu { font-size: 30px; }
.stage-menu ul { text-align: center; width: 80%; margin: 0 auto; overflow: hidden; }
.stage-menu li { text-align: left; width: 15%; line-height: 40px; padding: 0 2%; border-right: 1px solid #5f5f5f; display: inline-block; vertical-align: top; }
.stage-menu li:last-child { border: none; }
.stage-menu a { color: #fff; display: block; cursor: pointer; }
.stage-menu a:hover { color: #a26f00; }

.prod-group { text-align: right; position: relative; }
.prod-group img { width: 50%; position: relative; top: -160px; }

.prod-txt { text-align: left; width: 35%; display: inline-block; position: absolute; top: 25%; left: 8%; }

.prod-group2-2 { text-align: right; position: relative; top: -150px; margin: 0 0 -180px; }
.prod-group2-2 .prod-txt { width: 40%; top: 15%; }
.prod-group2-2 img { width: 58%; }

.prod-s-box { text-align: center; width: 44%; display: inline-block; vertical-align: middle; }
.prod-s-box span { font-weight: bold; }
.prod-s-box img { width: 100%; margin: 0 0 5px 0; }

.prod-s-box-tit { color: #fff; }
.prod-s-box-tit span.rt-tit { font-size: 20px; }

.stage-3 { background: #000; }

.prod-group-3 { text-align: right; position: relative; margin: 0 0 50px 0; }
.prod-group-3 img { width: 60%; margin: 110px 0 0 0; }

.stage-3-img { width: 90%; position: absolute; right: -5%; }
.stage-3-img img { width: 90%; }

.prod-3-txt { text-align: left; width: 40%; padding: 90px 2% 0 8%; margin: 0 0 50px 0; position: absolute; top: 30px; }
.prod-3-txt img { margin: 0; }

.stage-2-box-color { background: #021216; padding: 70px 0; }

.prod-group-boost-box { width: 70%; margin: 0 auto; }

.boost-award { width: 170px; height: 170px; position: absolute; top: -60px; right: -60px; z-index: 1; }

.boost-img { position: relative; }
.boost-img img { width: 100%; }

.prod-group-3-left { text-align: left; position: relative; padding: 0 5%; margin: 0 0 70px 0; overflow: hidden; }

.prod-3-txt-right { width: 45%; padding: 0 2% 0 8%; padding: 40px 0 0 0; float: right; }

.prod-3-img-box-left { text-align: center; width: 55%; position: absolute; top: -50px; left: 0; }
.prod-3-img-box-left img { width: 100%; }

.prod-map-ani { width: 55%; margin: 70px 0 5% 0; float: left; position: relative; }
.prod-map-ani img { width: 100%; position: absolute; top: 18%; }

.prod-map-txt { text-align: center; font-size: 1.2em; font-weight: bold; width: 90%; padding: 0 5% 5%; position: absolute; }

.map-txt-2, .map-2 { opacity: 0; }

.prod-group-hov2 { text-align: center; width: 65%; margin: 0 auto; overflow: hidden; }

.prod-faster { width: 40%; margin: 0 5% 0 0; display: inline-block; }
.prod-faster img { width: 100%; }

.prod-faster-txt { text-align: left; width: 54%; vertical-align: top; margin: 11% 0 0 0; display: inline-block; }

.stage-3-list { font-weight: bold; font-size: 22px; color: #ddd611; margin: 0 0 40px; }
.stage-3-list .list-tit { text-align: left; color: #fff; display: inline-block; }
.stage-3-list li { height: 46px; line-height: 46px; list-style-position: inside; list-style-image: url(/websites/global/products/e5rP2N02bDRfXJUO/img/icon_list.png); margin: 0 0 20px; overflow: hidden; }

.list-num { width: 165px; float: right; background: url(/websites/global/products/e5rP2N02bDRfXJUO/img/icon_arrow.png) no-repeat right center; }

.btn-see-how { text-align: center; width: 320px; /*background: url(/websites/global/products/e5rP2N02bDRfXJUO/img/btn_play.png) no-repeat 324px 15px;*/ }

.prod-group-big { position: relative; }
.prod-group-big img { width: 100%; margin: 0 0 25% 0; }

.prod-group-mid { text-align: center; width: 70%; margin: 40px auto 80px; }

.mid-cont { font-size: 20px; color: #fff; line-height: 25px; margin: 0 0 50px; }

.mid-img-1 img { width: 100%; }

.wtf-logo { text-align: center; width: 20%; margin: 0 auto; }
.wtf-logo img { width: 100%; height: auto; }

.prod-group-hov { width: 90%; margin: 0 auto; overflow: hidden; }
.prod-group-hov img { width: 52%; float: left; }

.hov-txt { width: 45%; margin: 12% 0 0; float: right; }

.prod-3-txt-group { width: 41%; position: absolute; top: 13%; left: 15%; }

.prod-3-txt-center-group { text-align: center; width: 70%; margin: 0 auto 0 -35%; position: absolute; left: 50%; bottom: 20px; }

.chart { width: 27%; position: relative; display: inline-block; }
.chart img { width: 100%; margin: 0; }

.chart-txt { text-align: left; width: 68%; margin: 0 0 5% 4%; display: inline-block; vertical-align: bottom; }

.prod-group-last { position: relative; }
.prod-group-last img { width: 100%; }

.prod-3-txt-group2 { width: 50%; position: absolute; top: 10%; left: 50%; margin: 0 0 0 -25%; }

.prod-3-animate { position: relative; }

.prod-3-intro { text-align: center; width: 70%; margin: 50px auto; }

.prod-ani { width: 100%; max-width: 1600px; height: 500px; margin: 0 auto 100px; position: relative; }
.prod-ani img { width: 100%; }
.prod-ani .multi-line { width: 40%; margin: 29% 0 0 20%; }

.prod-ani-left { width: 38%; height: 100%; position: absolute; top: 0; left: 10%; }

#line_a_on, #line_b_on, #line_c_on, #line_d_on, #drvice_1_on, #drvice_2_on { opacity: 0; }

.single-drvice-1 { width: 27%; position: absolute; top: 7%; left: 0; }
.single-drvice-1 img { position: absolute; }

.single-drvice-2 { width: 50%; position: absolute; top: 7%; right: 0; }
.single-drvice-2 img { position: absolute; }

.line-onlie-a { width: 10%; position: absolute; top: 40%; left: 27%; }
.line-onlie-a img { position: absolute; }

.line-onlie-b { width: 10%; position: absolute; top: 46%; left: 20%; }
.line-onlie-b img { position: absolute; }

.line-onlie-c { width: 10%; position: absolute; top: 40%; left: 40%; }
.line-onlie-c img { position: absolute; }

.line-onlie-d { width: 10%; position: absolute; top: 46%; left: 47%; }
.line-onlie-d img { position: absolute; }

.prod-other { width: 40%; position: absolute; top: 59%; left: 26%; }

.prod-other-txt, .prod-multi-txt { text-align: center; font-size: 15px; width: 90%; padding: 0 10% 0 0; position: absolute; top: 93%; }
.prod-other-txt span, .prod-multi-txt span { font-size: 20px; font-weight: bold; line-height: 30px; }

.prod-other-txt { width: 94%; margin: 0 6% 0 0; }

.prod-ani-right { width: 38%; height: 100%; position: absolute; top: 0; right: 10%; }

.multi-drvice { width: 100%; position: absolute; top: 0; right: 0; z-index: 2; }
.multi-drvice .radio-line { width: 45%; }

.radio-line { position: relative; margin: -6% 0 0; left: 26%; }

.prod-multi { width: 40%; position: absolute; top: 64%; left: 24%; }

.multi-drvice-1 { width: 27%; position: absolute; top: 7%; left: 0; }
.multi-drvice-1 img { position: absolute; }

.multi-drvice-2 { width: 50%; position: absolute; top: 7%; right: 0; }
.multi-drvice-2 img { position: absolute; }

.stage-4 { background: #10100E; }

.stage-4-box { text-align: center; position: relative; }

.stage-3-img-7 { width: 80%; margin: 0 auto 0 9%; display: inline-block; }

.stage-4-txt { width: 60%; text-align: center; margin: 5% auto 0 auto; }
.stage-4-txt .stage-4-cont-txt { font-size: 20px; margin: 0 0 40px; }
.stage-4-txt a { color: #fff; }
.stage-4-txt a:hover { color: #fff; }

.best-choice { width: 210px; height: 110px; margin: 0 auto 20px; display: block; }

.stage-4-control { overflow: hidden; }

.control-img { width: 15%; float: left; margin: 5px 5% 0 0; }
.control-img img { width: 100%; height: auto; }

.control-txt-group { text-align: left; width: 80%; line-height: 27px; margin: 0 0 10px; float: left; }

.control-tit-note { font-size: 18px; }

.img-tit { font-size: 26px; font-weight: bold; line-height: 30px; color: #a26f00; margin: 0 0 20px; }

.img-txt { font-size: 20px; }

.btn-learn { display: inline-block; }

.prod-5-txt { text-align: center; width: 60%; margin: 40px auto; }
.prod-5-txt .prod-5-cont-txt { font-size: 20px; color: #fff; line-height: 25px; }

.stage-5-img-1 { width: 90%; margin: 0 auto; }
.stage-5-img-1 img { width: 100%; }

.stage-5-group { width: 80%; margin: 0 auto 120px; }

.stage-5-img-2 { width: 35%; margin: 0 2% 0 0; display: inline-block; vertical-align: top; }
.stage-5-img-2 img { width: 100%; }

.stage-5-txt-2 { width: 62%; display: inline-block; vertical-align: middle; }

.stage-5-img-3 { width: 100%; margin: 0 auto 50px; }
.stage-5-img-3 img { width: 100%; }

.stage-5-img-4 { width: 100%; margin: 0 auto; }
.stage-5-img-4 img { width: 100%; }

.stage-5-note { font-size: 15px; text-align: center; width: 80%; line-height: 25px; margin: 0 auto 50px; }

.stage-6-box { text-align: right; position: relative; }
.stage-6-box img { width: 85%; display: block; margin: 0 0 0 15%; }

.stage-6-txt { text-align: left; width: 35%; position: absolute; top: 18%; left: 15%; }
.stage-6-txt .stage-6-cont-txt { font-size: 20px; line-height: 30px; margin: 0 0 50px; }
.stage-6-txt a { color: #fff; }

.btn-check-out { text-align: center; width: 400px; display: inline-block; }

.stage-7 { background: #242424; padding: 70px 0; }

.btn-7-link { font-weight: bold; text-align: center; width: 450px; border: 1px solid #986c34; display: inline-block; }

.stage-7-tit { color: #a7a7a7; margin: 0 0 50px 15%; }
.stage-7-tit a { color: #ffb847; }
.stage-7-tit a:hover { border: 1px solid #999; }

.stage-7-sub-tit { font-size: 24px; color: #a7a7a7; margin: 0 0 50px 15%; }

.stage-7-txt { font-size: 18px; color: #a7a7a7; width: 75%; margin: 0 0 0 15%; }
.stage-7-txt li { list-style-type: decimal; margin: 0 0 10px 25px; }

.lg-app-download { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; display: none; }

.download-box { color: #fff; text-align: center; width: 610px; margin: 20% auto; position: relative; }

.android-box { width: 46%; display: inline-block; margin: 0 2% 0 0; }

.apple-box { width: 46%; display: inline-block; }

.qrcode { margin: 0 auto 20px; display: block; }

.btn-android { width: 100%; display: block; margin: 0; }
.btn-android img { width: 100%; }

.btn-apple { width: 100%; display: block; margin: 0; }
.btn-apple img { width: 100%; }

.app-note { font-size: 1.2em; text-align: center; padding: 30px 0 0; }

.btn-close { font-size: 1.5em; width: 80px; position: absolute; top: -40px; right: -80px; cursor: pointer; }
.btn-close img { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.btn-close span { display: inline-block; vertical-align: middle; }

.stage-app { position: relative; }

.app-group { text-align: center; width: 65%; padding: 8% 0; margin: 0 auto; }

.app-fn { text-align: left; font-size: 18px; width: 27%; display: inline-block; vertical-align: middle; }
.app-fn ul { list-style-type: disc; padding: 0 0 0 20px; margin: 30% 0 0px; }
.app-fn li { margin: 0px 0 13%; }

.app-phone { text-align: left; width: 28%; margin: 0 4% 0 0; display: inline-block; vertical-align: middle; }
.app-phone img { width: 100%; }

.app-txt-group { text-align: left; width: 38%; margin: 0 2% 0 0; display: inline-block; vertical-align: middle; }

.app-download { text-align: center; }
.app-download a { width: 35%; display: inline-block; }
.app-download img { max-width: 100%; }

.app-top { margin: 0 0 20px; }
.app-top img { vertical-align: middle; }
.app-top span { font-size: 30px; margin: 0 0 0 20px; }

.app-txt .sub-tit { margin: 20px 0; }
.app-txt p { font-size: 20px; line-height: 40px; }
.app-txt a { font-size: 20px; color: #fff; }
.app-txt a:hover { color: #eee; }

.btn-download { color: #fff; text-align: center; width: 90%; padding: 25px 0; margin: 0 auto 20px; display: block; }

.m-slide-prod, .m-stage-3-img, .m-boost-img, .m-speed-img, .m-drvice-img, .m-cross-txt, .m-device-intro, .m-stage-5-img-5, .m-show, .prod-group-show, .for-mobile, .m-stage-3-img-7, .m-best-choice, .prod-group-show { display: none; }

.m-slide-prod img { width: 100%; }

.m-stage-5-img-5 { width: 100%; margin: 0 auto 50px; }
.m-stage-5-img-5 img { width: 100%; }

.m-boost-img { width: 100%; margin: 0 0 40px 0; position: relative; }
.m-boost-img img { width: 100%; }
.m-boost-img .boost-award { width: 130px; height: 130px; top: -8%; right: -8%; }

@media screen and (max-width: 1400px) { .stage-menu { font-size: 1.6em; }
  .app-group { width: 88%; }
  .app-top img { width: 20%; }
  .app-txt .sub-tit { margin: 30px 0; } }
@media screen and (max-width: 1200px) { .prod-ani { height: 450px; margin: 0 auto; }
  .prod-ani .multi-line { width: 35%; }
  .prod-multi { top: 50%; }
  .prod-other { top: 47%; }
  .prod-other-txt, .prod-multi-txt { font-size: 1em; top: 72%; }
  .prod-other-txt span, .prod-multi-txt span { font-size: 1.3em; }
  .line-onlie-a { top: 32%; }
  .line-onlie-b { top: 38%; }
  .line-onlie-c { top: 32%; }
  .line-onlie-d { top: 38%; }
  .app-group { width: 88%; }
  .app-top span { font-size: 28px; margin: 0px 0 0 15px; }
  .app-txt p { line-height: 35px; } }
@media screen and (max-width: 1000px) { .prod-video { width: 80%; height: 60%; margin: 0 auto; top: 10%; left: 10%; }
  .prod-video iframe { width: 94%; height: 100%; padding: 0; margin: 3%; border: none; }
  .stage-1 { padding: 55px 0 30px; }
  .stage-1-tit { margin: 5% auto; }
  .stage-menu { font-size: 1.1em; }
  .stage-menu li { width: 100%; display: block; margin: 0 0 2% 0; padding: 0; border: none; border-bottom: 1px solid #5f5f5f; }
  .stage-menu a { font-size: 1.4em; display: block; padding: 2%; }
  .slide-prod-box { width: 100%; }
  .slide-prod { width: 100%; }
  .slide-bar { display: none; }
  .btn-watch-video { text-align: center; width: 80%; padding: 25px 0; background: none; }
  .prod-txt { width: 80%; margin: 5% auto; display: block; position: static; }
  .prod-txt .cont-txt { margin: 0 0 20px; }
  .prod-group { text-align: center; }
  .prod-group img { width: 80%; position: static; }
  .prod-group2-2 { text-align: center; margin: 0 auto; position: static; }
  .prod-group2-2 .prod-txt { width: 80%; }
  .prod-group2-2 .cont-txt { margin: 0 0 20px; }
  .prod-group2-2 img { width: 80%; }
  .prod-s-box { width: 49%; }
  .prod-group-hov2 { width: 80%; }
  .prod-group-3 { text-align: center; }
  .prod-group-3 img { width: 100%; margin: 0; }
  .prod-group-boost-box { width: 80%; }
  .prod-3-txt { width: 80%; padding: 0; margin: 35px auto; position: static; }
  .stage-3-img { width: 100%; position: static; }
  .stage-3-img img { width: 100%; }
  .prod-group-3-left { text-align: center; margin: 0 0 30px; }
  .boost-award { width: 150px; height: 150px; }
  .stage-3-list { font-size: 1.2em; padding: 0; }
  .stage-3-list li { margin: 0 0 10px; }
  .stage-3-list .list-tit { width: 54%; height: auto; }
  .list-num { text-align: left; width: 35%; float: none; display: inline-block; background-size: 30% 60%; }
  .prod-3-txt-right { width: 100%; position: static; margin: 0 auto 40px; padding: 0; float: none; }
  .btn-see-how { width: 100%; padding: 20px 0; background: none; }
  .prod-map-ani { text-align: left; width: 100%; height: 600px; margin: 0 auto; float: none; }
  .prod-map-ani img { top: 8%; }
  .prod-map-txt { font-size: 1.1em; }
  .prod-group-mid { width: 90%; }
  .prod-group-hov img { width: 100%; float: none; }
  .hov-txt { width: 100%; margin: 0; float: none; }
  .prod-group-last { margin: 0 0 50px; }
  .prod-3-txt-group { width: 80%; position: static; margin: 0 auto; }
  .prod-3-txt-center-group { width: 90%; margin: 0 auto; position: static; }
  .chart { margin: 0 0 12px; vertical-align: top; }
  .chart-txt { width: 67%; margin: 0 0 0 4%; }
  .prod-group-big img { margin: 0; }
  .prod-3-txt-group2 { width: 80%; margin: 0 0 0 -40%; }
  .prod-3-txt-group2 .cont-txt2 { margin: 0; }
  .prod-3-intro { width: 80%; margin: 0 auto; position: static; }
  .prod-3-animate { width: 100%; }
  .prod-ani { width: 100%; height: 400px; }
  .multi-drvice .radio-line { width: 44%; }
  .radio-line { left: 26%; margin: -5% 0 0; }
  .stage-3-img-7 { width: 92%; margin: 0 auto -3px 7%; }
  .stage-4-control { margin: 0 0 20px; }
  .stage-4-txt { width: 80%; position: static; margin: 50px auto 0; }
  .stage-4-txt .stage-4-cont-txt { line-height: 28px; }
  .best-choice { width: 50%; height: auto; margin: 0 auto; }
  .control-img { margin: 0 3% 0 0; }
  .control-img img { width: 92%; }
  .control-txt-group { width: 77%; }
  .btn-learn { width: 80%; margin: 20px 0; }
  .prod-5-txt { width: 80%; margin: 50px auto; }
  .stage-5-group { margin: 0 auto; }
  .stage-5-img-2 { width: 80%; display: block; margin: 0 auto 20px; }
  .stage-5-txt-2 { width: 100%; }
  .stage-6-txt { width: 60%; top: 7%; left: 4%; }
  .stage-6-txt .stage-6-cont-txt { margin: 0 0 20px; }
  .btn { font-size: 1.5em; height: 50px; line-height: 50px; }
  .btn-check-out { font-size: 1.2em; width: 85%; }
  .stage-7 h2 { font-size: 2em; margin: 0 10% 20px; }
  .stage-7-txt { font-size: 1.3em; margin: 0 10%; }
  .stage-7-txt li { margin: 0 0 20px 25px; }
  .app-group { width: 95%; }
  .app-fn { font-size: 15px; }
  .app-top img { width: 25%; }
  .app-top span { font-size: 1.6em; }
  .app-txt .sub-tit { margin: 10% 0; }
  .app-txt p { line-height: 30px; }
  .m-show { display: block; }
  .m-hide { display: none; } }
@media screen and (max-width: 880px) { .prod-ani .multi-line { width: 45%; }
  .multi-drvice .radio-line { width: 60%; left: 18%; }
  .prod-group-hov2 { margin: 20px auto; }
  .prod-faster { width: 80%; margin: 0; }
  .prod-faster-txt { width: 100%; margin: 5% 0 0 0; }
  .prod-map-ani { font-size: 1.5em; height: 520px; }
  .prod-map-ani img { top: 17%; }
  .stage-3-img, .boost-img { display: none; }
  .m-stage-3-img, .m-boost-img { display: block; }
  .img-tit { font-size: 1.6em; }
  .btn-check-out { width: 100%; }
  .download-box { text-align: center; width: 100%; }
  .btn-close { right: 6%; }
  .app-group { width: 80%; }
  .app-fn { width: 100%; margin: 0 0 5%; display: block; }
  .app-fn ul { width: 49%; margin: 0; display: inline-block; }
  .app-fn li { margin: 0 0 8%; }
  .app-download { text-align: center; width: 100%; display: inline-block; vertical-align: top; }
  .app-download a { display: inline-block; width: 45%; margin: 0 1% 15px; }
  .app-phone { width: 46%; }
  .app-txt-group { width: 47%; }
  .app-top span { font-size: 1.2em; }
  .app-txt .sub-tit { margin: 8% 0; }
  .app-txt p { line-height: 30px; }
  .btn-download { width: 100%; font-size: 1.1em; }
  .prod-group-hide { display: none; }
  .prod-group-show { display: block; } }
@media screen and (max-width: 680px) { .m-slide-prod { display: block; }
  .slide-prod, .slide-prod-txt, .control-img, .stage-3-img-7, .best-choice { display: none; }
  .m-best-choice { width: 100%; height: auto; margin: 0 auto; display: block; }
  .m-stage-3-img-7 { width: 92%; margin: 0 auto; display: inline-block; }
  .stage-1-tit { width: 96%; margin: 0 2%; }
  .slide-prod-box { display: none; }
  .stage-txt { font-size: 15px; }
  .btns { font-size: 1.2em; }
  .prod-ani { height: 300px; }
  .prod-map-ani { height: 450px; }
  .btn-learn { width: 100%; }
  .stage-6-txt { width: 70%; }
  .prod-group-mid { margin: 0 auto; }
  .download-box { text-align: center; padding: 10% 0; }
  .qrcode { width: 75%; display: block; margin: 0 auto 20px; }
  .btn-android { width: 90%; margin: 0 0 25px; padding: 0 5%; }
  .btn-android img { width: 100%; }
  .btn-apple { width: 90%; margin: 0; padding: 0 5%; }
  .btn-apple img { width: 100%; }
  .app-note { padding: 10px 5%; }
  .app-fn { text-align: center; }
  .app-fn ul { width: 100%; padding: 0; font-size: 1.2em; list-style-position: inside; }
  .app-download { width: 100%; margin: 0 auto 40px; display: block; }
  .app-phone { width: 80%; margin: 0 auto 30px; }
  .app-txt-group { text-align: center; width: 90%; margin: 0 auto 40px; }
  .app-top img { width: 20%; }
  .app-top span { font-size: 2em; }
  .app-txt p { text-align: center; margin-bottom: 0 !important; }
  .m-btn-top { width: 98px; height: 98px; position: fixed; bottom: 5%; right: 5%; z-index: 100; cursor: pointer; display: block; }
  .m-btn-top img { width: 100%; height: auto; }
  .app-hide { display: none; }
  .for-mobile { display: block; }
  .for-mobile .btn-download { margin: 0 0 30px; } }
@media screen and (max-width: 580px) { .stage-menu li { width: 91%; padding: 0 0 2% 9%; background: url(/websites/global/products/e5rP2N02bDRfXJUO/img/menu_arrow.png) no-repeat top 12% left; background-size: 7%; }
  .stage-menu li:hover { color: #d50606; background: url(/websites/global/products/e5rP2N02bDRfXJUO/img/menu_arrow.png) no-repeat top 12% left; background-size: 7%; }
  .stage-menu a { font-size: 1.2em; line-height: 30px; }
  .btns { padding: 20px 0; }
  .sub-tit { text-align: center; line-height: 1.4em; }
  .stage-txt, .cont-txt, .cont-txt2, .stage-6-cont-txt { text-align: center; }
  .speed-img, .drvice-img, .w-cross-txt, .device-intro, .m-stage-2-img-2, .stage-5-img-3, .stage-5-img-4, .qrcode { display: none; }
  .m-speed-img, .m-drvice-img, .m-cross-txt, .m-device-intro { display: block; }
  .m-cross-txt { font-size: 13px; }
  .control-img { width: 50%; margin: 0 auto 20px; float: none; }
  .prod-3-txt-group2 { position: static; margin: 20px auto; }
  .stage-5-img-2 { width: 100%; }
  .m-boost-img .boost-award { width: 170px; height: 170px; margin: 0 auto -30px; position: static; display: none; }
  .control-txt-group { text-align: center; width: 100%; float: none; }
  .stage-6-txt { width: 80%; position: static; margin: 30px auto; }
  .btn-check-out { display: block; margin: 0 auto; }
  .prod-other { top: 45%; }
  .prod-ani { width: 100%; height: 840px; }
  .prod-ani .multi-line { width: 40%; margin: 29% 0 0 16%; }
  .prod-ani-left { position: relative; height: 300px; width: 80%; margin: 0 auto 100px auto; left: 0; }
  .prod-ani-right { position: relative; height: 300px; width: 80%; margin: 0 auto; right: 0; }
  .prod-other-txt { top: 100%; }
  .multi-drvice .radio-line { width: 80%; left: 5%; }
  .prod-other { width: 46%; left: 23%; top: 61%; }
  .prod-multi { width: 55%; left: 20%; top: 73%; }
  .prod-multi-txt { top: 122%; margin: 0; }
  .line-onlie-a { top: 46%; }
  .line-onlie-b { top: 52%; }
  .line-onlie-c { top: 46%; }
  .line-onlie-d { top: 52%; }
  .img-tit { font-size: 1.4em; }
  .stage-3-list { font-size: 1em; }
  .btn-learn { width: 100%; }
  .prod-map-ani { height: 330px; }
  .stage-7-tit { text-align: center; width: 80%; margin: 0 auto 50px; }
  .btn-7-link { width: 100%; padding: 20px 0; }
  .app-txt-group { width: 100%; }
  .app-top span { font-size: 1.8em; }
  .android-box, .apple-box { width: 80%; display: block; margin: 0 auto; }
  .app-note { padding: 20px 5%; } }
@media screen and (max-width: 470px) { .btns { font-size: 0.8em; }
  .prod-group-3-left .btn-see-how { font-size: 1.2em; }
  .prod-ani { height: 750px; }
  .prod-ani .multi-line { width: 45%; margin: 33% 0 0 20%; }
  .prod-ani-left { margin: 0 auto 30px; }
  .prod-other { top: 48%; }
  .prod-other-txt { top: 77%; margin: 0; }
  .multi-drvice .radio-line { width: 78%; left: 8%; }
  .prod-multi { width: 60%; left: 15%; top: 60%; }
  .prod-multi-txt { top: 100%; padding: 0; }
  .line-onlie-a { top: 36%; }
  .line-onlie-b { top: 42%; }
  .line-onlie-c { top: 36%; }
  .line-onlie-d { top: 42%; }
  .control-txt-group { width: 100%; text-align: center; float: none; }
  .stage-3-list { font-size: 0.8em; }
  .prod-map-ani { height: 260px; }
  .prod-map-txt { font-size: 0.8em; }
  .stage-7-sub-tit { font-size: 1.6em; text-align: center; margin: 0 auto 30px; }
  .stage-7-txt { font-size: 1em; margin: 0 auto; padding: 0; width: 80%; }
  .app-top span { font-size: 1.3em; margin: 0 0 0 15px; }
  .m-btn-top { width: 70px; height: 70px; } }
@media screen and (max-width: 320px) { .prod-3-txt-right { width: 90%; }
  .stage-4-txt { width: 90%; }
  .btn-learn { width: 100%; }
  .stage-3-list { font-size: 0.7em; }
  .stage-3-list .list-tit { width: 60%; }
  .list-num { width: 30%; }
  .prod-ani { height: 650px; }
  .prod-ani-right, .prod-ani-left { height: 240px; }
  .prod-other-txt { margin: 0 7% 0 0; }
  .prod-ani .multi-line { width: 55%; margin: 30% 0 0 16%; }
  .prod-multi { top: 65%; }
  .prod-multi-txt { width: 100%; top: 106%; }
  .stage-7-tit { width: 90%; margin: 0 auto 50px; }
  .btn-7-link { text-align: center; width: 100%; margin: 0 auto; }
  .prod-faster { width: 100%; }
  .prod-map-ani { height: 210px; }
  .prod-map-ani img { top: 24%; }
  .prod-map-txt { font-size: 0.7em; }
  .qrcode { width: 45%; }
  .btn-android { padding: 0 10%; }
  .btn-apple { padding: 0 10%; }
  .m-boost-img .boost-award { width: 130px; height: 130px; top: -13%; }
  .m-btn-top { width: 44px; height: 44px; } }


body.show-cookie-policy-info{
transform: none;
top: 200px;
position: relative;
}