@font-face{font-family:"Jalnan";src:url("../fonts/Jalnan/Jalnan.woff") format("woff");font-style:normal;font-weight:400}@keyframes flip-vertical-right{0%{transform:rotateY(180deg)}100%{transform:rotateY(0)}}@keyframes flip-vertical-left{0%{transform:rotateY(180deg)}100%{transform:rotateY(0)}}@keyframes moving0{0%{left:0}20%{left:828px}40%{left:412px}60%{left:0}80%{left:828px}100%{left:0}}@keyframes moving1{0%{left:412px}20%{left:0}40%{left:828px}60%{left:412px}80%{left:0}100%{left:412px}}@keyframes moving2{0%{left:828px}20%{left:412px}40%{left:0}60%{left:828px}80%{left:412px}100%{left:828px}}#wrap.picture #cover{position:absolute;top:0;left:0;width:1920px;height:1017px;background-position:0 0;background-repeat:no-repeat;background-size:cover;background-image:url("../images/picture/picture_cover_bg.png");z-index:5}#wrap.picture #cover .picture_cover_ele1{width:292px;height:380px;top:207px;left:174px;background-image:url("../images/picture/picture_cover_ele1.png");opacity:0}#wrap.picture #cover .picture_cover_ele1.active{opacity:1}#wrap.picture #cover .picture_cover_ele2{width:382px;height:293px;top:643px;left:195px;background-image:url("../images/picture/picture_cover_ele2.png");animation-delay:.3s;opacity:0}#wrap.picture #cover .picture_cover_ele2.active{opacity:1}#wrap.picture #cover .picture_cover_ele3{width:526px;height:180px;top:750px;left:594px;background-image:url("../images/picture/picture_cover_ele3.png");animation-delay:.6s;opacity:0}#wrap.picture #cover .picture_cover_ele3.active{opacity:1}#wrap.picture #cover .picture_cover_ele4{width:296px;height:149px;top:780px;left:1098px;background-image:url("../images/picture/picture_cover_ele4.png");animation-delay:.9s;opacity:0}#wrap.picture #cover .picture_cover_ele4.active{opacity:1}#wrap.picture #cover .picture_cover_ele5{width:190px;height:71px;top:773px;left:1417px;background-image:url("../images/picture/picture_cover_ele5.png");animation-delay:.8s;opacity:0}#wrap.picture #cover .picture_cover_ele5.active{opacity:1}#wrap.picture #cover .picture_cover_ele6{width:245px;height:182px;top:451px;left:1536px;background-image:url("../images/picture/picture_cover_ele6.png");animation-delay:1s;opacity:0}#wrap.picture #cover .picture_cover_ele6.active{opacity:1}#wrap.picture #cover .picture_cover_ele7{width:424px;height:452px;top:565px;left:1496px;background-image:url("../images/picture/picture_cover_ele7.png");animation-delay:.6s;opacity:0}#wrap.picture #cover .picture_cover_ele7.active{opacity:1}#wrap.picture #cover .picture_cover_ele8{width:89px;height:81px;top:232px;left:1633px;background-image:url("../images/picture/picture_cover_ele8.png");animation-delay:1.2s;opacity:0}#wrap.picture #cover .picture_cover_ele8.active{opacity:1}#wrap.picture #cover .picture_cover_title{top:232px;left:534px;width:844px;height:168px;background-image:url("../images/picture/picture_cover_title.png");opacity:0}#wrap.picture #cover .picture_cover_title.active{opacity:1}#wrap.picture #cover .picture_cover_underline{top:344px;left:468px;width:1px;height:76px;background-image:url("../images/picture/picture_cover_underline.png");background-size:auto 76px;opacity:0;transition:all ease .7s}#wrap.picture #cover .picture_cover_underline.active{width:1035px;opacity:1}#wrap.picture #cover .picture_cover_btn_guide{width:379px;height:153px;top:509px;left:557px;background-image:url("../images/picture/picture_cover_btn_guide_off.png");cursor:pointer;opacity:0;animation-delay:.5s;pointer-events:none}#wrap.picture #cover .picture_cover_btn_guide.active{opacity:1;pointer-events:all}#wrap.picture #cover .picture_cover_btn_guide:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:url("../images/picture/picture_cover_btn_guide_on.png");opacity:0;cursor:pointer}#wrap.picture #cover .picture_cover_btn_guide:hover{background-image:none}#wrap.picture #cover .picture_cover_btn_guide:hover:before{opacity:1}#wrap.picture #cover .picture_cover_btn_guide:active:before{transform:scale(0.98)}#wrap.picture #cover .picture_cover_btn_start{width:379px;height:153px;top:509px;left:997px;background-image:url("../images/picture/picture_cover_btn_start_off.png");cursor:pointer;opacity:0;animation-delay:.5s;pointer-events:none}#wrap.picture #cover .picture_cover_btn_start.active{opacity:1;pointer-events:all}#wrap.picture #cover .picture_cover_btn_start:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:url("../images/picture/picture_cover_btn_start_on.png");opacity:0;cursor:pointer}#wrap.picture #cover .picture_cover_btn_start:hover{background-image:none}#wrap.picture #cover .picture_cover_btn_start:hover:before{opacity:1}#wrap.picture #cover .picture_cover_btn_start:active:before{transform:scale(0.98)}#wrap.picture #play{position:absolute;top:0;left:0;width:1920px;height:1017px;background-position:0 0;background-repeat:repeat;background-size:auto;background-image:url("../images/picture/picture_play_bg.png");z-index:3}#wrap.picture #play .play_content{width:1920px;height:1017px;position:relative}#wrap.picture #play .play_content .progress{position:absolute;top:959px;left:1175px;width:349px;height:24px;border-radius:50rem;border:3px solid #7B5334;background-color:#7B5334}#wrap.picture #play .play_content .progress .progress-bar{width:100%;height:18px;border-radius:50rem;background-color:#4FC0FF;background-image:linear-gradient(-45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:2rem 2rem;background-repeat:repeat;position:relative;transition:width linear 1s}#wrap.picture #play .play_content .progress .progress-bar:after{content:"";width:calc(100% - 16px);height:4px;background-color:#fff;opacity:.25;border-radius:50rem;position:absolute;top:4px;left:0;right:0;margin:auto}#wrap.picture #play .play_content .comment{position:absolute;bottom:-30%;left:23px;width:308px;height:454px;background-image:url("../images/picture/picture_play_comment.png");z-index:7;opacity:0;transition:all ease .7s}#wrap.picture #play .play_content .comment.active{opacity:1;bottom:0}#wrap.picture #play .play_content .count{display:flex;align-items:center;justify-content:center;width:352px;font-family:Jalnan;font-size:36px;color:#fff;position:absolute;top:147px;left:778px}#wrap.picture #play .play_content .count span{display:inline-block}#wrap.picture #play .play_content .count span.shadow{position:relative;text-shadow:3px 3px 0px #48A4BD, -3px -3px 0px #48A4BD, -3px 3px 0px #48A4BD, 3px -3px 0px #48A4BD, 1px 3px 0px #48A4BD, -1px -3px 0px #48A4BD, -3px 1px 0px #48A4BD, 3px -1px 0px #48A4BD, 3px 1px 0px #48A4BD, -3px -1px 0px #48A4BD, -1px 3px 0px #48A4BD, 1px -3px 0px #48A4BD}#wrap.picture #play .play_content .count span.t{margin-right:15px}#wrap.picture #play .play_content .quiz{position:absolute;top:158px;left:269px;width:1382px;height:300px;padding:45px;display:flex;align-items:center;justify-content:center;text-align:center;word-break:keep-all;font-size:56px;font-weight:700;letter-spacing:-2px}#wrap.picture #play .play_content .pagination{position:absolute;top:388px;left:269px;width:1382px;height:50px;display:flex;align-items:center;justify-content:center;text-align:center}#wrap.picture #play .play_content .pagination>li{display:block;width:15px;height:15px;border-radius:50rem;background-color:#D9D9D9;margin:0 15px}#wrap.picture #play .play_content .pagination>li.active{background-color:#48A4BD}#wrap.picture #play .play_content .star_group .star{position:absolute;width:62px;height:53px;background-image:url("../images/picture/picture_play_haert.png")}#wrap.picture #play .play_content .star_group .star.star1{top:948px;left:590px}#wrap.picture #play .play_content .star_group .star.star2{top:948px;left:662px}#wrap.picture #play .play_content .star_group .star.star3{top:948px;left:736px}#wrap.picture #play .play_content .star_group .star.hide{display:none}#wrap.picture #play .play_content .card_wrap{position:absolute;top:523px;left:355px;width:1196px;height:316px}#wrap.picture #play .play_content .card_wrap .move{position:absolute;width:368px;height:316px;transition:all ease .7s}#wrap.picture #play .play_content .card_wrap .move.move0{top:0;left:0}#wrap.picture #play .play_content .card_wrap .move.move1{top:0;left:412px}#wrap.picture #play .play_content .card_wrap .move.move2{top:0;left:828px}#wrap.picture #play .play_content .card_wrap .move.move3{top:0;left:1242px}#wrap.picture #play .play_content .card_wrap .move.move4{display:none !important;top:0;left:0}#wrap.picture #play .play_content .card_wrap .move.moving0{left:0}#wrap.picture #play .play_content .card_wrap .move.moving0.active{animation-name:moving0;animation-duration:5s}#wrap.picture #play .play_content .card_wrap .move.moving1{left:412px}#wrap.picture #play .play_content .card_wrap .move.moving1.active{animation-name:moving1;animation-duration:5s}#wrap.picture #play .play_content .card_wrap .move.moving2{left:828px}#wrap.picture #play .play_content .card_wrap .move.moving2.active{animation-name:moving2;animation-duration:5s}#wrap.picture #play .play_content .card_wrap .card{position:relative;width:368px;height:316px;animation:flip-vertical-left 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;cursor:pointer}#wrap.picture #play .play_content .card_wrap .card.hold{pointer-events:none}#wrap.picture #play .play_content .card_wrap .card:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:url("../images/picture/picture_card_backward.png");z-index:3;display:flex;align-items:center;justify-content:center;opacity:1;transition:all ease .3s}#wrap.picture #play .play_content .card_wrap .card.open{pointer-events:none !important;animation:flip-vertical-right 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955) both}#wrap.picture #play .play_content .card_wrap .card.open:before{opacity:0}#wrap.picture #play .play_content .card_wrap .card.open .card-body{opacity:1}#wrap.picture #play .play_content .card_wrap .card.open.hold{opacity:1}#wrap.picture #play .play_content .card_wrap .card.selected{pointer-events:none !important;animation:flip-vertical-right 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955) both}#wrap.picture #play .play_content .card_wrap .card.selected:before{opacity:0}#wrap.picture #play .play_content .card_wrap .card.selected .card-body{opacity:1}#wrap.picture #play .play_content .card_wrap .card .card-body{width:368px;height:316px;background-image:url("../images/picture/picture_card_foreward.png");opacity:0}#wrap.picture #play .play_content .card_wrap .card .card-body .img{width:calc(100% - 28px);height:calc(100% - 28px);border-radius:25px;background-size:cover;background-position:center;position:absolute;top:11px;left:11px}