@charset "utf-8";@font-face{font-family:BDZY;src:url(//mat1.gtimg.com/v/dokiIdeas/h5/jkdy/BDZY.ttf) format("truetype");font-style:normal}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-user-select:none;word-break:break-all;word-wrap:break-word}html.borderbox *,html.borderbox :after,html.borderbox :before{-webkit-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}a{text-decoration:none;background-color:transparent}a:active{outline:0}a:hover{outline:0}img{border:0;width:100%;display:block}img:not([src]),img[src=""]{opacity:0}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled]{cursor:default;background:#a9a9a9}input{padding:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}textarea{overflow:auto}h1,h2,h3,h4,h5,h6,p{margin:0}li,ol,ul{padding:0;margin:0;list-style:none}.landscape-hinter{position:fixed;top:0;left:0;right:0;height:100%;width:100%;background:#131313;z-index:9999999;display:none}.landscape-hinter .phone{position:absolute;top:45%;left:50%;width:67px;height:108px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(//mat1.gtimg.com/v/annual_report_2018/imgs/landscape.png) center center no-repeat;-webkit-background-size:100% 100%;background-size:100%;-webkit-animation:rotateHint 2.6s ease-in infinite;animation:rotateHint 2.6s ease-in infinite}.landscape-hinter .txt{position:absolute;right:0;left:0;bottom:12%;color:#fff;font-size:14px;font-weight:400;text-align:center;line-height:1}@-webkit-keyframes rotateHint{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);opacity:.2}50%{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);opacity:1}100%{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);opacity:0}}@keyframes rotateHint{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);opacity:.2}50%{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);opacity:1}100%{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);opacity:0}}@media screen and (orientation:landscape){.landscape-hinter{display:block}}body,html{margin:0;width:100vw;min-height:100vh}body.scroll,html.scroll{height:auto;overflow-y:auto}body{font-size:14px;color:#000;line-height:1.5;font-weight:400;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:-apple-system-font,'Helvetica Neue','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}.wrapper{position:relative;top:0;left:0;width:100vw;min-height:100vh;margin:0 auto;overflow:hidden}.hide{visibility:hidden;display:none!important}.pic-wrapper{position:relative;width:100%;overflow:hidden}.pic-wrapper>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.pic-wrapper:before{content:'';width:100%;display:block;position:relative}.c-btn{font-size:0;width:.75rem;height:.84rem;background-image:url(//mat1.gtimg.com/v/dokiIdeas/h5/jkdy/img/btn-sprites.png);-webkit-background-size:2.25rem 1.69rem;background-size:2.25rem 1.69rem;background-repeat:no-repeat}.jk-logo{width:.77rem;height:1.04rem;background:url(//mat1.gtimg.com/v/dokiIdeas/h5/jkdy/img/jk-logo.png) 0 0 no-repeat;-webkit-background-size:cover;background-size:cover}.swipe-tip{display:none;position:fixed;left:50%;width:33px;height:17px;bottom:30px;margin:0 0 0 -16px;background:url(//puui.qpic.cn/vupload/0/20190130_bg_up.png/0) center bottom no-repeat;-webkit-background-size:33px 17px;background-size:33px 17px;z-index:5}.load-page{position:fixed;top:0;left:0;width:100%;height:100%;color:#000;font-family:BDZY;background:#ff00b2 url(//mat1.gtimg.com/v/dokiIdeas/h5/jkdy/img/bg-load.jpg) 0 0 no-repeat;-webkit-background-size:100% auto;background-size:100% auto;z-index:99999}.load-inner{position:relative;margin:37vw auto}.load-inner .logos{position:relative;width:100%;padding-bottom:28%;background:url(//mat1.gtimg.com/v/dokiIdeas/h5/jkdy/img/load-logos.png) 0 0 no-repeat;-webkit-background-size:100% auto;background-size:100% auto}.load-inner .loader{position:relative;width:60%;height:15px;margin:10vw auto 0;-webkit-border-radius:15px;border-radius:15px;border:3px solid #000;overflow:hidden}.load-inner .loader span{display:block;position:relative;width:0;height:100%;-webkit-border-radius:15px;border-radius:15px;background:#ff00af}.load-inner .loader span::after,.load-inner .loader span::before{content:"";position:absolute;top:1px;height:2px;background:#fff;-webkit-border-radius:2px;border-radius:2px}.load-inner .loader span::before{left:2px;width:2px}.load-inner .loader span::after{left:6px;width:calc(100% - 10px)}.load-inner .load-num{margin-bottom:10vw}.load-inner p{font-size:21px;text-align:center}.mod-toast{position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:9999}.toast-content{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;color:#fff;max-width:80%;padding:12px 18px;text-align:center;-webkit-border-radius:5px;border-radius:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.86)}.layout{position:relative;top:0;left:0;width:100vw;min-height:100vh}.cover{height:100%;background:#ff00b2 url(//mat1.gtimg.com/v/dokiIdeas/h5/jkdy/img/bg-cover.jpg) 0 0 no-repeat;-webkit-background-size:100% auto;background-size:100% auto;overflow:hidden;z-index:2}.cover p{font-size:21px;margin-top:5vh;font-weight:700;text-align:center;white-space:nowrap}.cover span{display:block;position:absolute;left:0;right:0;bottom:-21px;margin:0 auto;line-height:1;font-size:15px}.cover .jk-logo{margin:4.5vh auto 0}.cover .list{font-size:0;text-align:center;margin:5vh 0 8vh}.cover .item{margin:0 7.2vw;display:inline-block;vertical-align:middle}.cover .head{position:relative;width:1.24rem;height:1.24rem;-webkit-border-radius:50%;border-radius:50%;background-color:rgba(255,250,213,.3);background-image:url(//mat1.gtimg.com/v/dokiIdeas/h5/jkdy/img/bg-sex.png);background-repeat:no-repeat;-webkit-background-size:2.46rem 2.46rem;background-size:2.46rem;background-position:0 0}.cover .head.men{background-position:-1.25rem 0}.cover .head.selected{background-color:rgba(255,250,213,.8)}.cover .skin-color{position:relative;width:.98rem;height:.44rem;font-size:21px;font-weight:700;line-height:.38rem;margin:7.2vh auto 0;-webkit-border-radius:.44rem;border-radius:.44rem;border:.03rem solid #000}.cover .skin-color.white{background-color:#ffe3cb}.cover .skin-color.black{background-color:#a88064}.cover .skin-color::after{content:"";display:block;position:absolute;top:50%;left:50%;width:1.12rem;height:.56rem;-webkit-border-radius:.56rem;border-radius:.56rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(255,250,213,0);z-index:-1}.cover .skin-color.selected::after{background-color:rgba(255,250,213,.7)}.cover .btn-start{position:relative;width:2.42rem;height:.51rem;margin:0 auto;background:url(//mat1.gtimg.com/v/dokiIdeas/h5/jkdy/img/btn-start.png) 0 0 no-repeat;-webkit-background-size:cover;background-size:cover}.cover .btn-start span{display:block;position:relative;top:.01rem;width:1.85rem;height:.48rem;margin:0 auto;-webkit-border-radius:.5rem;border-radius:.5rem;overflow:hidden}.cover .btn-start span::before{display:block;position:absolute;top:0;left:0;width:10%;height:100%;background-color:rgba(255,255,255,.2);-webkit-animation:sheen .8s ease-in-out infinite;animation:sheen .8s ease-in-out infinite}.cover .btn-start.shine span::before{content:""}.content{display:none;background:#432aa3 url(//mat1.gtimg.com/v/dokiIdeas/h5/jkdy/img/bg-res.jpg) 0 0 no-repeat;-webkit-background-size:100% auto;background-size:100% auto;overflow:hidden}.content .preview-box{position:relative;width:3.44rem;height:5rem;margin:.15rem auto;overflow:hidden}.content .preview-box.bottom{margin-top:.3rem}.content .preview-box .myself,.content .preview-box .stage{position:absolute;bottom:0}.content .preview-box .myself img,.content .preview-box .stage img{width:100%;height:100%}.content .preview-box .my-name{position:absolute;left:0;right:0;margin:0 auto;line-height:2;font-size:15px;font-weight:700;text-align:center;z-index:2}.content .preview-box .my-name.stage2,.content .preview-box .my-name.stage3{color:#fff}.content .preview-box .myself{left:0;right:0;bottom:.24rem;width:1.84rem;height:3.8rem;margin:0 auto;z-index:2}.content .preview-box .myself.addProducer{margin:0;left:.24rem;right:auto}.content .preview-box .my-head{position:absolute;left:0;top:-.28rem;width:1.84rem;height:2.76rem;z-index:2}.content .preview-box .my-hair{position:absolute;left:0;bottom:0;width:1.84rem;height:2.76rem}.content .preview-box .my-acc{position:absolute;top:0;width:2rem;left:-.08rem;height:3.8rem;z-index:2}.content .preview-box .my-acc.zindex1{z-index:1}.content .preview-box .my-clothes{position:absolute;top:0;left:0;width:1.84rem;height:3.8rem}.content .preview-box .my-producer{position:absolute;right:-1.2rem;bottom:-.1rem;width:1.94rem;height:4rem;z-index:-1}.content .preview-box .my-producer.two{right:auto;left:-.8rem;width:3.44rem}.content .control-bar{position:relative;width:100%;height:1.15rem;margin-top:.64rem;background:#f9f602;border-top:5px solid #000;z-index:2}.content .control-bar.bottom{position:absolute;bottom:0}.content .type-list{position:absolute;left:0;right:0;top:-.61rem;font-size:0;margin:0 auto;text-align:center;white-space:nowrap;overflow:hidden}.content .type-list li{position:relative;display:inline-block;width:.75rem;height:.84rem;margin:0 .08rem;vertical-align:middle;background:url(//mat1.gtimg.com/v/dokiIdeas/h5/jkdy/img/btn-boxs.png) -.77rem 0 no-repeat;-webkit-background-size:1.52rem .84rem;background-size:1.52rem .84rem}.content .type-list li p{width:.75rem;height:.84rem;background:url(//mat1.gtimg.com/v/dokiIdeas/h5/jkdy/img/icon-dress-type.png) 0 0 no-repeat;-webkit-background-size:3rem .84rem;background-size:3rem .84rem}.content .type-list li:nth-of-type(1) p{background-position:-1.5rem 0}.content .type-list li:nth-of-type(2) p{background-position:-2.25rem 0}.content .type-list li:nth-of-type(3) p{background-position:0 0}.content .type-list li:nth-of-type(4) p{background-position:-.75rem 0}.content .type-list li.selected{background-position:0 0}.content .cont-list{width:100%;height:1.1rem;margin:.28rem 0 auto}.content .cont-list li{display:none;position:relative;width:100%;font-size:0;white-space:nowrap;padding:0 .21rem .15rem;-webkit-overflow-scrolling:touch;overflow-x:auto}.content .cont-list li.selected{display:block}.content .cont-list .item{display:inline-block;width:.67rem;height:.62rem;margin-right:.32rem;-webkit-border-radius:.25rem;border-radius:.25rem;background:rgba(255,250,213,.8)}.content .cont-list .item:last-of-type{margin-right:0}.content .cont-list .item img{width:auto;height:100%;margin:0 auto}.content .cont-list .item.selected{background:#fffad5}.confirm-btns{position:absolute;top:.15rem;right:.12rem;width:.75rem;height:5rem;z-index:5}.confirm-btns.bottom{top:.3rem}.confirm-btns span{display:block;position:absolute;right:0;width:.75rem;height:.84rem}.confirm-btns span.btn-change{top:-.08rem;background-position:0 -.85rem}.confirm-btns span.btn-dressed{bottom:-.08rem;background-position:-.75rem -.85rem}.mod-pupop-card,.mod-pupop-result{position:absolute;top:0;left:0;width:100vw;min-height:100vh;font-family:HYLZ;background:#432aa3 url(//mat1.gtimg.com/v/dokiIdeas/h5/jkdy/img/bg-res.jpg) 0 0 no-repeat;-webkit-background-size:100% auto;background-size:100% auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;z-index:999}.card-box{position:relative;width:3.44rem;min-height:5rem;margin:.15rem auto -.05rem;z-index:9999}.card-box.bottom{margin-top:.3rem}.card-wrapper{position:relative;width:3.44rem;background:#f9f602;padding:.18rem 0 .13rem;overflow:hidden;z-index:2}.card-wrapper.stage2{background:#00c8bb}.card-wrapper.stage3{background:#f58546}.card-wrapper h2{position:relative;color:#000;line-height:1;font-size:17px;text-align:center;white-space:nowrap;padding-top:.13rem}.card-wrapper .card-img{position:relative;width:3.44rem;height:5rem;margin:0 auto -.88rem;overflow:hidden}.card-wrapper .card-img>img{position:absolute;top:0;left:0;width:100%}.card-wrapper .card-name{position:absolute;left:0;right:0;top:.05rem;margin:0 auto;font-size:15px;font-weight:700;text-align:center;z-index:2}.card-wrapper .card-name.stage2,.card-wrapper .card-name.stage3{color:#fff}.card-wrapper .card-myself,.card-wrapper .card-stage{position:absolute;bottom:0}.card-wrapper .card-myself img,.card-wrapper .card-stage img{width:100%;height:100%}.card-wrapper .card-myself{left:0;right:0;top:.25rem;bottom:auto;width:1.84rem;height:3.8rem;margin:0 auto;z-index:2}.card-wrapper .card-myself.addProducer{margin:0;left:.24rem;right:auto}.card-wrapper .card-head{position:absolute;left:0;top:-.28rem;width:1.84rem;height:2.76rem;z-index:2}.card-wrapper .card-hair{position:absolute;left:0;bottom:0;width:1.84rem;height:2.76rem}.card-wrapper .card-acc{position:absolute;top:0;width:2rem;left:-.08rem;height:3.8rem;z-index:2}.card-wrapper .card-acc.zindex1{z-index:1}.card-wrapper .card-clothes{position:absolute;top:0;left:0;width:1.84rem;height:3.8rem}.card-wrapper .card-producer{position:absolute;right:-1.2rem;bottom:-.1rem;width:1.94rem;height:4rem;z-index:-1}.card-wrapper .card-producer.two{right:auto;left:-.8rem;width:3.44rem}.card-wrapper .card-txt{position:relative;width:3.18rem;height:1.6rem;margin:0 auto;background:#fff;text-align:justify;overflow:hidden;z-index:4}.card-wrapper .card-txt.card{height:1.4rem}.card-wrapper .card-txt>img{position:absolute;top:0;left:0;width:100%}.card-wrapper .card-txt>span{position:absolute;right:.09rem;bottom:.09rem;line-height:1;font-size:12px;padding:3px 15px;-webkit-border-radius:5px;border-radius:5px;background:#8264ff;z-index:2}.card-wrapper .card-txt p{position:relative;width:62%;font-size:16px;font-weight:700;line-height:1.36;margin-top:.84rem;margin-left:1.12rem}.mod-pupop-card .card-wraper{margin:.3rem auto .18rem}.mod-pupop-card .bottom-info{margin-top:.12rem}.mod-pupop-card .bottom-info:before{padding-bottom:28%}.mod-pupop-result{position:relative;z-index:9999}.mod-pupop-result .risk-tip,.mod-pupop-result .save-tip{position:relative;margin:0 auto;font-size:10px;color:#fe669d;line-height:12px;text-align:center;font-family:-apple-system-font,'Helvetica Neue','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}.last-btns{position:relative}.last-btns.card{margin-top:-.08rem}.last-btns:after{content:"";display:block;position:relative;width:100%;height:.9rem;z-index:-1}.last-btns span{margin:0 auto;display:block;position:absolute;z-index:1000000}.last-btns span.btn-again{left:.36rem;background-position:0 0}.last-btns span.btn-save{right:.36rem;pointer-events:none;background-position:-.75rem 0}.last-btns span.btn-share{right:.36rem;background-position:-1.5rem 0}.last-btns span.btn-compose{left:0;right:0;background-position:-1.5rem -.85rem}.mod-final-card{opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:-.15rem;left:-.15rem;top:0;left:0;width:100vw;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.9);z-index:99999}#final-canvas{display:none;position:absolute}#final-card{top:0;left:0}#final-card:before{padding-bottom:178%}@-webkit-keyframes fadeIn{form{opacity:0}to{opacity:1}}@keyframes fadeIn{form{opacity:0}to{opacity:1}}.fadeInFast{-webkit-animation:fadeIn .6s both;animation:fadeIn .6s both}.fadeIn{-webkit-animation:fadeIn 1s both;animation:fadeIn 1s both}.fadeInSlow{-webkit-animation:fadeIn 2s both;animation:fadeIn 2s both}@-webkit-keyframes fadeOut{form{opacity:1}to{opacity:0}}@keyframes fadeOut{form{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation:fadeOut 1s both;animation:fadeOut 1s both}@-webkit-keyframes sheen{0%{-webkit-transform:skewX(-30deg) translateX(0);transform:skewX(-30deg) translateX(0)}to{-webkit-transform:skewX(-30deg) translateX(1000%);transform:skewX(-30deg) translateX(1000%)}}@keyframes sheen{0%{-webkit-transform:skewX(-30deg) translateX(0);transform:skewX(-30deg) translateX(0)}to{-webkit-transform:skewX(-30deg) translateX(1000%);transform:skewX(-30deg) translateX(1000%)}}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.8;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:.8;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation:2s fadeOutUp ease-in-out infinite;animation:2s fadeOutUp ease-in-out infinite}@media screen and (max-width:359px){.load-inner p{font-size:18px}.cover p{font-size:18px}.cover .skin-color{font-size:18px;margin:9.8vw auto 0}.card-wrapper .card-txt p{font-size:14px;line-height:1.25}}@media screen and (min-width:360px) and (max-width:374px){.card_wraper .card_txt h2{font-size:28px}}@media screen and (max-height:554px){.jk-logo{display:none}.cover p{margin-top:8vh}}/*  |xGv00|f9e172a15e9e20b395d1bd02aadd1a81 */