@font-face{font-family:'fz-EL';src:url(img/fz-l-sub.eot); 
src:url(img/fz-l-sub.eot) format('embedded-opentype'), url(img/fz-l-sub.woff) format('woff');}
@font-face{font-family:'fz-L';src:url(img/fz-l-sub.eot);src:url(img/fz-l-sub.eot) format('embedded-opentype'), url(img/fz-l-sub.woff) format('woff');}
html body{font:14px/1.5 '微软雅黑','宋体', arial, tahoma, simsun; overflow:auto}

.SC{background-image:url(img/t01d4743f2baa5a61b8.png)}
.s-casa-number{background-position:0 0;height:660px;width:30px}
.s-casa-scan{background-position:-30px 0;height:363px;width:418px}
.s-casa-bundle-trial{background-position:-448px 0;height:74px;width:223px}
.s-casa-bundle-normal{background-position:-671px 0;height:74px;width:223px}
.s-casa-bundle-limited-edition{background-position:-894px 0;height:74px;width:223px}
.s-casa-pin-top{background-position:-1117px 0;height:214px;width:192px}
.s-icon-flower-l{background-position:-2333px 0;height:147px;width:170px}
.s-casa-record{background-position:-2503px 0;height:145px;width:162px}
.s-casa-bubble-sos{background-position:-2665px 0;height:152px;width:152px}
.s-icon-wrong-place{background-position:-2817px 0;height:80px;width:80px}
.s-icon-right-place{background-position:-2897px 0;height:80px;width:80px}
.s-icon-flower-s{background-position:-2977px 0;height:64px;width:65px}
.s-casa-pin-shadow{background-position:-3042px 0;height:24px;width:61px}
.s-casa-play-button{background-position:-3103px 0;height:24px;width:24px}
.b-tmall{background-position:-1309px 0;height:193px;width:128px}
.b-tmall-hover{background-position:-1437px 0;height:193px;width:128px}
.b-suning{background-position:-1565px 0;height:193px;width:128px}
.b-suning-hover{background-position:-1693px 0;height:193px;width:128px}
.b-qikoo{background-position:-1821px 0;height:193px;width:128px}
.b-qikoo-hover{background-position:-1949px 0;height:193px;width:128px}
.b-jd{background-position:-2077px 0;height:193px;width:128px}
.b-jd-hover{background-position:-2205px 0;height:193px;width:128px}
html{height:100%}

.site-casa{color:#333;height:100%}

.site-casa h1{color:#483D01;font-size:60px;font-family:'fz-L',"Microsoft YaHei","Hiragino Sans GB",sans-serif;margin:20px 0 10px}
.site-casa h1 small{background-color:#FFF;border-radius:20px;color:#fe5a72;display:inline-block;font-size:45px;height:60px;line-height:60px;margin:0 10px;text-align:center;vertical-align:8px;width:60px}
.site-casa h2{font-size:60px;line-height:90px}
.site-casa .btn-buy{background:#fe5a72;border:0 none;border-radius:42px;color:#FFF;cursor:pointer;_cursor:hand;display:inline-block;font-size:25px;font-family:'fz-EL',"Microsoft YaHei","Hiragino Sans GB",sans-serif;outline:0 none;padding:18px 42px;*vertical-align:middle}
.site-casa .btn-buy:hover{background:#fe7d90}
.site-casa .btn-buy:active{background:#fe97a6}
.site-casa .btn-disabled{cursor:default}
.site-casa .btn-disabled:hover,.site-casa .btn-disabled:active,.site-casa .btn-disabled{background:#bdbdbd}
.site-casa .btn-bordered{border:1px solid #343433;border-radius:42px;color:#343433;display:inline-block;font-size:25px;font-family:'fz-EL',"Microsoft YaHei","Hiragino Sans GB",sans-serif;outline:0 none;padding:18px 42px;*vertical-align:middle}
.site-casa .wrap-actions{padding:20px 0 0}
.site-casa .wrap-actions-2{padding:10px 0}

.site-casa.onpage_intro .nav,.site-casa.onpage_buy .nav,.site-casa.onpage_ble .nav,.site-casa.onpage_sound .nav,.site-casa.onpage_flower .nav,.site-casa.onpage_cloud .nav{border-bottom-color:transparent}
.site-casa.onpage_intro .M-pqr-wrap,.site-casa.onpage_buy .M-pqr-wrap,.site-casa.onpage_ble .M-pqr-wrap,.site-casa.onpage_sound .M-pqr-wrap,.site-casa.onpage_flower .M-pqr-wrap,.site-casa.onpage_cloud .M-pqr-wrap{border-color:transparent}
.site-casa .M-pqr-wrap{position:fixed;_position:absolute;z-index:4}



.container{height:100%;*height:auto}
.page{font-family:'fz-EL',"Microsoft YaHei","Hiragino Sans GB",sans-serif;height:100%;*height:680px;min-width:1024px;*min-width:100%;;overflow:hidden}
.page-wrap{height:100%;margin:0 auto;width:1032px;}

.page-buy{ background:url(../../images/1.jpg) 100% 100% no-repeat;background-size:cover;}

 .page-buy .text-wrap{font-size:26px;left:730px;margin:-130px 0 0;min-width:400px;padding:0;position:absolute;top:46%}
 
 



 
 
 
 .page-intro{background:#FFF;height:auto;}

 .page-intro .panel-wrap{margin:0 auto;width:1030px; height:111px;}
  .box1{float:left;}
 .box2{width:440px; height:50px;  float:left; margin-left:110px; margin-top:30px;}
 .box2_1{width:70px; height:50px; float:left; line-height:60px; text-align:center; font-size:16px; color:rgb(82,142,216);  border-top:2PX rgb(82,142,216) solid;}
.box2_2:hover{width:70px; height:50px; float:left; line-height:60px; text-align:center; font-size:16px; color:rgb(82,142,216);  border-top:2PX  rgb(82,142,216) solid;}

 .box2_2{width:70px; height:50px; float:left; line-height:60px; text-align:center; font-size:16px; color:#333; margin-left:45px;border-top:2PX  #FFFFFF solid;}
 .box3{float:left; width:300px; font-size:16px; height:30px; color:#FFF; margin-left:370px; margin-top:30px;}
  .box3_1{float:left; width:300px; font-size:16px; height:30px; color:#FFF; margin-left:370px; margin-top:10px;}
  .box3_2{float:left; margin-left:-200px;opacity:.3;margin-top: -30px;}
.box4{float:left; margin-left:200px; margin-top:20px; width:782px;}
.box4_1{float:left;margin-left:100px; margin-top:20px;z-index:999;}
.zou{ animation:zou 3s linear 2; -webkit-animation:zou 3s linear 2; -moz-animation:zou 3s linear 2;-o-animation:zou 3s linear 2;}
@-webkit-keyframes zou{0%{ -webkit-transform:translate(0,0)} 25%{ -webkit-transform:translate(20px,20px)} 50%{ -webkit-transform:translate(0,0)} 75%{ -webkit-transform:translate(-20px,-20px)} 100%{ -webkit-transform:translate(0,0)}}
.box4_2{width:586px; height:306px; float:left;  margin-top:100px; margin-left:20px;}
.liuwei{width:80px; height:40px; float:left; font-size:30px; text-align:center;}
.huang{width:450px; height:40px; margin-left:20px; float:left; font-size:18px; line-height:55px; font-weight:600;}
.cuoxiantiao{width:560px; float:left; height:6px; background-color:rgb(224,224,224); margin-top:15px;}
.xixiantiao{width:560px; float:left; height:3px; background-color:rgb(224,224,224); margin-top:6px;}
.wenzi{width:560px; font-size:14px; height:50px; margin-top:10px; float:left; line-height:25px;} 
.wenzi1{width:560px; font-size:14px; height:50px; float:left; line-height:25px;} 
.box5{width:214px; height:51px; border:2px rgb(198,198,198) solid; float:left; font-size:20px; color:#333; line-height:51px; text-align:center; border-radius:6px; margin-top:57px; margin-left:46px; cursor:hand; cursor:pointer;}
 .box6{width:214px; height:51px; border:2px rgb(198,198,198) solid; float:left; font-size:20px; color:#333; line-height:51px; text-align:center; border-radius:6px; margin-top:57px;  margin-left:20px; cursor:hand; cursor:pointer;}
 .box5:hover{width:214px; height:51px; background-color:rgb(56,183,234);border:2px rgb(56,183,234) solid; float:left; font-size:20px; color:#FFF; line-height:51px; text-align:center; border-radius:6px; margin-top:57px; margin-left:46px;}
 .box6:hover{width:214px; height:51px; background-color:rgb(56,183,234);border:2px rgb(56,183,234) solid; float:left; font-size:20px; color:#FFF; line-height:51px; text-align:center; border-radius:6px; margin-top:57px; margin-left:20px;}
 
.box7{font-size:50px; color:#FFF; margin-left:300px; margin-top:30px;}
.box8_2{width:214px; height:51px; border:2px  #FFFFFF solid; float:left; font-size:20px; color:#FFF; line-height:51px; text-align:center; border-radius:6px; margin-top:7%; margin-left:290px; cursor:hand; cursor:pointer;}
 .box8_3{width:214px; height:51px; border:2px  #FFFFFF solid; float:left; font-size:20px; color:#FFF; line-height:51px; text-align:center; border-radius:6px; margin-top:7%; margin-left:30px;  cursor:hand; cursor:pointer;}
 .box8_2:hover{width:214px; height:51px; background-color:#FFF; float:left; font-size:20px; color:RGB(0,189,113); line-height:51px; text-align:center; border-radius:6px; margin-top:7%; margin-left:290px;}
.box8_3:hover{width:214px; height:51px; background-color:#FFF; float:left; font-size:20px; color:RGB(0,189,113); line-height:51px; text-align:center; border-radius:6px; margin-top:7%; margin-left:30px;}

/*翻拍特效*/
.brand a{display: block;float: left;margin: 20px;width: 255px;height: 257px;text-align: center;position: relative;}
.brand img{width: 255px;height: 257px;}
.brand .info{display: none;color: #369242;}

.horizontal img{position: absolute;top: 0;left: 0;}
.horizontal .info{width: 255px;height: 0;top: 120px;position: absolute;left: 0;border-radius:10px;}
.brand .nfo{display: none;color: #369242;}
.horizonta .nfo{width: 255px;height: 0;top: 120px;position: absolute;left: 0;border-radius:10px;}
 

 
 
 
 .page-gps{background:rgb(245,245,245); width:100%;}
 .page-gps .page-inner{background:url(img/t018904867a23016a92.png) no-repeat 400px 230px;_background:none}
  .page-health {background:url(../../images/16.jpg);}
  .page-outro{ background:url(../../images/24.jpg);} 
 
.page-sound{background:url(../../images/3.jpg) 50% 50% no-repeat;background-size:cover;}
.page-ble{background:#FFF;}
.box9{font-size:50px; color:rgb(238,75,94); margin-left:280px; margin-top:30px; font-weight:600;}
.box9_1{ width:244px; height:435px; float:left; margin-top:0px; }
.lukun{float:left; width:260px; height:410px; }
.box9_2{ float:left; margin-top:170px; margin-left:5px;}
.box9_2_1{ float:left; margin-top:170px; margin-left:-5px;}
.box9_3{float:left; width:243px; height:140px;  margin-left:5px; font-size:14px; line-height:22px; color:rgb(73,73,73);padding-top: 5px;}
.box9_4{width:214px; height:51px; border:2px  rgb(238,75,94) solid; float:left; font-size:20px; color:rgb(238,75,94); line-height:51px; text-align:center; border-radius:6px; margin-top:5px;  margin-left:270px; cursor:hand; cursor:pointer;}
 .box9_5{width:214px; height:51px; border:2px  rgb(238,75,94) solid; float:left; font-size:20px; color:rgb(238,75,94); line-height:51px; text-align:center; border-radius:6px; margin-top:5px; margin-left:30px; cursor:hand; cursor:pointer; }
 
 .box9_5:hover{width:214px; height:51px; background-color:rgb(238,75,94); float:left; font-size:20px; color:#FFF; line-height:51px; text-align:center; border-radius:6px; margin-top:5px; margin-left:30px;}
  .box9_4:hover{width:214px; height:51px; background-color:rgb(238,75,94); float:left; font-size:20px; color:#FFF; line-height:51px; text-align:center; border-radius:6px; margin-top:5px; margin-left:270px;}
.box10{font-size:50px; color:#FFF; margin-left:280px; margin-top:25px; font-weight:600;}

.common{margin:0 auto;width:1032px;position:relative; margin-top:6px; margin-left:30px;}

/*图片阴影 */
.summary{background:#333;}
.listbox{float:left;margin-bottom:20px;margin-right:20px;display:inline;padding:10px;_padding:10px 10px 8px 10px ;width:205px;height:374px;position:relative;}
.listimg{float:left;width:205px;height:374px;position:relative;overflow:hidden;}
.listimg img{background:#333;width:205px;height:374px;top:0;left:0;position:absolute;}
.summary{width:205px;height:374px;top:374px;left:0;position:absolute; opacity:0.8;}
.summarytxt{margin:5px 10px;width:250px;height:auto;line-height:22px;font-size:12px;color:#cfcfcf;}
.henxian{height:2px; background-color:#FFF; width:40px; margin-left:70px; margin-top:15px; float:left;}
.mingzi{height:30px;  width:130px; margin-left:25px; margin-top:10px; float:left; text-align:center;  line-height:30px; font-size:20px;}
.jingli{height:23px;  width:180px; margin-left:5px; margin-top:10px; float:left;  line-height:23px; font-size:14px; }

.listinfo{_margin-bottom:3px;padding-left:10px;width:250px;line-height:22px;font-size:12px;}
.listinfo a{font-size:12px;}
.listtitle{float:left;margin-top:8px;_margin-top:-2px;width:250px;font-size:14px;}
.listtitle a{font-size:14px;}
.listtitle a:hover{color:#f55555;}
.listtag{float:left;padding-left:18px;background:url(../images/taglist.gif) 0 5px no-repeat;width:232px;color:#999;}
.listtag a{margin:0 8px 0 0;margin:2px 8px -2px 0\9;_margin:0 8px 0 0;color:#999;}
.listtag a:hover{color:#2ad2bb;}
.listdate{float:left;margin-right:13px;padding-left:18px;background:url(../images/time.gif) 0 5px no-repeat;color:#999;}
.listview{float:left;margin-right:13px;padding-left:24px;background:url(../images/view.gif) 0 5px no-repeat;color:#999;}
.listcomment{float:left;margin-right:13px;padding-left:20px;background:url(../images/comment.gif) 0 5px no-repeat;color:#999;}
.listdemo a{float:left;margin-top:0;margin-top:2px\9;_margin-top:0;color:#999;white-space:nowrap;}
.listdemo a:hover{color:#2ad2bb;}
.box11{width:1032px; height:38px; float:left; margin-top:-20px;px; }
.box11_4{width:214px; height:51px; border:2px  #FFFFFF solid; float:left; font-size:20px; color:#FFF; line-height:51px; text-align:center; border-radius:6px; margin-top:10px; margin-left:270px; cursor:hand; cursor:pointer;}
 .box11_5{width:214px; height:51px; border:2px  #FFFFFF solid; float:left; font-size:20px; color:#FFF; line-height:51px; text-align:center; border-radius:6px; margin-top:10px; margin-left:30px; cursor:hand; cursor:pointer; }
 .box11_5:hover{width:214px; height:51px; background-color:#FFF; float:left; font-size:20px; color:rgb(238,75,94); line-height:51px; text-align:center; border-radius:6px; margin-top:10px; margin-left:30px;}
  .box11_4:hover{width:214px; height:51px; background-color:#FFF; float:left; font-size:20px; color:rgb(238,75,94); line-height:51px; text-align:center; border-radius:6px; margin-top:10px; margin-left:270px;}
.box12{font-size:50px; color:#333; margin-left:300px; margin-top:30px;}
.box12_2{width:214px; height:51px; border:2px  #333333 solid; float:left; font-size:20px; color:#333; line-height:51px; text-align:center; border-radius:6px; margin-top:90px; margin-left:270px; cursor:hand; cursor:pointer;}
 .box12_3{width:214px; height:51px; border:2px  #333333 solid; float:left; font-size:20px; color:#333; line-height:51px; text-align:center; border-radius:6px; margin-top:90px; margin-left:30px;  cursor:hand; cursor:pointer;}
 .box12_3:hover{width:214px; height:51px; background-color:#333; float:left; font-size:20px; color:#FFF; line-height:51px; text-align:center; border-radius:6px; margin-top:90px; margin-left:30px;}
 
 .box12_2:hover{width:214px; height:51px; background-color:#333; float:left; font-size:20px; color:#FFF; line-height:51px; text-align:center; border-radius:6px; margin-top:90px; margin-left:270px;}
.box13{font-size:50px; color:#FFF; margin-left:300px; margin-top:30px;}

.box13_4{width:214px; height:51px; border:2px  #FFFFFF solid; float:left; font-size:20px; color:#FFF; line-height:51px; text-align:center; border-radius:6px; margin-top:5px; margin-left:270px; cursor:hand; cursor:pointer;}
.box13_5{width:214px; height:51px; border:2px  #FFFFFF solid; float:left; font-size:20px; color:#FFF; line-height:51px; text-align:center; border-radius:6px; margin-top:5px; margin-left:30px; cursor:hand; cursor:pointer;}
.box13_4:hover{width:214px; height:51px; background-color:#FFF; float:left; font-size:20px; color:rgb(55,181,232); line-height:51px; text-align:center; border-radius:6px; margin-top:5px; margin-left:270px;}
.box13_5:hover{width:214px; height:51px; background-color:#FFF; float:left; font-size:20px; color:rgb(55,181,232); line-height:51px; text-align:center; border-radius:6px; margin-top:5px; margin-left:30px;}
.box14{height:67px; width:100%; background-color:rgb(40,40,40);}

.mingzi1{height:30px;  width:170px; margin-left:5px; margin-top:10px; float:left; text-align:center;  line-height:30px; font-size:20px;}
.mingzi2{height:50px;  width:170px; margin-left:5px; margin-top:10px; float:left; text-align:center;  line-height:25px; font-size:20px;}
.jingli1{height:20px;  width:180px; margin-left:5px; margin-top:10px; float:left;  line-height:20px; font-size:14px; }

 
 .page-sound .page-inner{background:#fff url(img/t0164eb96f27356b528.png) 10px 70% no-repeat}
 .page-sound .text-wrap{left:50%;margin:0 0 0 -20px;padding:0;position:absolute;top:60%}
 .page-sound .bubble-wrap{left:0;margin:-170px 0 0 -56px;opacity:0;position:absolute;top:0;-webkit-transform:scale(0.7);transform:scale(0.7);-webkit-transform-origin:10px 10px;transform-origin:10px 10px;-webkit-transition:0.5s .5s;transition:0.5s .5s}
 .onpage_ble .page-gps .radar-outer{opacity:1;-webkit-transition-delay:0;transition-delay:0}
 .page-snapping .page-gps .radar-outer{opacity:0;-webkit-transition-delay:.5s;transition-delay:.5s}
 .onpage_sos .page-sound .bubble-wrap{opacity:1;-webkit-transform:none;transform:none;-webkit-transition-delay:0;transition-delay:0}
 .page-snapping .page-sound .bubble-wrap{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);-webkit-transition-delay:.5s;transition-delay:.5s}@media (min-height: 800px){.page-sound .bubble-wrap{margin:-147px 0 0 -56px}}
 .box15{height:178px; width:100%; background-color:rgb(34,34,34);}
 
 .box15_1{height:178px; width:1000px; margin:0 auto; background-color:rgb(34,34,34);}
 .box15_2{ height:25px; font-size:14px; width:1000px; text-align:center; line-height:25px; color:#666; margin-top:40px; float:left;} 
 .box15_3{ height:25px; font-size:14px; width:1000px; text-align:center; line-height:25px; color:#666;  float:left;}


 
 




.page-health .page-inner{background:#fff url(img/t014a9be868bac98f35.jpg) 0 158px no-repeat}
 .page-health .text-wrap{padding:100px 0 0 560px}
 .page-health .svg-wrap{height:320px;padding:44px 0 0 686px;width:320px}
 .page-health .svg{margin:0 0 -320px}
 .page-health .downward-ie7{margin:0 0 -320px 10px}
 .page-health .dashboard-wrap{padding:74px 0 0}
 .page-health .dashboard-title{font-size:30px;margin:0 0 24px;*position:relative;text-align:center}
 .page-health .dashboard-number{padding:0 0 0 96px;position:relative}
 .page-health .dashboard-measure{display:inline-block;padding:48px 0 0 10px}
 .page-health .d-n{background-image:url(img/t01d4743f2baa5a61b8.png);background-position:0 0;background-repeat:repeat-y;float:left;height:66px;margin:0 2px 0 0;-webkit-transition:background-position ease-in-out .6s;transition:background-position ease-in-out .6s;-webkit-transition-delay:0.5s;transition-delay:0.5s;width:30px}
 
 
 .page-ble .page-inner{z-index:1}
 .page-ble .bg-wrap{background:url(img/t015369ccde7bd2ab1d.jpg) 0 0 no-repeat;height:868px;*height:663px;left:50%;margin:0 0 0 -290px;position:absolute;top:137px;width:904px;z-index:-1}
 .page-ble .s-icon-right-place{left:384px;top:334px}
 .page-ble .s-icon-wrong-place{left:587px;top:370px}
 .page-ble .s-icon-right-place,.page-ble .s-icon-wrong-place{opacity:0;position:absolute;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition:0.3s ease-in;transition:0.3s ease-in}
 .page-ble .s-icon-right-place{-webkit-transition-delay:1s;transition-delay:1s}
 .page-ble .s-icon-wrong-place{-webkit-transition-delay:0.7s;transition-delay:0.7s}
 
 
 .page-flower .text-wrap{bottom:80px;left:80px;padding:30px 50px 36px 36px;position:absolute;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ccff825b,endcolorstr=#ccff825b)}
 .page-flower .flower-s{background-image:url(img/t01d4743f2baa5a61b8.png);background-position:-2977px 0;height:64px;left:-10px;opacity:0;position:absolute;top:-10px;-webkit-transform:rotate(-100deg) scale(0.3);transform:rotate(-100deg) scale(0.3);-webkit-transition:0.4s .7s ease-in-out;transition:0.4s .7s ease-in-out;width:65px}
 .page-flower .flower-l{background-image:url(img/t01d4743f2baa5a61b8.png);background-position:-2333px 0;bottom:-20px;height:147px;position:absolute;right:-50px;width:170px}
 
 
 .page-outro .center-wrap{margin:-250px 0 0;position:absolute;top:50%;width:100%}
 .page-outro .bg-wrap{background:url(img/t01966e340be55589c5.jpg) 50% 0 no-repeat;height:428px}
 .page-outro .text-wrap{padding:15px 0 0;text-align:center}.page-sound .wave .ie7-shim{padding:16px 0 0}
 
 
 .onpage_cloud .page-ble .s-icon-right-place,.onpage_cloud .page-ble .s-icon-wrong-place{opacity:1;-webkit-transform:none;transform:none}
 :root .page-flower .text-wrap{-ms-filter:none;background:rgba(255,130,91,0.8)}
 
 
 .onpage_flower .page-flower .flower-s{opacity:1;-webkit-transform:none;transform:none}
 .onpage_sound.page-stable .page-sound .wave{visibility:visible}.page-stable.onpage_health .page-health .d-n-tobe-2{background-position:0 -132px}
 
 
 .page-stable.onpage_health .page-health .d-n-tobe-0{background-position:0 -660px}
 .page-stable.onpage_health .page-health .d-n-tobe-6{background-position:0 -1716px}
 .page-stable.onpage_health .page-health .d-n-tobe-4{background-position:0 -2244px}
 .page-stable.onpage_health .page-health .d-n-1{-webkit-transition-delay:0.15s;transition-delay:0.15s}
 .page-stable.onpage_health .page-health .d-n-2{-webkit-transition-delay:0.3s;transition-delay:0.3s}
 .page-stable.onpage_health .page-health .d-n-3.zou{ animation:zou 3s linear 2; -webkit-animation:zou 3s linear 2; -moz-animation:zou 3s linear 2;-o-animation:zou 3s linear 2;}
 .page-stable.onpage_health .page-health .d-n-4{-webkit-transition-delay:0.6s;transition-delay:0.6s}@media (min-height: 620px){.page-outro .text-wrap{padding:40px 0 0}}
 .page-outro .text-wrap b{color:#fe5a72;font-size:30px}
 .page-outro .text-wrap p{font-size:24px}
 .page-outro p.small{font-size:16px;margin:10px 0}
 .page-outro p.small .sep{margin:9px}
 .page-outro span.small{font-size:20px}
 .page-outro .sep{margin:10px}
 .page-outro .link-text{border-bottom:1px solid;color:#333}
 
 
 .popup-wrap{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33000000,endcolorstr=#33000000);height:100%;left:0;position:fixed;_position:absolute;top:0;_top:expression(eval(document.documentElement.scrollTop));width:100%;z-index:102}
 :root .popup-wrap{-ms-filter:none;background:rgba(0,0,0,0.2)}
 .popup-wrap embed{left:50%;margin:-212.5px 0 0 -375px;position:absolute;top:50%}
 .popup-wrap .s-btn-close-popup{cursor:pointer;left:50%;margin:-262.5px 0 0 375px;position:absolute;top:50%;_zoom:1}
 .popup-wrap .s-recharge-btn-close{position:absolute;right:22px;top:22px}
 .popup-wrap .btn{display:inline-block;margin:0 27px}
 .popup-wrap .qikoo{background-position:-1821px 0;height:193px;width:128px}
 .popup-wrap .qikoo:hover{background-position:-1949px 0;height:193px;width:128px}
 .popup-wrap .jd{background-position:-2077px 0;height:193px;width:128px}
 .popup-wrap .jd:hover{background-position:-2205px 0;height:193px;width:128px}
 .popup-wrap .suning{background-position:-1565px 0;height:193px;width:128px}
 .popup-wrap .suning:hover{background-position:-1693px 0;height:193px;width:128px}
 .popup-wrap .tmall{background-position:-1309px 0;height:193px;width:128px}
 .popup-wrap .tmall:hover{background-position:-1437px 0;height:193px;width:128px}
 .popup-wrap:hover{color:#fe7387}
 
 
 .popup-inner{background:#FFF;border-radius:16px;left:50%;margin:-145px 0 0 -410px;overflow:hidden;position:absolute;top:50%;width:820px}
 .popup-header{border-bottom:1px solid #e8e8e8;box-shadow:0 5px 10px #E8E8E8;color:#555;font-size:24px;font-family:'fz-EL',"Microsoft YaHei","Hiragino Sans GB",sans-serif;line-height:67px;text-align:center}
 .popup-body{padding:50px 0 70px;text-align:center}
 .pager-wrap{font-size:16px;line-height:36px;margin:-136px 0 0;position:fixed;right:0;top:50%;-webkit-transition:0.4s .4s;transition:0.4s .4s;z-index:4}
 .onpage_footer .pager-wrap{margin:-306px 0 0}
 .pager-link{color:#aaa;display:block;height:30px;outline:0 none;text-align:center;width:30px;filter:alpha(opacity=50)}
 .onpage_intro .pager-link{color:#fff;filter:alpha(opacity=50)}
 :root .onpage_intro .pager-link{-ms-filter:none;color:#F00;text-decoration: none;}
 .onpage_intro .pager-link:hover{color:#333;filter:none}
 .onpage_intro .pager-link.pager-link-0{color:#F9DB0D;cursor:default;pointer-events:none;filter:none;-webkit-transition:0.2s;transition:0.2s}
 .pager-link js-transfer-page pager-link-0:hover{color:#333;}
 .onpage_buy .pager-link{color:#fff;filter:alpha(opacity=50)}
 :root .onpage_buy .pager-link{-ms-filter:none;color:rgba(255,255,255,0.5)}
 .onpage_buy .pager-link:hover{color:#333;filter:none}
 .onpage_buy .pager-link.pager-link-1{color:#fff;cursor:default;pointer-events:none;filter:none;-webkit-transition:0.2s;transition:0.2s}
 .onpage_gps .pager-link.pager-link-2{color:#aaa;cursor:default;pointer-events:none;filter:none;-webkit-transition:0.2s;transition:0.2s}
 .onpage_sound .pager-link{color:#fff;filter:alpha(opacity=50)}:root .onpage_sound .pager-link{-ms-filter:none;color:rgba(255,255,255,0.5)}
 .onpage_sound .pager-link:hover{color:#333;filter:none}.onpage_sound .pager-link.pager-link-3{color:#fff;cursor:default;pointer-events:none;filter:none;-webkit-transition:0.2s;transition:0.2s}.onpage_ble .pager-link{color:#fff;filter:alpha(opacity=50)}
 :root .onpage_ble .pager-link{-ms-filter:none;color:#F00}.onpage_ble .pager-link:hover{color:#333;filter:none}
 .onpage_ble .pager-link.pager-link-4{color:#EFFF00;cursor:default;pointer-events:none;filter:none;-webkit-transition:0.2s;transition:0.2s}
 .onpage_sos .pager-link.pager-link-5{color:#EFFF00;cursor:default;pointer-events:none;filter:none;-webkit-transition:0.2s;transition:0.2s}
 .onpage_cloud .pager-link{color:#fff;filter:alpha(opacity=50)}
 :root .onpage_cloud .pager-link{-ms-filter:none;color:#F00;}
 .onpage_cloud .pager-link:hover{color:#333;filter:none}
 .onpage_cloud .pager-link.pager-link-6{color:#FFDF00;cursor:default;pointer-events:none;filter:none;-webkit-transition:0.2s;transition:0.2s}
 .onpage_health .pager-link.pager-link-7{color:#FFDF00;cursor:default;pointer-events:none;filter:none;-webkit-transition:0.2s;transition:0.2s}
 .onpage_flower .pager-link.pager-link-8{color:#FFDF00;cursor:default;pointer-events:none;filter:none;-webkit-transition:0.2s;transition:0.2s}
 .onpage_outro .pager-link.pager-link-9{color:#EFFF00;cursor:default;pointer-events:none;filter:none;-webkit-transition:0.2s;transition:0.2s}
 :root .pager-link{-ms-filter:none;color:#F00;text-decoration: none;}
 .pager-link:hover{color:#333;filter:none}
 .onpage_footer .pager-link.pager-link-10{color:#EFFF00;filter:none}
 .page-snapping .pager-link:hover{color:#333;cursor:default;filter:alpha(opacity=20)}
 :root .page-snapping .pager-link:hover{-ms-filter:none;color:rgba(255,255,255,0.2)}
 .parallax-alt,.parallax{-webkit-transition:0.45s ease-out;transition:0.45s ease-out}
 .onpage_intro .page-intro .parallax{-webkit-transform:translateY(60px);transform:translateY(60px)}
 .onpage_buy .page-buy .parallax-alt{-webkit-transform:translateY(-60px);transform:translateY(-60px)}
 .onpage_buy .page-gps .parallax{-webkit-transform:translateY(60px);transform:translateY(60px)}
 .onpage_buy .page-gps .parallax-alt{-webkit-transform:translateY(90px);transform:translateY(90px)}
 .onpage_gps .page-intro .parallax{-webkit-transform:translateY(-90px);transform:tran
 .onpage_intro .page-intro .parallax-alt{-webkit-transform:translateY(90px);transform:translateY(90px)}
 .onpage_buy .page-buy .parallax{-webkit-transform:translateY(-90px);transform:translateY(-90px)}slateY(-90px)}
 .onpage_gps .page-intro .parallax-alt{-webkit-transform:translateY(-60px);transform:translateY(-60px)}
 .onpage_gps .page-sound .parallax{-webkit-transform:translateY(60px);transform:translateY(60px)}
 .onpage_gps .page-sound .parallax-alt{-webkit-transform:translateY(90px);transform:translateY(90px)}
 .onpage_sound .page-gps .parallax{-webkit-transform:translateY(-90px);transform:translateY(-90px)}
 .onpage_sound .page-gps .parallax-alt{-webkit-transform:translateY(-60px);transform:translateY(-60px)}
 .onpage_sound .page-gps .parallax{-webkit-transform:translateY(60px);transform:translateY(60px)}
 .onpage_sound .page-gps .parallax-alt{-webkit-transform:translateY(90px);transform:translateY(90px)}
 .onpage_ble .page-sound .parallax{-webkit-transform:translateY(-90px);transform:translateY(-90px)}
 .onpage_ble .page-sound .parallax-alt{-webkit-transform:translateY(-60px);transform:translateY(-60px)}
 .onpage_ble .page-sound .parallax{-webkit-transform:translateY(60px);transform:translateY(60px)}
 .onpage_ble .page-sound .parallax-alt{-webkit-transform:translateY(90px);transform:translateY(90px)}
 .onpage_sos .page-gps .parallax{-webkit-transform:translateY(-90px);transform:translateY(-90px)}
 .onpage_sos .page-gps .parallax-alt{-webkit-transform:translateY(-60px);transform:translateY(-60px)}
 .onpage_sos .page-ble .parallax{-webkit-transform:translateY(60px);transform:translateY(60px)}
 .onpage_sos .page-ble .parallax-alt{-webkit-transform:translateY(90px);transform:translateY(90px)}
 .onpage_cloud .page-sound .parallax{-webkit-transform:translateY(-90px);transform:translateY(-90px)}
 .onpage_cloud .page-sound .parallax-alt{-webkit-transform:translateY(-60px);transform:translateY(-60px)}
 .onpage_cloud .page-health .parallax{-webkit-transform:translateY(60px);transform:translateY(60px)}
 .onpage_cloud .page-health .parallax-alt{-webkit-transform:translateY(90px);transform:translateY(90px)}
 .onpage_health .page-ble .parallax{-webkit-transform:translateY(-90px);transform:translateY(-90px)}
 .onpage_health .page-ble .parallax-alt{-webkit-transform:translateY(-60px);transform:translateY(-60px)}
 .onpage_health .page-flower .parallax{-webkit-transform:translateY(60px);transform:translateY(60px)}
 .onpage_health .page-flower .parallax-alt{-webkit-transform:translateY(90px);transform:translateY(90px)}
 .onpage_flower .page-health .parallax{-webkit-transform:translateY(-90px);transform:translateY(-90px)}
 .onpage_flower .page-health .parallax-alt{-webkit-transform:translateY(-60px);transform:translateY(-60px)}
 .onpage_flower .page-outro .parallax{-webkit-transform:translateY(60px);transform:translateY(60px)}
 .onpage_flower .page-outro .parallax-alt{-webkit-transform:translateY(90px);transform:translateY(90px)}
 .onpage_outro .page-flower .parallax{-webkit-transform:translateY(-90px);transform:translateY(-90px)}
 .onpage_outro .page-flower .parallax-alt{-webkit-transform:translateY(-60px);transform:translateY(-60px)}
 @-webkit-keyframes ANIMATION_BOUNCE{4%{-webkit-transform:translateY(-20px) scaleY(0.99)}
 8%{-webkit-transform:none}
 12%{-webkit-transform:translateY(-20px) scaleY(0.99)}
 16%{-webkit-transform:none}}
 @keyframes ANIMATION_BOUNCE{4%{transform:translateY(-20px) scaleY(0.99)}
 8%{transform:none}
 12%{transform:translateY(-20px) scaleY(0.99)}
 16%{transform:none}}
 @-webkit-keyframes ANIMATION_HEARTBEAT_FADE{4%{-webkit-transform:scale(0.7)}
 8%{-webkit-transform:none}
 12%{-webkit-transform:scale(0.7)}
 16%{-webkit-transform:none}}
 @keyframes ANIMATION_HEARTBEAT_FADE{4%{transform:scale(0.7)}
 8%{transform:none}
 12%{transform:scale(0.7)}
 16%{transform:none}}
 @-webkit-keyframes ANIMATION_SPIN{100%{-webkit-transform:rotate(360deg)}}
 @keyframes ANIMATION_SPIN{100%{transform:rotate(360deg)}}
 .site-buy{background:#f53357 url(img/t01f94fe70ea3ce6158.jpg) no-repeat 50% 0}
 .site-april-first{background:#22d6f7 url(img/t01280b05e94f56c599.jpg) no-repeat 50% 0}
 .site-buy .page{height:auto}.site-buy .nav,.site-buy .footer{display:none}
 .site-buy .page-intro{background:url(img/t01e443292aada56a87.png) no-repeat 50% 216px;height:740px}
 .site-buy .site-nav{position:absolute;right:0;top:0;z-index:1}
 .site-buy .inner{margin:0 auto;padding:770px 0 0;width:1000px}
 .site-buy .BL{margin:0 -80px 0 0}
 .site-buy .B{color:#FFF;_display:inline;float:left;margin:0 48px 0 0;*margin:0 32px 0 0;text-align:center;width:212px}
 .site-buy .B-last{margin:0}
 .site-buy .btn-buy{background:url(img/t01c02e60a28ff287fd.png) no-repeat 0 0;color:#b6600b;cursor:pointer;display:block;font-family:'fz-L',"Microsoft YaHei","Hiragino Sans GB",sans-serif;font-size:24px;height:80px;line-height:78px;text-decoration:none;width:212px}
 .site-april-first .page{height:auto}
 .site-april-first .nav,.site-april-first .footer{display:none}
 .site-april-first .main{height:740px}
 .site-buy .btn-buy:hover{background-position:0 -100px}
 .site-buy .btn-buy:active{background-position:0 -200px}