* { margin: 0; padding: 0; }

ul { list-style: none; }

a { text-decoration: none; }

.content { width: 1000px; margin: 0px auto; position: relative; overflow: hidden; }

.head-development { width: 1000px; margin: 15px auto; }

.head-development .development-infor { color: #999999; font-size: 16px; }

.head-development .development-infor > span { margin-right: 15px; }

.head-development .development-infor .infor-agreement { display: inline-block; }

.head-development .development-infor .infor-agreement > span { margin: 0px 5px; font-size: 14px; }

.head-development .development-infor .infor-agreement a { display: inline-block; color: #999999; font-size: 16px; font-weight: 300; }

.head { width: 100%; height: 779px; background-image: url(../images/backgroundImg/bg@2x.png); background-repeat: no-repeat; background-size: cover; background-position: center; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.head-logo { color: #fff; font-size: 24px; padding-top: 22px; text-align: left; position: relative; }

.head-logo img { position: absolute; top: 19px; left: 0px; width: 31px; height: 36px; }

.head-logo > span { margin-left: 43px; }

.head-content { margin-top: 122px; overflow: hidden; }

.head-content > img { width: 326px; height: 340px; float: left; }

.head-content .head-txt { width: 341px; float: right; }

.head-content .head-txt h1 { color: #fff; text-align: left; font-size: 40px; }

.head-content .head-txt p { font-weight: 200; text-align: left; color: #fff; font-size: 18px; margin: 21px 0px; }

.head-content .head-txt .head-btn { width: 100%; margin-top: 50px; text-align: center; text-align: left; }

.head-content .head-txt .head-btn > div { display: inline-block; width: 210px; margin-right: 31px; position: relative; }

.head-content .head-txt .head-btn > div .head-download { display: block; text-decoration: none; width: 210px; height: 60px; position: relative; color: #0585FF; font-size: 16px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(3, 90, 229, 0.4); box-shadow: 0px 0px 10px 0px rgba(3, 90, 229, 0.4); border-radius: 6px; cursor: pointer; }

.head-content .head-txt .head-btn > div .head-download img { width: 24px; height: 24px; position: absolute; top: 21px; right: 39px; }

.head-content .head-txt .head-btn > div .head-download span { position: absolute; top: 22px; left: 43px; }

.head-content .head-txt .head-btn > div .Android-download { position: absolute; bottom: 0px; left: -249px; width: 210px; background: #FFFFFF; -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-transition: .3s; transition: .3s; margin-top: 10px; overflow: hidden; padding-top: 10px; text-align: center; }

.head-content .head-txt .head-btn > div .Android-download img { width: 190px; height: 190px; }

.btn-agreement { color: #fff; font-weight: 200px; }

.btn-agreement a { color: #fff; font-size: 18px; font-weight: 200; }

.type-all { width: 100%; background-color: #fff; padding-bottom: 100px; }

.type-all .type-box .type-list { width: 1300px; margin-top: 60px; overflow: hidden; }

.type-all .type-box .type-list li { float: left; margin-right: 92px; width: 113px; text-align: center; color: #666; font-size: 14px; }

.type-all .type-box .type-list li img { display: block; width: 80px; height: 80px; margin: 0px auto; margin-bottom: 30px; }

.type-title { width: 100%; text-align: center; color: #0585FF; font-size: 36px; margin-top: 100px; }

.type-title div { margin: 20px auto; width: 100px; height: 4px; background: #0585FF; }

.file { width: 100%; height: 150px; background-image: url(../images/backgroundImg/file_bk.png); background-repeat: no-repeat; background-position: center; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/backgroundImg/file_bk.png', sizingMethod='scale'); background-size: cover; }

.file-box { width: 266px; height: 60px; margin-top: 45px; display: inline-block; float: right; }

.file-box .code-box { display: inline-block; width: 190px; height: 60px; background: #FD9400; -webkit-box-shadow: 0px 0px 10px 0px rgba(24, 143, 255, 0.59); box-shadow: 0px 0px 10px 0px rgba(24, 143, 255, 0.59); border-radius: 30px; margin-left: 20px; text-align: center; position: relative; color: #FFFFFF; font-size: 20px; font-weight: 400; line-height: 60px; }

.file-box .code-box .code-img { position: absolute; width: 24px; height: 24px; top: 18px; left: 18px; }

.file-box .code-box:hover .download-img { visibility: visible; left: 200px; width: 89px; height: 89px; padding: 10px; }

.file-box .code-box:hover .download-left { visibility: visible; right: 200px; width: 89px; height: 89px; padding: 10px; }

.file-box .code-box span { position: absolute; right: 18px; }

.file-box .code-box .download-left { -webkit-transition: .3s; transition: .3s; visibility: hidden; width: 0px; height: 0px; position: absolute; top: -20px; right: 0px; background-color: #fff; }

.file-box .code-box .download-left img { width: 100%; height: 100%; }

.file-box .code-box .download-img { -webkit-transition: .3s; transition: .3s; visibility: hidden; width: 0px; height: 0px; position: absolute; top: -20px; padding: 10px; left: 0px; background-color: #fff; }

.file-box .code-box .download-img img { width: 100%; height: 100%; }

.file-font { width: 500px; height: 46px; float: left; margin-top: 54px; }

.box-center { width: 1200px; }

.service { background-image: url(../images/backgroundImg/service_bk.png); }

.service-box { float: left; }

.service-imgfont { float: right; width: 660px; height: 46px; margin-top: 57px; }

.Efficient { width: 100%; background: #F9FCFF; position: relative; padding: 70px 0px; }

.Efficient-img { width: 434px; height: 300px; display: inline-block; float: left; }

.Efficient-txt { display: inline-block; width: 277px; float: right; text-align: left; margin-top: 80px; }

.Efficient-txt > span { display: block; color: #000000; font-size: 30px; font-weight: 600; letter-spacing: 1px; }

.Efficient-txt > p { text-align: left; font-weight: 300; color: #000000; line-height: 21px; letter-spacing: 2px; color: rgba(0, 0, 0, 0.1); }

.Efficient-txt .Efficient-describe { margin-top: 50px; color: #333333; color: rgba(51, 51, 51, 0.6); font-size: 16px; line-height: 40px; font-weight: 300; text-align: left; margin-bottom: 30px; }

.major { background: #fff; }

.process { width: 100%; }

.process .process-box { width: 1200px; margin: 0px auto; overflow: hidden; }

.process .process-ul { width: 1403px; margin: 80px auto; overflow: hidden; }

.process .process-ul > li { float: left; margin-right: 46px; text-align: center; height: 215px; width: 215px; display: inline-block; }

.process .process-ul > li > img { width: 24px; height: 24px; margin-top: 48px; }

.process .process-ul > li .process-img { display: block; width: 120px; height: 120px; margin: 0px auto; margin-bottom: 60px; }

.process .process-ul > li > span { display: block; text-align: center; color: #666; font-size: 23px; }

.process .process-ul .process-arrow { width: 24px; }

.step { width: 100%; background-color: #F9FCFF; padding: 80px 0px; }

.step .step-box { text-align: center; margin-top: 60px; }

.step .step-box .step-img { width: 462px; height: 396px; float: left; position: relative; z-index: 1; margin-right: 100px; }

.step .step-box .step-img .img-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; -webkit-transition: all 1.5s; transition: all 1.5s; visibility: hidden; opacity: 0; }

.step .step-box .step-txt { width: 420px; display: inline-block; float: left; }

.step .step-box .step-txt .txt-li { cursor: pointer; width: 100%; text-align: left; color: #999; font-size: 24px; margin-top: 10px; margin-bottom: 30px; }

.step .step-box .step-txt .txt-li img { width: 89px; height: 24px; margin-bottom: 12px; }

.security { background-image: url(../images/backgroundImg/security_bk.png); height: 280px; text-align: center; }

.security-box { float: none; display: inline-block; margin: 0px auto; margin-top: 46px; }

.security-imgfont { display: block; margin: 0px auto; margin-top: 79px; width: 654px; height: 45px; }

.user { width: 100%; }

.user .user-box { height: 220px; position: relative; list-style: none; padding: 60px 0px; z-index: 1; }

.user .user-box .user-li { width: 500px; height: 220px; background: #FFFFFF; -webkit-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.1); border-radius: 8px; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transition: all 1.5s; transition: all 1.5s; position: absolute; left: 55%; }

.user .user-box .user-li .user-content { width: 420px; margin: 0px auto; margin-top: 34px; }

.user .user-box .user-li .user-content .user-head { width: 100%; height: 64px; position: relative; }

.user .user-box .user-li .user-content .user-head > img { width: 64px; height: 64px; position: absolute; left: 0; top: 0; }

.user .user-box .user-li .user-content .user-head .head-infor { width: 200px; text-align: left; color: #000000; margin-left: 80px; padding-top: 10px; font-size: 18px; }

.user .user-box .user-li .user-content .user-head .head-infor .head-star { width: 100%; margin-top: 15px; overflow: hidden; }

.user .user-box .user-li .user-content .user-head .head-infor .head-star > img { width: 12px; height: 13px; float: left; margin-left: 3px; }

.user .user-box .user-li .user-content > p { font-size: 18px; text-align: left; color: #000000; line-height: 26px; margin-top: 24px; }

.user .user-box .user-item01 { margin-left: -155.5px; z-index: 4; opacity: 0.9; -webkit-transform: scale(0.8); transform: scale(0.8); }

.user .user-box .user-item02 { margin-left: -11px; z-index: 3; opacity: 0.81; -webkit-transform: scale(0.64); transform: scale(0.64); }

.user .user-box .user-item03 { margin-left: -589px; z-index: 3; opacity: 0.81; -webkit-transform: scale(0.64); transform: scale(0.64); }

.user .user-box .user-item04 { margin-left: -444.5px; z-index: 4; opacity: 0.9; -webkit-transform: scale(0.8); transform: scale(0.8); }

.user .user-box .user-item05 { margin-left: -300px; z-index: 5; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.footer { width: 100%; height: 154px; background: #36373C; }

.footer .footer-box { padding-top: 70px; }

.footer .footer-box > a { float: left; display: inline-block; margin-right: 32px; color: #9FA3AE; font-size: 14px; font-weight: 300; }

.footer .footer-box > a:hover { color: #FFFFFF; }

.footer .footer-box .footer-agreement { float: right; color: #9FA3AE; font-size: 14px; font-weight: 300; }

.footer .footer-box .footer-agreement a { display: inline-block; color: #9FA3AE; font-size: 14px; font-weight: 300; }

.footer .footer-box .footer-agreement a:hover { color: #FFFFFF; }

.download-box { position: fixed; top: 35%; right: 20px; width: 120px; z-index: 99; visibility: hidden; }

.download-box .android-box { width: 120px; height: 130px; padding-top: 15px; background: #FFFFFF; -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; text-align: center; color: #000000; font-size: 16px; text-align: center; }

.download-box .android-box > img { display: block; margin: 0px auto; margin-bottom: 10px; width: 89px; height: 89px; }

.download-box .ios-box { display: block; width: 120px; height: 40px; background: #FFFFFF; -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; margin-top: 15px; }

.download-box .ios-box > img { width: 24px; height: 24px; float: left; margin-top: 8px; margin-bottom: 8px; margin-left: 14px; margin-right: 4px; }

.download-box .ios-box > span { display: inline-block; float: left; color: #000000; font-size: 16px; margin-top: 8px; }

@media screen and (max-width: 1600px) { .service { background-image: url(../images/backgroundImg/service_bk.png); } }
/*# sourceMappingURL=index.css.map */