#wrap { background: url(../img/game2/game2Bgm.png) no-repeat; background-size: 100% 100%; overflow: hidden; position: relative; } .cont_wrap{ /*display: none;*/ } .tipsNum { width: 1.45rem; height: 3.2rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .tipText { position: absolute; top: 40%; transform: translateY(-40%); right: .65rem; width: .8rem; height: 4.32rem; } .tipText ul { display: flex; } .tipText ul li { flex: 1; text-align: center; color: #333; font-size: .26rem; } .tipsNum img { width: 100%; height: 100%; } .titleIcon { margin-top: .1rem; margin-left: .1rem; } .titleIcon ul { display: flex; justify-content: flex-end; } .titleIcon ul li { width: .98rem; height: 1.24rem; } .titleIcon ul li img { width: 100%; height: 100%; } /*时间*/ .tipList{ width: 90%; display: flex; margin-left: 1.35rem; } .tipList ul{ display: flex; width: 100%; } .tipList ul li{ width: 18%; height: 1rem; margin-right: .15rem; } .tipList ul li p{ height: 100%; width: 2.17rem; background: url(../img/game2/timeN.png) no-repeat; background-size: 100% 100%; font-size: .22rem; text-align: center; box-sizing: border-box; /* padding: .18rem 0rem; */ color: #fff; display: flex; line-height: .5rem; justify-content: center; padding-top: .18rem; padding-left: 0rem; padding-right: 0.1rem; } .tipList ul li.active p{ /*box-shadow: -6px 2px 18px #999;*/ background: url(../img/game2/time.png) no-repeat; background-size: 100% 100%; /*border-radius:10%;*/ } .posTip{ width: 100%; padding: .31rem 0; height: .8rem; } .posTip p{ width: 100%; text-align: center; font-size: .3rem; line-height: .8rem; color: #333; } .contList{ width: 95%; display: flex; margin-left: 1.25rem ; } .contList ul{ width: 100%; display: flex; } .contList ul li{ width: 18%; height:1.2rem; background: #F4BA78; border: 1px solid #D01217; border-radius: 7px; margin-right: .05rem; font-size: .3rem; position: relative; } .contList ul li:last-child{ margin-right: 0; } .contList ul li p.titleText{ border-radius: .1rem; height: .32rem; padding: .05rem .1rem; background: #D01217; text-align: center; line-height: .32rem; color: #fff; font-size: .22rem; position: absolute; left: 50%; top: -.16rem; transform: translateX(-50%); } .contList ul li p.contImg{ width: 100%; height: 1.15rem; margin: .05rem auto; } .contList ul li p.contImg img{ width:100%; height: 100%; padding: .05rem; box-sizing: border-box; } .contList ul li p.contText{ font-size: .15rem; margin:0.05rem .05rem 0; line-height: 0.25rem; letter-spacing: 0.01rem; display: none; } .contList ul li.active p.tipImg{ background:#D21318; } .contList p.tipImg{ width: .36rem; height: .36rem; background:#FFD568; border-radius: 50%; position: absolute; left: 50%; top: -.3rem; transform: translateX(-50%); } /*手势*/ .mask { display: block; } .shoushi { position: absolute; right: -4rem; bottom: 2.1rem; } .shoushi img { width: 50%; height: 50%; }