.progress-bar-section{position:relative;z-index:8}.progress-bar-section .bar-box{width:21.5625rem;height:1.3125rem;background-color:#fff;border-radius:.9375rem;margin:1.25rem auto .625rem;padding:2px}.progress-bar-section .bar-box .fill-box{border-radius:.9375rem;height:100%;-webkit-transition:all .4s linear;transition:all .4s linear;background-color:#e7d0b9;-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-section .bar-box .fill-box span{color:#fff;font-size:.6875rem;margin:0 .3125rem}@-webkit-keyframes progress-bar-stripes{0%{background-position:1.875rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:1.875rem 0}to{background-position:0 0}}.welcome-section{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#edddd6;z-index:10}.welcome-section img{display:block}.welcome-section .bg-img{min-height:12.5rem}.welcome-section .last-img{width:100%;height:calc(100vh - 28.125rem)}.welcome-section .img-angel{position:absolute;width:16.1875rem;height:auto;left:50%;top:55%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.welcome-section .img-cloud{position:absolute;width:100%;height:auto;left:0;bottom:0;z-index:4}@-webkit-keyframes el-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes el-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.welcome-section .text-box{position:absolute;top:50%;width:11.75rem;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#ac8c90;font-size:1.375rem;text-align:center}.select-question-section{position:relative;z-index:6;margin-top:1.875rem;height:100%}.select-question-section .title-text{-webkit-animation:explode_title 2s infinite;animation:explode_title 2s infinite;-webkit-transform:translateZ(0);transform:translateZ(0);text-align:center;color:#d38200;font-size:1.25rem;font-weight:700}.select-question-section .question-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:2.5rem;padding:0 .625rem}.select-question-section .question-list .question-item{width:33.3%;margin-bottom:2.5rem;position:relative}.select-question-section .question-list .question-item img{height:3.0625rem;width:auto;display:block;margin:0 auto .4375rem}.select-question-section .question-list .question-item p{text-align:center;color:#ac8c90;font-size:.8125rem}.select-question-section .question-list .press{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}.select-question-section .question-list .unpress{-webkit-transform:scale(.95);transform:scale(.95);opacity:.75}.select-emotion-section{position:relative;z-index:6;padding-top:1.875rem;overflow:hidden;height:0}.select-emotion-section .title-text{-webkit-animation:explode_title 2s infinite;animation:explode_title 2s infinite;-webkit-transform:translateZ(0);transform:translateZ(0);text-align:center;color:#d38200;font-size:1.25rem;font-weight:700}.select-emotion-section .emotion-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:2.5rem}.select-emotion-section .emotion-list .emotion-item{width:33.3%;margin-bottom:2.5rem;position:relative}.select-emotion-section .emotion-list .emotion-item img{height:3.0625rem;width:6.1875rem;display:block;margin:0 auto .4375rem}.select-emotion-section .emotion-list .emotion-item p{text-align:center;color:#ac8c90;font-size:.875rem}.select-emotion-section .emotion-list .emotion-item>div{position:absolute;width:100%;height:100%;z-index:5}.select-emotion-section .emotion-list .press{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}.select-emotion-section .emotion-list .unpress{-webkit-transform:scale(.95);transform:scale(.95);opacity:.75}.comment-section{position:relative}.comment-section .swiper-container{width:21.5625rem;margin:0 auto;border:1px solid #f6ece3}.comment-section .swiper-container .swiper-wrapper{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.comment-section .item{padding:1.0625rem 2.0625rem}.comment-section .item .user-box{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.comment-section .item .user-box>img{width:3.4375rem;height:3.4375rem;display:block}.comment-section .item .user-box .name{margin-left:.9375rem;color:#a28286;font-size:1.0625rem}.comment-section .item .star-box{margin:.625rem 0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.comment-section .item .star-box>img{width:1rem}.comment-section .item .title{color:#a18185;font-size:.875rem;margin-bottom:.625rem}.comment-section .item .text-content{font-size:.75rem;color:#ac8c90;line-height:1.125rem}.comment-section .arrow{position:absolute;top:46%;width:.6875rem;height:1.0625rem;z-index:7}.comment-section .arrow-right{right:.625rem}.comment-section .arrow-left{left:.625rem}.draw-card-section{margin:2.8125rem 0 1.875rem;position:relative;height:20.3125rem}.draw-card-section .pop-box{position:absolute;z-index:9;top:-1.5625rem;left:50%;margin-left:-7.5rem;width:15rem;height:7.5rem;background:url(//fe-kjx.seersecret.com/twcs/dist/enfreetarot/images/img_pop.3d0b2fd.png) no-repeat;background-size:100% 100%;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-top:.9375rem}.draw-card-section .pop-box,.draw-card-section .title-text{text-align:center;-webkit-animation:explode_title 2s infinite;animation:explode_title 2s infinite}.draw-card-section .title-text{-webkit-transform:translateZ(0);transform:translateZ(0);color:#d38200;font-size:1.25rem;font-weight:700}.draw-card-section .img-text2{width:12.375rem}.draw-card-section .img-text3{width:10.625rem}.draw-card-section .card-box{display:-webkit-flex;display:-ms-flexbox;display:flex;height:6.25rem;margin:1.5625rem auto 0;position:relative}.draw-card-section .card-box .s-card{width:3.625rem;height:6.25rem;top:0;position:absolute;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:4}.draw-card-section .card-box .cur-select{-webkit-filter:brightness(120%);filter:brightness(120%);margin-top:-.75rem}.draw-card-section .selected-card-box{width:100%}.draw-card-section .selected-card-box .select-item{width:3.625rem;position:absolute;left:1.25rem;top:8.125rem}.draw-card-section .selected-card-box .select-item div:first-of-type{width:100%;height:6.0625rem;background:url(//fe-kjx.seersecret.com/twcs/dist/enfreetarot/images/img_bg.a725a18.png) no-repeat;background-size:100% 100%;border-radius:.3125rem;margin-bottom:.9375rem;position:relative}.draw-card-section .selected-card-box .select-item div:first-of-type img{width:4.0625rem;height:6.875rem;position:absolute;left:50%;top:48%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.draw-card-section .selected-card-box .select-item div:nth-of-type(2){width:100%;height:2.6875rem;background:#fff;border-radius:.3125rem;color:#a28286;font-size:.6875rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;word-break:break-word}.draw-card-section .selected-card-box .select-item:nth-of-type(2){left:7.5rem}.draw-card-section .selected-card-box .select-item:nth-of-type(3){left:13.75rem}.date-section{overflow:hidden;padding:1.875rem 0 9.375rem;height:0;position:relative}.date-section .title-text{-webkit-animation:explode_title 2s infinite;animation:explode_title 2s infinite;-webkit-transform:translateZ(0);transform:translateZ(0);text-align:center;color:#d38200;font-size:1.25rem;font-weight:700}.date-section .date-box{width:20.625rem;border-radius:.625rem;background-color:#fff;margin:2rem auto 1.25rem;overflow:hidden}.date-section .date-box>div{position:relative}.date-section .date-box>div img{position:absolute;right:.9375rem;top:.8125rem;width:.4375rem;height:.6875rem}.date-section .date-box select{background-color:transparent;width:100%;height:2.3125rem;padding:0 .9375rem;border-radius:0;outline:none;border:0;position:relative;z-index:5;border-bottom:1px solid rgba(23,36,73,.2);-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#a28286}.date-section .date-box .place-item,.date-section .date-box .time-item{width:100%;height:2.3125rem;padding:0 .9375rem;color:#a28286;line-height:2.3125rem}.date-section .date-box .time-item{border-bottom:1px solid rgba(23,36,73,.2)}.date-section .img-btn{display:block;width:auto;height:3.4375rem;margin:0 auto}.date-section .pop-box{position:absolute;z-index:9;bottom:-7.5rem;left:50%;margin-left:-7.5rem;width:15rem;height:7.5rem;background:url(//fe-kjx.seersecret.com/twcs/dist/enfreetarot/images/img_pop.3d0b2fd.png) no-repeat;background-size:100% 100%;text-align:center;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:1.25rem;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-animation:explode_title 2s infinite;animation:explode_title 2s infinite}.email-section{width:100%;margin-top:1.25rem}.email-section .title-text{-webkit-animation:explode_title 2s infinite;animation:explode_title 2s infinite;-webkit-transform:translateZ(0);transform:translateZ(0);text-align:center;color:#d38200;font-size:1.25rem;font-weight:700}.email-section .info-box{width:20.625rem;height:2.9375rem;background:#fff;border-radius:.625rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 .625rem;margin:.9375rem auto .625rem}.email-section .info-box span{color:#ac9093;font-size:.875rem;margin-right:.4688rem}.email-section .info-box input{height:2.9375rem;color:#333;font-size:.875rem;width:15.625rem;border:0;outline:none}.email-section .protocol-box{text-align:center;color:#ac9093;font-size:.6875rem;width:19.375rem;margin:0 auto .9375rem;line-height:1.5em;display:-webkit-flex;display:-ms-flexbox;display:flex}.email-section .protocol-box img{width:.875rem;height:.875rem;position:relative;top:1px;left:-5px}.email-section .protocol-box>div{-webkit-flex:1 1;-ms-flex:1 1;flex:1 1}.email-section .protocol-box span{text-decoration:underline}.email-section .err-box{margin:.625rem auto;width:20.625rem;height:2.9375rem;background:#cc525f;border-radius:.625rem;font-size:.9375rem;color:#fff;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 .625rem}.email-section .img-btn{display:block;width:auto;height:3.4375rem;margin:0 auto .9375rem}.info-section{overflow:hidden;padding-top:1.875rem;height:0;position:relative;z-index:8}.info-section .title-text{-webkit-animation:explode_title 2s infinite;animation:explode_title 2s infinite;-webkit-transform:translateZ(0);transform:translateZ(0);text-align:center;color:#d38200;font-size:1.25rem;font-weight:700}.info-section .info-box{width:20.625rem;margin:2.5rem auto 1.5625rem}.info-section .info-box .gender-box{width:100%;height:3rem;background-color:#fff;border-radius:.625rem;margin-bottom:.875rem;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden}.info-section .info-box .gender-box div{-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;font-size:.875rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#ac9093;-webkit-transition:all .15s linear;transition:all .15s linear}.info-section .info-box .gender-box div img{display:block;width:.7813rem;margin-right:.3125rem}.info-section .info-box .gender-box .gender-select{background-color:#a28286;color:#fff}.info-section .info-box input{text-align:center;border:0;outline:none;width:100%;height:3rem;background-color:#fff;border-radius:.625rem;font-size:.875rem;line-height:normal;margin-bottom:.875rem}.info-section .info-box .err-style{border:2px solid #cc525f}.info-section .info-box .err-box{margin-top:.625rem;width:100%;height:2.9375rem;background:#cc525f;border-radius:.625rem;font-size:.9375rem;color:#fff;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 .625rem}.info-section .img-btn{display:block;width:auto;height:3.4375rem;margin:0 auto}.index-page{background:url(//fe-kjx.seersecret.com/twcs/dist/enfreetarot/images/bg.8ed2636.png) no-repeat;background-size:100%;background-color:#edddd6;width:100%;min-height:100vh;overflow:hidden}.index-page .order-query-box{position:fixed;right:0;top:60%;width:1.4375rem;text-align:center;color:hsla(0,0%,100%,.6);font-size:.8125rem;padding:.5rem 0;background-color:#000;border-radius:.3125rem 0 0 .3125rem;z-index:9}.index-page .other-section{min-height:27.8125rem;overflow:hidden}.index-page .other-section .free-card-tips{width:100%;height:3.5rem;background:hsla(0,0%,100%,.5);text-align:center;color:#d38200;font-size:1rem;line-height:3.5rem;font-weight:700}@-webkit-keyframes explode_title{10%{-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 bottom 0;transform-origin:0 bottom 0}20%{-webkit-transform:scaleY(1.3);transform:scaleY(1.3);-webkit-transform-origin:0 bottom 0;transform-origin:0 bottom 0}30%{-webkit-transform:scaleY(.8);transform:scaleY(.8);-webkit-transform-origin:0 bottom 0;transform-origin:0 bottom 0}40%,to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 bottom 0;transform-origin:0 bottom 0}}@keyframes explode_title{10%{-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 bottom 0;transform-origin:0 bottom 0}20%{-webkit-transform:scaleY(1.3);transform:scaleY(1.3);-webkit-transform-origin:0 bottom 0;transform-origin:0 bottom 0}30%{-webkit-transform:scaleY(.8);transform:scaleY(.8);-webkit-transform-origin:0 bottom 0;transform-origin:0 bottom 0}40%,to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 bottom 0;transform-origin:0 bottom 0}}.index-footer{display:none}