/*!
 * Created by Guohui
 * User: webflash2007@gmail.com
 * Version: 1.0.0
 */
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, img,
input, textarea, button,div, span, label, form
table, tr, th, td, 
strong, b, em, i ,
audio, video,
footer, main, header, article, aside, nav, section{
    margin: 0;
    padding: 0;
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: "San Francisco", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Noto Sans CJK", "Droid Sans", "Droid Sans Fallback", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
}
li {
    list-style: none;
}
img {
    border: none;
}
a {
    text-decoration: none;
    outline: none;
    color: #000 ;
}
input, textarea, button {
    outline: none;
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: #A3A3A3;
}
::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
::-webkit-scrollbar {
    width: 0;
    display: none;
}

/*
input, textarea {
    caret-color: #FC3F3B;
}
*/

@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 150px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.fadeInUp{animation:fadeInUp linear .6s;animation-delay:.2s}@keyframes pulse{from{transform:translate3d(0, 5px, 0)}50%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 5px, 0)}}.pulse{animation:pulse linear 1.5s infinite}@keyframes slideInLeft{from{opacity:0;transform:translate3d(-200px, 0, 0);visibility:visible}to{opacity:1;transform:translate3d(0, 0, 0)}}.slideInLeft{animation:slideInLeft linear .5s}@keyframes slideInLeftMobile{from{opacity:0;transform:translate3d(-2rem, 0, 0);visibility:visible}to{opacity:1;transform:translate3d(0, 0, 0)}}.slideInLeftMobile{animation:slideInLeftMobile linear .5s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeInDown{animation:fadeIn linear .8s}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter,.fade-leave-to{opacity:0}a{text-decoration:none}a:hover{text-decoration:none}#app{max-width:750px;margin:auto}.img_wrap img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
body{background-color:#fff}.pageIndex{max-width:1240px;margin:auto;padding-bottom:58px;position:relative}.pageIndex .iconBox{display:flex;align-items:center;margin-bottom:.15rem;justify-content:flex-end}.pageIndex .iconBox img{width:.34rem;height:.34rem;margin-right:.2rem;cursor:pointer}.pageIndex .bg_deco_circle{background-image:url(../img/bg_deco_circle_c57fde.png);width:1920px;height:1600px;background-size:100% 100%;background-repeat:no-repeat;position:absolute;z-index:-1;left:-340px}.pageIndex header{height:120px;display:flex;align-items:center;justify-content:space-between}.pageIndex .logo{width:208px;height:68px;cursor:pointer}.pageIndex nav a{font-size:30px;font-weight:600;color:#111520;line-height:36px}.pageIndex nav a:hover{color:#f02436;cursor:pointer}.pageIndex main{margin:60px 0 244px;display:flex}.pageIndex .joy_info{width:690px;flex-shrink:0;margin-top:184px}.pageIndex .joy_info .logo_text{width:524px;height:260px}.pageIndex .info_text{color:#100b2a;font-size:50px;line-height:60px}.pageIndex .download_text{font-size:32px;color:#111520;line-height:40px;margin:60px 0 24px}.pageIndex .download_wrap{display:flex;align-items:center}.pageIndex .download_wrap .btn_download{width:220px}.pageIndex .download_wrap .btn_code{width:74px;height:74px}.pageIndex .download_wrap a{margin-left:18px;height:74px;display:inline-block;background-size:100% 100%}.pageIndex .download_wrap a:first-child{margin-left:0}.pageIndex .joyparty_app{position:relative;flex-shrink:0;width:560px;height:780px;margin-top:70px}.pageIndex .joyparty_app .bg_circle{width:721px;height:721px;border-radius:50%;background-color:#c0b9ff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.pageIndex .joyparty_app img{position:relative}.pageIndex .function_introduction_wrap{display:flex;align-items:center}.pageIndex .function_introduction_wrap .img_wrap{margin-left:34px;width:390px;height:420px}.pageIndex .function_introduction_wrap .img_wrap:first-child{margin-left:0}.pageIndex .function_introduction_wrap .img_wrap:hover{transform:translate3d(0, -10px, 0);transition:all .3s;box-shadow:0 15px 30px rgba(0,0,0,.1)}.pageIndex footer{margin-top:216px}.pageIndex .joyparty_logo{width:208px;height:68px;margin-bottom:20px}.pageIndex .copyright_wrap{display:flex;align-items:center;justify-content:space-between}.pageIndex .copyright_wrap .copyright,.pageIndex .copyright_wrap span{font-size:20px;line-height:24px;color:#111520}.pageIndex .copyright_wrap span{margin-left:12px}.pageIndex .copyright_wrap ul{display:flex}.pageIndex .copyright_wrap li{margin-right:10px}.pageIndex .copyright_wrap li a{font-size:20px;color:#111520;line-height:24px}.pageIndex .copyright_wrap li a:last-child{margin-right:0}.pageIndex .copyright_wrap li a:hover{color:#f02436;cursor:pointer}.pageIndex .dialog{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.pageIndex .dialog .content{width:600px;height:300px;background:#fff;border-radius:40px;position:relative;padding-top:80px}.pageIndex .dialog .content h1{font-weight:600;font-size:36px;color:#f02436;line-height:44px;text-align:center;margin-bottom:42px}.pageIndex .dialog .content h2{font-weight:600;font-size:32px;color:#111520;line-height:40px;text-align:center}.pageIndex .dialog .img_wrap{width:300px;height:300px;border-radius:30px;padding:30px;background-color:#fff;position:relative}.pageIndex .dialog i{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUdwTAAAAAAAAAAAAHd3dw8PDwAAAAAAAPv7+9nZ2QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGFhYX9/fwAAANnZ2f///29vbwwMDOXl5by8vKurq/7+/gICAomJicPDw/n5+bOzsy8vLxwcHC8vL////1hjznoAAAAvdFJOUwAfXjSOaVlm+dE8BANjCg9SYQdNFWACRD0BLTWEkV3Q/opp3req/meXvPSvc21yxPUzDgAAAalJREFUSMe1l+l2gjAQhUPQjIIoCAqCFPelG+//drVQWzLJCMTT+zPkOydn5s4CYxqtojQJBfc8LsIkjVask5ZWvABJi9hatmJzm4NG3J4/xNwsAEKB7dKcJeCBhEVgEwda5Ex03NSHVvlTlZsJ6CAxU7gX6KQXRE4FdJSQXjvxobP8ZoQc6CGnkT/opd98uqIfKO4eyqCnsh9fB33BoHa8LZ+u8zO6d87X6MSu6k+uo8umLIbSybAoNxdUZUs1pNeyLMdNcji+nVw1gY3RS0cyWXEj/Nb41l9Qn4CBRNbcAIdnsWKRErMmSXAAEUvhAUlykLIEaJLmIGEhkOQHzUHI9D6tyFeaA8E40CTNAWce8SU/3bhTTtnVo8AqLshDMsgfcTTJ9cGp8/A2okmhTcc9fwOaDHUG+Ms7TSYayzX9QpKpanLZZxQZKWW1Qz6ryZ1aVriQj9gvFXlUCxm3joPis2/yoGkdqFm9F/sturXdF5+aZoXbYxfZzzXk/iPAfnboGI8588FqPsqNlwfzdcV8QTJfycyXQPO1s2XRzdz/WK2fWOY7/z58AUx2YcB4z7nvAAAAAElFTkSuQmCC);background-size:100% 100%;width:56px;height:56px;position:absolute;right:-86px;top:-86px}@media screen and (max-width: 1050px){.medium{min-width:850px;padding:0 100px 58px}.medium main{display:flex;flex-direction:column;align-items:center}.medium .joy_info{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:100px}.medium .function_introduction_wrap{flex-direction:column}.medium .function_introduction_wrap .img_wrap{margin-left:0;margin-top:34px}.medium .function_introduction_wrap .img_wrap:first-child{margin-top:0}.medium .copyright_wrap{flex-direction:column}.medium footer{display:flex;flex-direction:column;align-items:center}}
