@charset "UTF-8";
.honor-box,.ht1,.ht2,.ht3,.lqjl-hd-btn,.m,.music-btn,.music-btn-close,.open-review-btn,.result-page-btn,.return-btn,.share-hd-btn,.top .rg .music-btn.close,.yl-logo{background-image:url(//game.gtimg.cn/images/yl/cp/lookback2025/m.png);background-size:9.77rem 6.49rem;background-repeat:no-repeat}
.honor-box{background-position:0 0;width:4.37rem;height:3.91rem}
.ht1{background-position:-2.25rem -3.96rem;width:2.2rem;height:2.53rem}
.ht2{background-position:-4.42rem 0;width:2.21rem;height:2.53rem}
.ht3{background-position:0 -3.96rem;width:2.2rem;height:2.53rem}
.lqjl-hd-btn{background-position:-6.68rem -3.2rem;width:2.43rem;height:.77rem}
.music-btn-close,.top .rg .music-btn.close{background-position:-7.72rem -4.02rem;width:.53rem;height:.53rem}
.music-btn{background-position:-8.3rem -4.02rem;width:.53rem;height:.53rem}
.open-review-btn{background-position:-6.68rem -1.1rem;width:3.09rem;height:1.05rem}
.result-page-btn{background-position:-6.68rem -2.2rem;width:2.85rem;height:.95rem}
.return-btn{background-position:-9.16rem -3.2rem;width:.53rem;height:.53rem}
.share-hd-btn{background-position:-6.68rem 0;width:3.09rem;height:1.05rem}
.yl-logo{background-position:-6.68rem -4.02rem;width:.99rem;height:.74rem}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:""}
abbr,acronym,fieldset,img{border:0}
.fl{float:left}
.fr{float:right}
.c:after,.c:before{content:"";display:table}
.c:after{clear:both}
.c{zoom:1}
html{overflow-x:hidden}
body{font:.12rem/1.5 "\5FAE\8F6F\96C5\9ED1";text-align:justify;overflow-x:hidden;margin:0 auto!important;background:#000!important}
a{text-decoration:none;overflow:hidden;transition:filter .3s,border .3s,color .3s}
a:hover{text-decoration:none}
:focus{outline:0}
.container{width:12rem;margin:0 auto}
.pr{position:relative}
.hide{display:block;width:0;height:0;overflow:hidden}
.db{display:block;text-indent:-999em}
#afooter{text-align:center;line-height:.2rem;color:#6a6a6a;background-color:#0e0e0e;padding:.2rem 0}
#afooter a{color:#6a6a6a}
@font-face{font-family:font1;src:url(//game.gtimg.cn/images/yl/cp/lookback2025/fszh1.ttf)}
@font-face{font-family:font2;src:url(//game.gtimg.cn/images/yl/cp/lookback2025/fzc1.ttf)}
body{overflow:hidden}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
a:hover{filter:brightness(1.1)}
input{border:none}
input::placeholder{color:#ffddaf}
.gradient-text{color:#fffae1}
@keyframes audio-rotate{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.wrap{position:relative;width:7.5rem;height:100vh;overflow:hidden;margin:0 auto}
.wrap.pc .open-review-btn{bottom:.26rem}
.wrap.pc .desc-box{font-size:.22rem}
.wrap.pc .desc-box p{margin-bottom:.15rem}
.wrap.pc .job{bottom:-5rem}
.wrap.pc .game-info{font-size:.22rem;margin-top:0rem}
.wrap.pc .btn-wrap{
    margin-top: 3rem;
}
.top{position:fixed;top:0;left:50%;margin-left:-3.75rem;z-index:2;height:.87rem;width:7.5rem;font-size:0}
.top .top-bg{width:100%;height:1.29rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/top-bg.png) no-repeat top center;background-size:100% 100%;position:absolute;left:0;top:0;pointer-events:none}
.top .user-info,.top .yl-logo{display:inline-block;vertical-align:middle}
.top .yl-logo{margin-top:.1rem;margin-left:.2rem}
.top .user-info{margin-left:.38rem;width:4rem;position:relative;font-size:0}
.top .user-info .user-head,.top .user-info .user-txt{display:inline-block;vertical-align:middle}
.top .user-info .user-head{display:inline-block;vertical-align:middle;width:.58rem;height:.58rem;border:.02rem solid #eadc8f;box-sizing:border-box;border-radius:50%;background-color:#000;overflow:hidden}
.top .user-info .user-head img{width:100%;height:100%}
.top .user-info .user-txt{text-align:left;margin-left:.08rem}
.top .user-info .user-txt .ne{color:#fff;font-size:.22rem;line-height:1;font-weight:700}
.top .user-info .user-txt .server{color:#fff;font-size:.16rem;margin-top:.04rem;line-height:1}
.top .user-info .user-txt .server a{
    color: #fff;
    text-decoration: underline;
}
.top .rg{position:absolute;top:.2rem;right:.45rem;text-align:right;width:1.4rem;font-size:0}
.top .rg a{display:inline-block;vertical-align:middle;margin:0 .06rem;position:relative}
.top .rg .music-btn:not(.close){transition:transform .3s;animation:audio-rotate 3s linear infinite}
.top .rg .music-btn.close{animation:none}
.top .rg .return-btn{display:none}
.top .rg .return-btn.on{display:inline-block}
.con-swiper{width:100%;height:100%;position:relative}
.con{width:100%;height:100%;position:relative}
.con_1{width:100%;height:100%;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/bg1.jpg?v=1) no-repeat top center;background-size:100% 100%}
.con_2{width:100%;height:100%;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/bg2.jpg?v=1) no-repeat top center;background-size:100% 100%}
.con_3{width:100%;height:100%;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/bg3.jpg?v=1) no-repeat top center;background-size:100% 100%}
.con_3{width:100%;height:100%;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/bg3.jpg?v=1) no-repeat top center;background-size:100% 100%}
.con_4{width:100%;height:100%;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/bg4.jpg?v=1) no-repeat top center;background-size:100% 100%}
.con_5{width:100%;height:100%;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/bg5.jpg?v=1) no-repeat top center;background-size:100% 100%}
.con_6{width:100%;height:100%;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/bg6.jpg?v=1) no-repeat top center;background-size:100% 100%}
.con_7{width:100%;height:100%;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/bg7.jpg?v=1) no-repeat top center;background-size:100% 100%}
.con_8{width:100%;height:100%;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/bg8.jpg?v=1) no-repeat top center;background-size:100% 100%}
.con_9{width:100%;height:100%;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/bg9.jpg?v=1) no-repeat top center;background-size:100% 100%}
.open-review-btn{position:absolute;font-family:font1;left:50%;bottom:.66rem;margin-left:-1.55rem;font-family:font1;color:#f6dcb8;text-align:center;line-height:1rem;font-size:.52rem;z-index:2;font-weight:700}
.share-hd-btn{font-family:font1;color:#f6dcb8;text-align:center;line-height:1rem;font-size:.52rem;font-weight:700;display:block;margin:.25rem auto 0 auto}
.page-canvas{position:absolute;width:7.5rem;height:100%;top:0;left:0;right:0;opacity:0;transition:all .3s}
.con2_top_tit{color:#90670e;font-size:.54rem;font-family:font1;text-align:center}
.syjscs{font-size:.3rem;color:#513200;text-align:center}
.syjscs span{color:#ff0707}
.memory-box{position:relative;width:6.83rem;height:5.54rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/memory-box.png) no-repeat top center;background-size:100% 100%;margin:.25rem auto;padding-top:.46rem;box-sizing:border-box}
.memory-box .sp-box{width:4.72rem;height:4.63rem;margin:0 auto;position:relative}
.memory-box .sp-box .piece-item{position:absolute}
.memory-box .sp-box .piece-1{top:3.2rem;right:-.04rem;width:1.92rem;height:1.42rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/piece-1.png) no-repeat top center;background-size:100% 100%}
.memory-box .sp-box .piece-2{top:2.42rem;left:.06rem;width:2.81rem;height:2.18rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/piece-2.png) no-repeat top center;background-size:100% 100%}
.memory-box .sp-box .piece-3{top:0;left:.06rem;width:1.31rem;height:3.37rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/piece-3.png) no-repeat top center;background-size:100% 100%}
.memory-box .sp-box .piece-4{top:0;left:.34rem;width:3.16rem;height:2.5rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/piece-4.png?v=1) no-repeat top center;background-size:100% 100%}
.memory-box .sp-box .piece-5{top:0;right:-.06rem;width:2.65rem;height:3.82rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/piece-5.png?v=1) no-repeat top center;background-size:100% 100%}
.memory-box .sp-link{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);top:.46rem;z-index:2;width:4.72rem;height:4.63rem}
.memory-box .sp-link .piece-1-link{display:block;width:1.3rem;height:3.4rem;position:absolute;left:0;top:0}
.memory-box .sp-link .piece-2-link{display:block;width:2.1rem;height:2.5rem;position:absolute;left:1rem;top:0}
.memory-box .sp-link .piece-3-link{display:block;width:1.6rem;height:3.3rem;position:absolute;left:3.2rem;top:0}
.memory-box .sp-link .piece-4-link{display:block;position:absolute;top:3.2rem;left:2.8rem;width:2rem;height:1.4rem}
.memory-box .sp-link .piece-5-link{display:block;width:2.9rem;height:1.6rem;position:absolute;left:0;top:3rem}
.memory-box.completed{background:url(//game.gtimg.cn/images/yl/cp/lookback2025/memory-box-on.png) no-repeat top center;background-size:100% 100%}
.memory-box.completed .sp-box{display:none}
.task-box{width:7.15rem;height:4.2rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/task-box.png) no-repeat top center;background-size:100% 100%;display:block;margin:0 auto;position:relative;padding-left:.5rem;padding-top:.4rem;padding-right:.5rem;box-sizing:border-box}
.task-box .task-tit{color:#b77c44;text-align:left;font-size:.22rem;margin-bottom:.15rem}
.task-box .task-item{height:.62rem;line-height:.62rem;text-align:left;position:relative;box-sizing:border-box;color:#90670e;font-family:font1;font-size:0}
.task-box .task-item span{font-size:.28rem}
.task-box .task-item>p{font-size:.28rem;display:inline-block;vertical-align:middle}
.task-box .task-item::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:6.32rem;height:.03rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/task-item-line.png) no-repeat top center;background-size:100% 100%}
.task-box .task-item a{font-size:.28rem;display:inline-block;vertical-align:middle;margin-left:.2rem;color:#ff0707;text-decoration:underline}
.task-box .task-item:last-child::after{content:'';position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);bottom:0;width:6.32rem;height:.03rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/task-item-line.png) no-repeat top center;background-size:100% 100%}
.rw-icon-1{position:absolute;right:0;bottom:0;pointer-events:none;width:2.17rem;height:6.44rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/rw-icon-1.png) no-repeat top center;background-size:100% 100%}
.desc-box{font-size:.28rem;text-align:left;padding-left:.7rem;padding-top:1.3rem;box-sizing:border-box;position:relative;font-family:font1;z-index:2;font-weight:700}
.desc-box p{margin-bottom:.4rem;line-height:1.8}
.desc-box p.mb0{margin-bottom:0}
.con3-desc-box{color:#fff}
.con3-desc-box p span{color:#ff251a}
.con4-desc-box{color:#fff}
.con4-desc-box p span{color:#ff251a}
.con5-desc-box{color:#fff}
.con5-desc-box p span{color:#ff251a}
.con6-desc-box{color:#2b1605}
.con6-desc-box p span{color:#ff251a}
.con7-desc-box{color:#2b1605}
.con7-desc-box p span{color:#ff251a}
.con7-desc-box em{font-style:normal}
.game-info{font-size:.32rem;color:#90670e;text-align:center;font-family:font1}
.game-info .t1{padding-top:0}
.game-info .t2{padding-top:.4rem}
.game-info p span{color:#d12323}
.honor-box{display:block;margin:.4rem auto;position:relative}
.honor-box .honor-item{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.btn-wrap{font-size:0;text-align:center;position:relative;margin-top:7.5rem}
.btn-wrap a{display:inline-block;vertical-align:middle;margin:0 .12rem;font-family:font1;color:#f6dcb8;text-align:center;line-height:1rem;font-size:.4rem;font-weight:700}
.lqjl-hd-btn{font-family:font1;color:#f6dcb8;text-align:center;line-height:.77rem;font-size:.38rem;font-weight:700;display:block;margin:0 auto .2rem auto}
.scale-box{width:100%;max-width:7.5rem;margin:0 auto;padding:0 .25rem;box-sizing:border-box;transition:transform .3s ease;will-change:transform;transform-origin:center center}
.con_2,.con_8,.con_9{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:0;box-sizing:border-box;overflow:hidden}
@media screen and (max-width:320px){
.scale-box{padding:0 .15rem}
}
@media screen and (min-width:768px){
.scale-box{max-width:7.5rem}
}
.slide-text{opacity:0;transform:translateY(.3rem);transition:all 1.3s}
.slide-text.show{opacity:1;transform:translateY(0)}
.pop{display:none;border:none;outline:0}
.pop1{background-image:url(//game.gtimg.cn/images/yl/cp/a20191219yearsm/pop2.png);background-size:cover;width:6.45rem;height:6.4rem;position:relative;font-size: 0;}
.pop1 .price{width:5.53rem;display:flex;justify-content:space-between;margin:0 auto;margin-top:1rem;margin-top:2.4rem}
.pop1 .price .li{
    text-align:center;color:#703118;font-size:.24rem;
    display: inline-block;
    vertical-align: top;
    margin: 0 0.04rem;
    width: 1.26rem;
}
/* .pop1 .price .li img{margin-bottom:.25rem} */
.pop1 .price .li p{font-size:.2rem;line-height:1.2}
.pop1 img{width:1.19rem}
.pop_btnb{position:absolute;width:2.5rem;height:.8rem;bottom:.9rem;left:2rem}
.pop .close{display:block;width:.85rem;height:.85rem;position:absolute;top:0;right:0}
.pop2{position:fixed!important;top:0!important;left:0;width:100%;height:100%}
.pop2 .share-box{position:relative;width:100%;height:100%}
.pop2 img{width:3rem;position:absolute;top:.5rem;right:.5rem}
.job{position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);pointer-events:none}
.job-1{width:7.5rem;height:11.84rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/rw/1.png) no-repeat top center;background-size:100% 100%}
.job-2{width:7.5rem;height:10.39rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/rw/2.png) no-repeat top center;background-size:100% 100%}
.job-3{width:7.5rem;height:9.74rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/rw/3.png) no-repeat top center;background-size:100% 100%}
.job-4{width:7.5rem;height:9.45rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/rw/4.png) no-repeat top center;background-size:100% 100%}
.job-5{width:7.5rem;height:11.53rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/rw/5.png) no-repeat top center;background-size:100% 100%}
.job-6{width:7.5rem;height:13.87rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/rw/6.png) no-repeat top center;background-size:100% 100%}
.job-7{width:7.5rem;height:9.64rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/rw/7.png) no-repeat top center;background-size:100% 100%}
.job-8{width:7.5rem;height:10.74rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/rw/8.png) no-repeat top center;background-size:100% 100%}
.job-9{width:7.5rem;height:9.59rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/rw/9.png) no-repeat top center;background-size:100% 100%}
.pop-rule{
    width: 6.96rem;
    height: 9.60rem;
    background: url(//game.gtimg.cn/images/yl/cp/lookback2025/pop-rule.png) no-repeat top center;
    background-size: 100% 100%;
    position: relative;
    padding-top: 1.2rem;
    box-sizing: border-box;
}
.rule-txt{
    width: 5.46rem;
    /* height: 6.72rem; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    text-align: left;
}
.rule-txt p{
    color: #90670e;
    font-size: 0.22rem;

}
.pop .pop-close{
    width: 0.43rem;
    height: 0.43rem;
    background: url(//game.gtimg.cn/images/yl/cp/lookback2025/pop-close.png) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    right: 0.1rem;
    top: -0.3rem;
}
.pop-preview{
    width: 6.96rem;
    height: 9.60rem;
    background: url(//game.gtimg.cn/images/yl/cp/lookback2025/pop-preview.png) no-repeat top center;
    background-size: 100% 100%;
    position: relative;
    padding-top: 0.9rem;
    box-sizing: border-box;
}
.pop-preview-title{
    width: 2.49rem;
    height: 0.6rem;
    background: url(//game.gtimg.cn/images/yl/cp/lookback2025/pop-preview-title.png) no-repeat top center;
    background-size: 100% 100%;
    display: block;
    margin: 0.15rem auto;
}
.pop-preview-box{
    width: 5.9rem;
    height: 7.12rem;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    margin: 0 auto;
}
.pop-preview-box .pop-preview-item{
    margin-bottom: 0.2rem;
    position: relative;
}
.pop-preview-box .pop-preview-item img{
    width: 5.53rem;
    display: block;
    margin: 0 auto;
}
.rules-btn{
    position: absolute;
    right: 0;
    top: 2.7rem;
    width: 1.19rem;
    height: 1.31rem;
    background: url(//game.gtimg.cn/images/yl/cp/lookback2025/rules-btn.png) no-repeat top center;
    background-size:100% 100%;
    z-index: 2;
}
.jlyl-btn{
    position: absolute;
    right: 0;
    top: 4rem;
     width: 1.19rem;
    height: 1.31rem;
    background: url(//game.gtimg.cn/images/yl/cp/lookback2025/jlyl-btn.png) no-repeat top center;
    background-size:100% 100%;
    z-index: 2;
}
.wrap.pc .rw-icon-1{
bottom: -1rem;
}
.wrap.pc .rules-btn{
     top: 0.7rem;
}
.wrap.pc .jlyl-btn{
    top: 1.9rem;
}
.chosegetprize{box-sizing:border-box;padding-top:0.98rem;width:6.96rem;height:6.84rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/pop/dqBg.png) no-repeat top center;background-size:100% 100%}
.chosegetprize .pop_toptext{width:5.38rem;margin:0 auto 0.24rem;color:#90670e;font-size:0.24rem;font-family:'思源黑体 CN'}
.chosegetprize .pop_toptext p{display:inline-block;vertical-align:middle}
.chosegetprize .pop_chose_select{margin:0 auto 0.2rem;width:5.38rem;height:0.56rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/pop/selectBg.png) no-repeat top center;background-size:100% auto}
.chosegetprize .pop_chose_select select{text-indent:0.2rem;width:100%;height:100%;appearance:none;-webkit-appearance:none;background:0 0;border:none;outline:0;font-size:0.2rem;color:#85735d}
.chosegetprize .pop_chose_select select option{color:#85735d}
.chosegetprize .agree_btn{width:0.21rem;height:.21rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/pop/agree_btn.png) no-repeat top center;background-size:100% auto}
.chosegetprize .agree_btn.on{background:url(//game.gtimg.cn/images/yl/cp/lookback2025/pop/agree_btnon.png) no-repeat top center}
.chosegetprize .pop_btn_list{display:flex;width:5.38rem;margin:0 auto;justify-content:space-between;align-items:center}
.chosegetprize .popbtn1{width:2.38rem;height:0.79rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/pop/popbtn1.png) no-repeat top center;background-size:100% auto}
.chosegetprize .popbtn2{width:2.38rem;height:0.79rem;background:url(//game.gtimg.cn/images/yl/cp/lookback2025/pop/popbtn2.png) no-repeat top center;background-size:100% auto}
.pop-preview-title2{
    width: 2.49rem;
    height: 0.62rem;
    background:url(//game.gtimg.cn/images/yl/cp/lookback2025/pop/pop-preview-title2.png) no-repeat top center;background-size:100% 100%;
    display: block;
    margin: 0.15rem auto;
}