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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
    display: block;
}

h1,h2,h3,h4,h5{ font-weight: normal; }
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a { text-decoration:none; }
a:hover { text-decoration:none; }

body{ font-family:"PingFangSC-Regular","Microsoft YaHei", Arial, "sans-serif";}

.top{width: 100%; height:760px; background: url(/share/images/jsbg.png) center top no-repeat; padding-top: 30px;}
.t-info{ width: 483px; margin: 0 auto; padding-top:140px;  }

.top h1{ width: 1200px; margin: 0 auto; margin-top:30px;  height: 34px; background: url(/share/images/vlogo.png) no-repeat;   }
.c-right dl{margin-bottom:54px; text-align:center;}
.c-right dl dt{ font-size: 66px; margin-bottom:25px; color: #fff;  }
.c-right dl dt span{color:#6484FF;}
.c-right dl dd{ font-size: 30px; color: #BCBFCD ; }

.c-right ul li{float: left;margin-bottom:19px; margin-left: 14px;  }
.c-right ul li a{display: block; width: 224px; height: 72px; line-height: 72px; color: #3ad9f9; font-size: 16px; border-radius: 5px;box-sizing: border-box;text-align: center; }
.c-right ul li.win a{background: url(/share/images/win02.png)no-repeat;}
.c-right ul li.mac a{background: url(/share/images/mac01.png)  no-repeat;}
.c-right ul li.mac a span{ font-size: 12px; }
.c-right ul li.adr a{background: url(/share/images/android01.png)  no-repeat;  }
.c-right ul li.ios a{background: url(/share/images/ios01.png)  no-repeat;  }

/*.c-right ul li.win a.active{background: url(/share/images/win02.png) no-repeat;}*/
.c-right ul li.adr a.active{background: url(/share/images/android03.png) no-repeat;}
.c-right ul li.ios a.active{background: url(/share/images/ios03.png) no-repeat;}

.c-right ul li.code-con{ position: relative; }
.c-right ul li.code-con .codeapp{position: absolute; left: 0; top:75px; box-shadow: 0px 1px 10px #999; overflow: hidden;  width: 221px; height: 220px; background:#fff; border-radius: 3px;}
.c-right ul li.code-con .codeapp img{ width: 150px; height:150px; margin: 35px 0 0 35px; }

.center{ background: #fff; }
.c-body{ width: 1204px; overflow: hidden; margin: 0 auto; padding-top: 32px; padding-bottom: 50px;      }
.c-body h2{ text-align: center; font-size: 24px; color: #000; margin-bottom:45px;  }
.ys-con{overflow: hidden;}
.ys-con dl{width: 398px; float: left; text-align: center; margin-bottom:60px;}
.ys-con dl dt{margin-bottom:10px; }
.ys-con dl dd{ font-size: 14px; color: #9B9B9B; margin-bottom:15px; }
.ys-con dl dd h4{font-size: 18px; color: #4A4A4A;}

.use-people{background: #f4f5f7; height: 550px; }
.use-people .use-img{width: 962px; margin: 0 auto; padding-top: 69px;}
.use-people .use-img img{ display: block; }

.footer{ height: 390px; background: url(/share/images/footer-bg.png) center top no-repeat; }
.footer .footer-con{ position: relative; width: 790px; margin: 0 auto; }
.abs-img{  position: absolute; background: url(/share/images/v2@x.png) no-repeat; width: 183px; height: 185px; left: 305px; top: -111px;}
.footer-con p{ text-align: center; font-size: 28px; color: #BCBFCD; padding: 100px 0 50px 0; }
.btn-downlist{display: flex;justify-content:space-between;}
.btn-downlist dl{ width: 180px; height: 140px; text-align: center; color: #fff; ; }
.btn-downlist dl dt{ padding:25px 0 13px 0;}
.btn-downlist dl dd{ font-size: 16px; }
.btn-downlist dl dd.txf{ font-size: 12px; line-height: 25px;}
.btn-downlist a{ display: block; width: 180px; height: 140px; background: #51566D; border-radius: 6px; }
.btn-downlist a.active{background: #6484FF; }


.copy-right{ height: 60px; line-height: 60px; background: #262B3D;text-align:center; color: #7B7E8A; font-size: 16px; }