body{margin: 0; padding: 0;font-size: 12px;font-weight: 400; font-style: normal; font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif",'Microsoft Yahei', '微软雅黑', '宋体';}
a{ text-decoration: none; color: #333;}
dl dd{padding: 0;margin:0;}

/* common style */
.w-170{width: 170px !important;}
.w-210{width: 210px;}
.w-740{width: 820px;}
.w-900{width: 900px;}
.w-980{width: 980px;}
.w-1200{width: 1200px;}

.mar-auto{margin:0 auto;}
.mar-t-3{margin-top: 3px;}
.mar-t-6{margin-top: 6px;}
.mar-t-10{margin-top: 10px;}
.mar-t-30{margin-top: 30px;}
.mar-t-60{margin-top: 60px;}
.mar-t-115{margin-top: 115px;}
.mar-t-130{margin-top: 130px;}
.mar-t-140{margin-top: 140px;}
.mar-r-80{margin-right: 80px;}
.mar-r-120{margin-right: 120px;}
.mar-l-02{margin-left: -2px;}
.mar-l-05{margin-left: -5px;}
.mar-l-10{margin-left: 10px;}
.mar-l-20{margin-left: 20px;}
.mar-l-45{margin-left: 45px;}
.mar-l-100{margin-left: 100px;}

.pad-20{padding: 20px;}

.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-22{font-size: 22px;}

.line-h42{line-height: 45px !important;}

.txt-left{text-align: left;}
.txt-center{text-align: center;}
.txt-center-imp{text-align: center !important;}
.cp{ cursor: pointer;}
.pr{position: relative;}
.pa{position: absolute;}
.fl{float: left;}
.fr{float: right;}
/*清除浮动*/
.c-f:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.c-f{_overflow:auto;zoom:1;}

/* web style */
.pc-dialog-main{display: none; width: 880px;border-radius: 5px;left: 50%;min-height: 540px;max-height: 950px; margin-left: -440px;height: 90%;top: 5%;position: fixed;background: #fff;z-index: 501;border: 1px solid #dedede;}
.pc-dialog-content::-webkit-scrollbar {background: none;width: 16px;height: 16px;}
.pc-dialog-content::-webkit-scrollbar-thumb {border: solid 0 rgba(0, 0, 0, 0);border-right-width: 4px;border-left-width: 4px;-webkit-border-radius: 9px 4px;-webkit-box-shadow: inset 0 0 0 1px rgba(128, 128, 128, 0.2), inset 0 0 0 4px rgba(128, 128, 128, 0.2);}
.pc-dialog-content::-webkit-scrollbar-track-piece {margin: 4px 0;}
.pc-dialog-content::-webkit-scrollbar-thumb:horizontal {border-right-width: 0;border-left-width: 0;border-top-width: 4px;border-bottom-width: 4px;-webkit-border-radius: 4px 9px;}
.pc-dialog-content::-webkit-scrollbar-thumb:hover {-webkit-box-shadow:	inset 0 0 0 1px rgba(128,128,128,0.9),	inset 0 0 0 4px rgba(128,128,128,0.9);}
.pc-dialog-content::-webkit-scrollbar-corner {background: transparent;}
.pc-dialog-title{background: #fff;border-top-left-radius: 5px;color:#000; border-top-right-radius: 5px;border-bottom: 1px solid #dedede;height:36px;line-height:36px;text-align: left;color: #666;text-indent: 10px; font-size: 16px; padding-right: 10px;}
.pc-dialog-title span{position: absolute; right:10px; cursor: pointer; }
.pc-dialog-content {overflow: auto;min-height: 460px;height:90%;font-size:14px;line-height:28px;color:#666;}
.pc-dialog-content img{max-width: 840px;margin:0 auto;}
.pc-dialog-content .pc-dialog-content-ti{font-weight: bold;margin-top:35px;color:#333;}
.pc-shadow{display: none; position: fixed;z-index: 500;background: #000;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;top: 0;left: 0;right: 0;bottom: 0;}

.layout{width: 100%;height: 100%;overflow: hidden;}
.main .Screen {position: relative;width: 100%;height: 100%;overflow: hidden;}
.main {width: 100%;height: 100%;position:fixed;transition: transform .9s cubic-bezier(.86, 0, .07, 1);-webkit-transition: -webkit-transform .9s cubic-bezier(.86, 0, .07, 1);-moz-transition: -moz-transform .9s cubic-bezier(.86, 0, .07, 1);}
.main{ color: #fff;}
.main .icon{ background-image:url(../images/icon.png?201712131302"); background-repeat: no-repeat;}
.main .twitter{ background-position: -3px -268px; width: 33px; margin-left: 10px !important; height: 33px; display: inline-block;}
.main .twitter:hover{background-position: -45px -268px;}
.main .weibo{ background-position: -2px -360px;  width: 33px; height: 33px; display: inline-block;}
.main .weibo:hover{ background-position: -45px -360px;}
.main .head{height: 40px; line-height: 40px; font-size: 14px; color: #666;}
.main .Screen1 {background:#fbfbfb;}
.main .Screen1 .head{ background:#ECECEC; }
.main .Screen1 .head div{height:40px; line-height: 40px;}
.main .Screen1 .head .txt-link a{ margin-left: 25px;}
.main .Screen1 .head .twitter{ background-position: -45px -225px; width: 33px; margin-left: 10px !important; height: 33px; display: inline-block;}
.main .Screen1 .head .twitter:hover{background-position: -3px -225px;}
.main .Screen1 .head .weibo{ background-position: -44px -313px;  width: 33px; height: 33px; display: inline-block;}
.main .Screen1 .head .weibo:hover{ background-position: -2px -313px;}
.main .Screen1 .content .box{background: url(../images/pic1_en.png?201712131302"?201603232120) no-repeat top;margin-top: 60px; width:620px; height: 515px;animation:top-down 1s;-webkit-animation:top-down 1s;-moz-animation:top-down 1s;}
.main .Screen1 .content .download{position: relative; opacity: 0; top:0; left:50%; margin-left:-350px; width: 700px; height: 50px; animation:left-center-40-2 1s 1s;-webkit-animation:left-center-40-2 1s 1s;-moz-animation:left-center-40-2 1s 1s;}
.main .Screen1 .content .download .window_btn{background:url(../images/download_btn_en.png?201712131302") no-repeat top; width: 220px; height: 50px; cursor: pointer; display: inline-block; }
.main .Screen1 .content .download .window_btn:hover{background-position:0px -59px;}
.main .Screen1 .content .download .mac_btn{background:url(../images/mac_download_btn_en.png?201712131302") no-repeat top;  width: 220px;  height: 50px; cursor: pointer; display: inline-block; }
.main .Screen1 .content .download .mac_btn:hover{background-position:0px -59px;}
.main .Screen1 .content .download .tv_btn{background:url(../images/tv_download_btn.png?201712131302") no-repeat top;  width: 220px;  height: 50px; cursor: pointer; display: inline-block; }
.main .Screen1 .content .download .tv_btn:hover{background-position:0px -59px;}
.main .Screen1 .content .jb-download{margin-top:50px;}
.main .Screen1 .content .jb-txt{margin-top:80px;padding-left: 100px;color: #636363;}
.main .Screen1 .content .jb-txt div{float: left;text-align: left; font-size: 16px; height: 60px; color:#666; line-height: 25px; opacity: 0; }
.main .Screen1 .content .jb-txt .txt-1{background-position:0px -145px; width:230px; padding-left: 70px;animation:hidden-show 1s 1.5s;-webkit-animation:hidden-show 1s 1.5s;-moz-animation:hidden-show 1s 1.5s;}
.main .Screen1 .content .jb-txt .txt-2{background-position:0px 0px; width:220px; padding-left: 80px;animation:hidden-show 1s 1.8s;-webkit-animation:hidden-show 1s 1.8s;-moz-animation:hidden-show 1s 1.8s;}
.main .Screen1 .content .jb-txt .txt-3{background-position:0px -70px; width:220px; padding-left: 80px;animation:hidden-show 1s 2.2s;-webkit-animation:hidden-show 1s 2.2s;-moz-animation:hidden-show 1s 2.2s;}
.main .Screen1 .content .jb-txt .txt-3 a{text-decoration: underline;}
.main .Screen1 .content .jb-txt .txt-4{background:url(../images/icon3.png?201712131302") left center no-repeat;cursor: pointer; width:195px; padding-left:105px;animation:hidden-show 1s 2.2s;-webkit-animation:hidden-show 1s 2.2s;-moz-animation:hidden-show 1s 2.2s;}
.main .Screen1 .content .jb-txt .txt-4 a{text-decoration: underline;}
.main .Screen2{ background:#017EFF;}
.main .Screen2 .head{ background:#0076F1; }
.main .Screen2 .head div{height:40px; line-height: 40px;}
.main .Screen2 .head .txt-link a{ margin-left: 25px;}
.main .Screen2 .content .box{background: url(../images/pic2_en.png?201712131302") no-repeat top;margin-top: 60px;opacity: 0;top:0; left:50%; margin-left:-386px; width:773px; height:516px;}
.main .Screen2 .content .box-right{width:860px;top:0; right:50%; margin-right:-430px;opacity: 0;}
.main .Screen2 .content .box-font{background: url(../images/pic2_font_en.png?201712131302") no-repeat top; width:630px; height: 110px;}
.main .Screen2 .content .box-txt{ color: #fff; font-size: 14px;}
.main .Screen3{ background:#9F25F6;}
.main .Screen3 .head{ background:#9622E7; }
.main .Screen3 .help-content{background:url(../images/help_bg_s.png?201712131302") no-repeat bottom right;}
.main .Screen3 .content .msg-box div{ float: left; width:33%;}
.main .Screen3 .content .msg-box dl{ margin:0 auto; width:333px; padding: 20px; height: 338px; background: url(../images/box-bg.png?201712131302") no-repeat top; }
.main .Screen3 .content .msg-box dl dt{font-size: 18px; line-height: 50px; }
.main .Screen3 .content .msg-box dl dd{ line-height: 20px;color: #e4c6ff; font-size: 14px; margin-top:5px; }
.main .Screen3 .content .forum{margin-top: 50px;opacity:0;}
.main .Screen3 .content .forum a{color: #fff;}
.main .Screen3 .content .forum .btn{ border: 2px solid #dba7ff; color:#dba7ff; border-radius: 30px;height: 46px;text-align: center;line-height: 46px;font-size: 18px;}
.main .Screen3 .content .forum .btn:hover{ border: 2px solid #fff; color:#fff; }
.main .Screen3 .content .forum p{ font-size: 14px;}
.main .Screen3 .content .help_en{margin-top:30px;}
.main .Screen3 .content .desc{margin-top:60px;opacity: 0;}
.main .Screen3 .content .desc div{background-position:0px -405px; padding-left: 75px; margin-top:30px; color:#efefef;}
.main .Screen3 .content .desc p{margin:0px; line-height: 22px; font-size: 14px; color:#e4c6ff;}
.main .Screen3 .content .desc .title{ color: #fff; font-size: 14px; }
.main .Screen4{ background:#FB8114 url(../images/version-bg.png?201712131302") no-repeat bottom center;}
.main .toggle-4bg{animation:toggle-4bg 0.5s;-webkit-animation:toggle-4bg 0.5s;-moz-animation:toggle-4bg 0.5s;}
.main .4bg{background:#FB8114 url(../images/version-bg.png?201712131302") no-repeat bottom right;}
.main .Screen4 .head{ background:#ED7914; }
.main .Screen4 .content .box{ width: 950px; height: 400px; margin:160px auto 0; opacity:1;}
.main .Screen4 .content .box a{ color: #fff;}
.main .Screen4 .content .box dl{ background:url(../images/version-box-s.png?201712131302") no-repeat top;margin-top:0px; width: 245px; height: 400px; float: left; margin-left:30px; text-align: center; opacity: 0;}
.main .Screen4 .content .box dt{ line-height: 76px; font-size: 28px; font-weight: 400;}
.main .Screen4 .content .box dd{ line-height:40px; font-weight: 100;}
.main .Screen4 .content .box .box-hover{background:url(../images/version-box.png?201712131302") no-repeat top; width: 273px; height: 445px;opacity: 0; margin-top:-20px;}
.main .Screen4 .content .box .box-hover dt{ line-height: 86px;}
.main .Screen4 .content .box .box-down{animation:down-toggle 1s;-webkit-animation:down-toggle 1s;-moz-animation:down-toggle 1s;margin-top:0px;}
.main .Screen4 .content .box .box-down2{animation:down-toggle2 1s;-webkit-animation:down-toggle2 1s;-moz-animation:down-toggle2 1s;margin-top:-20px;}
.main .Screen4 .content .box .box-hover-s{animation:top-toggle 0.3s;-webkit-animation:top-toggle 0.3s;-moz-animation:top-toggle 0.3s;margin-top:-20px;}
.main .Screen4 .content .box .box-hover-s2{animation:top-toggle2 0.3s;-webkit-animation:top-toggle2 0.3s;-moz-animation:top-toggle2 0.3s;margin-top:-40px;}
.main .Screen4 .content .box-bottom{ background: url(../images/version-txt-en.png?201712131302") no-repeat top; width: 645px; height: 35px; margin-top:120px;opacity:0;}
.main .Screen4 .content .box-font{ padding-top: 15px; font-size: 16px; color: #efefef;margin-left:110px;}
.main .Screen4 .content .box-font dl{width: 190px;float: left; line-height: 22px;opacity:0;}
.main .Screen4 .content .box-font dl dd{ font-size: 14px;}
.main .Screen5{ background:#373737;}
.main .Screen5 .head{ background:#343434; }
.main .Screen5 .content #box5-txt{opacity: 0;}
.main .Screen5 .content #box5-txt p{}
.main .Screen5 .content #box5-txt2{opacity: 0; margin-top:20px;}
.main .Screen5 .content #box5-txt3{opacity: 0;}
.main .Screen5 .content .box{ background: url(../images/pic9_en.png?201712131302") no-repeat top; width: 710px; height:410px; margin:80px auto 0; opacity: 0;}
.main .Screen5 .content .box-txt{margin-top: 30px;}
.main .Screen5 .content .box-txt a{ color: #00a2ff;}
.main .Screen5 .content .box-txt p{ text-align: left; font-weight: 400; font-size: 14px; }
.main .Screen5 .content .box-txt ul{padding-left: 18px;}
.main .Screen5 .content .box-txt li{ text-align: left; font-weight: 400; font-size: 14px; }
.main .Screen5 .content .box-txt .ercode{margin-top: 30px; text-align: center;}
.main .Screen5 .content .box-txt .copy{text-align: center; margin-top: 30px;}

.app-info{font-size: 14px;color:#4c4c4c; text-align: center;  width:700px; margin:10px auto 0;opacity: 0;animation:hidden-show 1s 2.2s;-webkit-animation:hidden-show 1s 2.2s;-moz-animation:hidden-show 1s 2.2s;}
.app-info span{width: 222px; text-align: center; display: inline-block; }
.app-infos{font-size: 14px;color:#4c4c4c; text-align: center; margin-top: 10px;}

.txt-link a{ margin-left: 25px;}
.a-color-f a{color:#fff;}

#web-point{ position: fixed; right:20px; top: 50%; margin-top: -60px; display: block; z-index: 10;}
#web-point .point-list{width: 24px; height: 120px;}
#web-point .point-list li{background: url(../images/point.png?201712131302") no-repeat 5px 0; width: 24px; height: 24px; display: block; cursor: pointer;}
#web-point .point-list .hover{background: url(../images/point.png?201712131302") no-repeat -17px 0;}

/* mobile web style */
#fix-top{ background: #444; border-radius: 4px; padding: 10px 5px; position: fixed; z-index: 50; right:5px; bottom:5px; color: #fff;opacity:0.7; display: none;}
#mobile-web{  display: none; }
#mobile-web .mobile-main .icon{ background-image:url(../images/icon.png?201712131302"); background-repeat: no-repeat;}
#mobile-web .mobile-main .head{height: 40px; line-height: 40px; border-bottom: 1px solid #ccc;}
#mobile-web .mobile-main .head .navbar-toggle{ background:none;border: 1px solid transparent;border-radius: 4px; height: 36px; cursor: pointer; }
#mobile-web .mobile-main .head .navbar-toggle .icon-bar {background: #666;margin-top: 4px;display: block;width: 22px;height: 2px;border-radius: 1px;}
#mobile-web .mobile-main .mobile-link{ background:#ECECEC; border-top:1px solid #fff; border-bottom: 1px solid #ccc; display: none; position: fixed; top:41px; left:0px; right:0px; z-index: 40; }
#mobile-web .mobile-main .mobile-link a{color:#666; width: 100%; height: 32px; line-height: 32px; display: block;}
#mobile-web .mobile-main .mobile-link ul{margin:0; padding: 0;padding-left: 15px;}
#mobile-web .mobile-main .mobile-link li{line-height: 32px; height: 32px; padding: 0px;list-style-type:none; font-size: 14px; }
#mobile-web .mobile-main .Screen_mobile1 {background:#fbfbfb;}
#mobile-web .mobile-main .Screen_mobile1 .head{ background:#ECECEC; padding: 0 10px; position: fixed; top:0px; left: 0px; right:0px; z-index: 50;}
#mobile-web .mobile-main .Screen_mobile1 .head div{height:40px; line-height: 40px;}
#mobile-web .mobile-main .Screen_mobile1 .head .txt-link a{ margin-left: 25px;}
#mobile-web .mobile-main .Screen_mobile1 .content{padding-bottom: 50px;}
#mobile-web .mobile-main .Screen_mobile1 .content .box{padding-top: 60px; text-align: center; width: 98%; }
#mobile-web .mobile-main .Screen_mobile1 .content .box img{width: 98%; max-width:620px;margin:0 auto;}
#mobile-web .mobile-main .Screen_mobile1 .content .download{background:url(../images/download_btn_en.png?201712131302") no-repeat top; position: relative; top:0; left:50%; margin-left:-110px; width: 220px; height: 50px; cursor: pointer;}
#mobile-web .mobile-main .Screen_mobile1 .content .download:hover{background-position:0px -59px;}
#mobile-web .mobile-main .Screen_mobile1 .content .mac-download{background:url(../images/mac_download_btn_en.png?201712131302") no-repeat top; position: relative; top:0; left:50%; margin-left:-110px; width: 220px; height: 50px; cursor: pointer;}
#mobile-web .mobile-main .Screen_mobile1 .content .mac-download:hover{background-position:0px -59px;}
#mobile-web .mobile-main .Screen_mobile1 .content .tv-download{background:url(../images/tv_download_btn.png?201712131302") no-repeat top; position: relative; top:0; left:50%; margin-left:-110px; width: 220px; height: 50px; cursor: pointer;}
#mobile-web .mobile-main .Screen_mobile1 .content .tv-download:hover{background-position:0px -59px;}
#mobile-web .mobile-main .Screen_mobile1 .content .jb-download{margin-top:30px;}
#mobile-web .mobile-main .Screen_mobile1 .content .jb-txt{width:250px; margin:30px auto 0;color: #636363;}
#mobile-web .mobile-main .Screen_mobile1 .content .jb-txt div{float: left;text-align: left; font-size: 16px; height: 60px; color:#666; line-height: 25px; }
#mobile-web .mobile-main .Screen_mobile1 .content .jb-txt .txt-1{background-position:15px -145px; width:170px; padding-left: 80px;}
#mobile-web .mobile-main .Screen_mobile1 .content .jb-txt .txt-2{background-position:0px 0px; width:170px; padding-left: 80px;margin-top: 30px;}
#mobile-web .mobile-main .Screen_mobile1 .content .jb-txt .txt-3{background-position:0px -70px; width:170px; padding-left: 80px;margin-top: 30px;}
#mobile-web .mobile-main .Screen_mobile1 .content .jb-txt .txt-3 a{ text-decoration: underline;}
#mobile-web .mobile-main .Screen_mobile1 .content .jb-txt .txt-4{background:url(../images/icon3.png?201712131302") left center no-repeat; width:155px; padding-left:105px;margin-left:-25px;margin-top: 30px;}
#mobile-web .mobile-main .Screen_mobile1 .content .jb-txt .txt-4 a{ text-decoration: underline;}
#mobile-web .mobile-main .Screen_mobile2{ background:#017EFF;}
#mobile-web .mobile-main .Screen_mobile2 .head{ background:#0076F1; }
#mobile-web .mobile-main .Screen_mobile2 .head div{height:40px; line-height: 40px;}
#mobile-web .mobile-main .Screen_mobile2 .head .txt-link a{ margin-left: 25px;}
#mobile-web .mobile-main .Screen_mobile2 .content{padding: 50px 0 50px;}
#mobile-web .mobile-main .Screen_mobile2 .content .box{ text-align: center;}
#mobile-web .mobile-main .Screen_mobile2 .content .box img{width: 98%; max-width:620px;margin:0 auto;}
#mobile-web .mobile-main .Screen_mobile2 .content .box-right{}
#mobile-web .mobile-main .Screen_mobile2 .content .box-font{ text-align: center;}
#mobile-web .mobile-main .Screen_mobile2 .content .box-font img{width: 98%; max-width:620px;margin:0 auto;}
#mobile-web .mobile-main .Screen_mobile2 .content .box-txt{ color: #fff; font-size: 14px;}
#mobile-web .mobile-main .Screen_mobile3{ background:#9F25F6;}
#mobile-web .mobile-main .Screen_mobile3 .head{ background:#9622E7; }
#mobile-web .mobile-main .Screen_mobile3 .help-content{background:url(../images/help_bg_s.png?201712131302") no-repeat center right; background-size:100%;}
#mobile-web .mobile-main .Screen_mobile3 .content{padding: 50px 15px; }
#mobile-web .mobile-main .Screen_mobile3 .content img{ width: 98%; max-width:338px; }
#mobile-web .mobile-main .Screen_mobile3 .content .msg-box div{ float: left; width:33%;}
#mobile-web .mobile-main .Screen_mobile3 .content .msg-box dl{ margin:0 auto; width:333px; padding: 20px; height: 338px; background: url(../images/box-bg.png?201712131302") no-repeat top; }
#mobile-web .mobile-main .Screen_mobile3 .content .msg-box dl dt{font-size: 18px; line-height: 50px; }
#mobile-web .mobile-main .Screen_mobile3 .content .msg-box dl dd{ line-height: 20px;color: #e4c6ff; font-size: 14px; margin-top:5px; }
#mobile-web .mobile-main .Screen_mobile3 .content .forum{margin-top: 50px;}
#mobile-web .mobile-main .Screen_mobile3 .content .forum a{color:#fff;}
#mobile-web .mobile-main .Screen_mobile3 .content .forum .btn{ border: 2px solid #dba7ff; color:#dba7ff; border-radius: 30px;height: 46px;text-align: center;line-height: 46px;font-size: 18px;}
#mobile-web .mobile-main .Screen_mobile3 .content .forum .btn:hover{ border: 2px solid #fff; color:#fff; }
#mobile-web .mobile-main .Screen_mobile3 .content .forum p{ font-size: 14px;color:#fff;}
#mobile-web .mobile-main .Screen_mobile3 .content .desc{margin-top:30px;}
#mobile-web .mobile-main .Screen_mobile3 .content .desc div{background-position:0px -405px; padding-left: 75px; margin-top:30px; color:#efefef;}
#mobile-web .mobile-main .Screen_mobile3 .content .desc p{margin:0px; line-height: 22px; font-size: 14px; color:#e4c6ff;}
#mobile-web .mobile-main .Screen_mobile3 .content .desc .title{ color: #fff; font-size: 14px; }
#mobile-web .mobile-main .Screen_mobile4{ background:#FB8114 url(../images/version-bg.png?201712131302") no-repeat bottom center;}
#mobile-web .mobile-main .toggle-4bg{animation:toggle-4bg 0.5s;-webkit-animation:toggle-4bg 0.5s;-moz-animation:toggle-4bg 0.5s;}
#mobile-web .mobile-main .4bg{background:#FB8114 url(../images/version-bg.png?201712131302") no-repeat bottom right;}
#mobile-web .mobile-main .Screen_mobile4 .head{ background:#ED7914; }
#mobile-web .mobile-main .Screen_mobile4 .content{padding:30px 0;}
#mobile-web .mobile-main .Screen_mobile4 .content .box{ margin:0 auto; opacity:1;color: #fff;}
#mobile-web .mobile-main .Screen_mobile4 .content .box a{color: #fff;}
#mobile-web .mobile-main .Screen_mobile4 .content .box dl{ background:url(../images/version-box-s.png?201712131302") no-repeat top;cursor: pointer;width: 245px; height: 400px;margin:10px auto 0; text-align: center;}
#mobile-web .mobile-main .Screen_mobile4 .content .box dt{ line-height: 76px; font-size: 28px; font-weight: 400;}
#mobile-web .mobile-main .Screen_mobile4 .content .box dd{ line-height:40px; font-weight: 100;}
#mobile-web .mobile-main .Screen_mobile4 .content .box .box-hover{background:url(../images/version-box.png?201712131302") no-repeat top; width: 273px; height: 445px;}
#mobile-web .mobile-main .Screen_mobile4 .content .box .box-hover dt{ line-height: 86px;}
#mobile-web .mobile-main .Screen_mobile4 .content .box .box-down{animation:down-toggle 1s;-webkit-animation:down-toggle 1s;-moz-animation:down-toggle 1s;margin-top:0px;}
#mobile-web .mobile-main .Screen_mobile4 .content .box .box-down2{animation:down-toggle2 1s;-webkit-animation:down-toggle2 1s;-moz-animation:down-toggle2 1s;margin-top:-20px;}
#mobile-web .mobile-main .Screen_mobile4 .content .box .box-hover-s{animation:top-toggle 0.3s;-webkit-animation:top-toggle 0.3s;-moz-animation:top-toggle 0.3s;margin-top:-20px;}
#mobile-web .mobile-main .Screen_mobile4 .content .box .box-hover-s2{animation:top-toggle2 0.3s;-webkit-animation:top-toggle2 0.3s;-moz-animation:top-toggle2 0.3s;margin-top:-40px;}
#mobile-web .mobile-main .Screen_mobile4 .content .box-bottom{ margin-top:10px;text-align: center;}
#mobile-web .mobile-main .Screen_mobile4 .content .box-bottom img{width: 98%; max-width:420px;}
#mobile-web .mobile-main .Screen_mobile4 .content .box-font{ padding-top: 15px; font-size: 16px; color: #efefef;margin-left:110px;}
#mobile-web .mobile-main .Screen_mobile4 .content .box-font dl{width: 190px;float: left; line-height: 22px;opacity:0;}
#mobile-web .mobile-main .Screen_mobile4 .content .box-font dl dd{ font-size: 14px;}
#mobile-web .mobile-main .Screen_mobile5{ background:#373737;}
#mobile-web .mobile-main .Screen_mobile5 .head{ background:#343434; }
#mobile-web .mobile-main .Screen_mobile5 .content{ padding:30px 15px; color: #fff;}
#mobile-web .mobile-main .Screen_mobile5 .content #box5-txt{}
#mobile-web .mobile-main .Screen_mobile5 .content #box5-txt p{}
#mobile-web .mobile-main .Screen_mobile5 .content #box5-txt2{ margin-top:20px;}
#mobile-web .mobile-main .Screen_mobile5 .content #box5-txt3{}
#mobile-web .mobile-main .Screen_mobile5 .content .box{ margin:0 auto; text-align: center;}
#mobile-web .mobile-main .Screen_mobile5 .content .box img{ width: 95%; max-width: 620px; margin: 0 auto;}
#mobile-web .mobile-main .Screen_mobile5 .content .box-txt{margin-top: 30px;}
#mobile-web .mobile-main .Screen_mobile5 .content .box-txt a{ color: #00a2ff;}
#mobile-web .mobile-main .Screen_mobile5 .content .box-txt p{ text-align: left; font-weight: 400; font-size: 14px; }
#mobile-web .mobile-main .Screen_mobile5 .content .box-txt ul{padding-left: 18px;}
#mobile-web .mobile-main .Screen_mobile5 .content .box-txt li{ text-align: left; font-weight: 400; font-size: 14px; }
#mobile-web .mobile-main .Screen_mobile5 .content .box-txt .ercode{margin-top: 30px; text-align: center;}
#mobile-web .mobile-main .Screen_mobile5 .content .box-txt .copy{text-align: center; margin-top: 30px;}

/* animation style */
.right_center{animation:right-center 1s;-webkit-animation:right-center 1s;-moz-animation:right-center 1s;}
.right_center_40{animation:right-center-40 1s;-webkit-animation:right-center-40 1s;-moz-animation:right-center-40 1s;}
.right_center_35{animation:right-center-35 1s;-webkit-animation:right-center-35 1s;-moz-animation:right-center-35 1s;}
.left_center{animation:left-center 1s;-webkit-animation:left-center 1s;-moz-animation:left-center 1s;}
.small_big{animation:small-big 1s;-webkit-animation:small-big 1s;-moz-animation:small-big 1s;}
.hidden_show{animation:hidden-show 1s 1s;-webkit-animation:hidden-show 1s 1s;-moz-animation:hidden-show 1s 1s;}
.hidden_show_1{animation:hidden-show 1s 0.5s;-webkit-animation:hidden-show 1s 0.5s;-moz-animation:hidden-show 1s 0.5s;}
.hidden_show_2{animation:hidden-show 1s 0.8s;-webkit-animation:hidden-show 1s 0.8s;-moz-animation:hidden-show 1s 0.8s;}
.hidden_show_3{animation:hidden-show 1s 1.1s;-webkit-animation:hidden-show 1s 1.1s;-moz-animation:hidden-show 1s 1.1s;}
.hidden_show_4{animation:hidden-show 1s 1.3s;-webkit-animation:hidden-show 1s 1.3s;-moz-animation:hidden-show 1s 1.3s;}
.bg_lr{animation:bg-lr 1s 1s;-webkit-animation:bg-lr 1s 1s;-moz-animation:bg-lr 1s 1s;}


/* media style */
@media(min-width: 1024px){
	html,body{width: 100%;height: 100%;overflow: hidden;}
}
@media(min-width: 1920px){
	.main .Screen2 .content .box{margin-top: 120px;}
}
@media (max-width:1440px){
	.main .Screen1 .content .box{background: url(../images/pic1_en_s.png?201712131302") no-repeat top;width: 424px; height: 312px;}
	.main .Screen1 .content .jb-txt{margin-top:50px;}
	.main .Screen1 .content .jb-download{margin-top:30px;}
	.main .Screen2 .content .box{background: url(../images/pic2_en_m.png?201712131302") no-repeat top;width:606px; height: 423px;margin-left:-303px;}
	.main .Screen3 .content .help_en{margin-top:0px;}
	.main .Screen3 .content .help_en img{width: 300px; margin-left: -73px;}
	.main .Screen3 .content .desc div{margin-top:18px;}
	.main .Screen3 .content .desc p{ line-height: 18px;}
	.main .Screen3 .content .forum{margin-top: 50px;}
	.main .Screen3 .content .desc{margin-top:20px;}
	.main .Screen4{ background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom center;}
	.main .4bg{background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom right;}
	.main .Screen4 .content .box{margin:50px auto 0;}
	.main .Screen4 .content .box-bottom{ margin-top: 60px;}
	.main .Screen5 .content .box{ background: url(../images/pic9_en_s.png?201712131302") no-repeat top; width:426px; height:254px; margin:20px auto 0; opacity: 0;}
	.main .Screen5 .content .box-txt{margin-top:15px;}
	.main .Screen5 .content .box-txt p{ margin-top: 5px;margin-bottom: 0;}
	.main .Screen5 .content .box-txt .ercode{margin-top: 10px; text-align: center;}
	.main .Screen5 .content .box-txt .copy{text-align: center; margin-top: 10px;}
	@keyframes left-center {
		from{left:10%;opacity: 0;}
		to {left:50%;margin-left:-303px; opacity: 1;}
	}
	@-webkit-keyframes left-center {
		from{left:10%;opacity: 0;}
		to {left:50%;margin-left:-303px; opacity: 1;}
	}
	@-moz-keyframes left-center {
		from{left:10%;opacity: 0;}
		to {left:50%;margin-left:-303px; opacity: 1;}
	}
	@keyframes toggle-4bg {
		from {background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom center;}
		to { background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom right;}
	}
	@-webkit-keyframes toggle-4bg {
		from {background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom center;}
		to { background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom right;}
	}
	@-moz-keyframes toggle-4bg {
		from {background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom center;}
		to { background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom right; }
}

@media (max-width:1280px){
	.pc-dialog-content{height:625px;}
	.main .Screen1 .content .box{background: url(../images/pic1_en_s.png?201712131302"?201603232120) no-repeat top;width: 424px; height: 312px;}
	.main .Screen1 .content .jb-txt{margin-top:50px;}
	.main .Screen1 .content .jb-download{margin-top:30px;}
	.main .Screen2 .content .box{background: url(../images/pic2_en_s.png?201712131302") no-repeat top;width:452px; height: 320px;margin-left:-236px;}
	.main .Screen3 .content .forum{margin-top: 30px;}
	.main .Screen3 .content .desc{margin-top:20px;}

	.main .Screen4{ background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom center;}
	.main .4bg{background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom right;}
	.main .Screen3 .content .help_en{margin-top:0px;}
	.main .Screen3 .content .help_en img{width: 300px; margin-left: -73px;}
	.main .Screen3 .content .desc div{margin-top:18px;}
	.main .Screen3 .content .desc p{ line-height: 18px;}
	.main .Screen4 .content .box{margin:50px auto 0;}
	.main .Screen4 .content .box-bottom{ margin-top: 60px;}
	.main .Screen5 .content .box{ background: url(../images/pic9_en_s.png?201712131302") no-repeat top; width:426px; height:254px; margin:20px auto 0; opacity: 0;}
	.main .Screen5 .content .box-txt{margin-top:15px;}
	.main .Screen5 .content .box-txt p{ margin-top: 5px;margin-bottom: 0;}
	.main .Screen5 .content .box-txt .ercode{margin-top: 10px; text-align: center;}
	.main .Screen5 .content .box-txt .copy{text-align: center; margin-top: 10px;}
	@keyframes left-center {
		from{left:10%;opacity: 0;}
		to {left:50%;margin-left:-236px; opacity: 1;}
	}
	@-webkit-keyframes left-center {
		from{left:10%;opacity: 0;}
		to {left:50%;margin-left:-236px; opacity: 1;}
	}
	@-moz-keyframes left-center {
		from{left:10%;opacity: 0;}
		to {left:50%;margin-left:-236px; opacity: 1;}
	}

	@keyframes toggle-4bg {
		from {background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom center;}
		to { background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom right;}
	}
	@-webkit-keyframes toggle-4bg {
		from {background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom center;}
		to { background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom right;}
	}
	@-moz-keyframes toggle-4bg {
		from {background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom center;}
		to { background:#FB8114 url(../images/version-bg-s.png?201712131302") no-repeat bottom right; }
	}
}

@media (max-width:1024px){
	#pc-web{display: none;}
	#web-point{display:none; }
	#mobile-web{ display: inherit;}
	#fix-top{display: inherit;}
}