#wrap { background: url(../img/game4/game4Bgm.png) no-repeat; background-size: 100% 100%; overflow: hidden; position: relative; } .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.55rem; } .tipList>ul{ display: flex; width: 100%; /*justify-content: space-between;*/ } .tipList>ul>li{ /*flex: 1;*/ width: 19%; position: relative; display: none; } .tipList ul li div.time{ width:1.9rem; height: .56rem; text-align: center; font-size: .24rem; color: #333; background: url(../img/game4/topIcon1.png) no-repeat; background-size: 100% 100%; position: relative; margin: 0 auto; /*font-weight: bold; line-height: .56rem;*/ /*left: 0; top: 0;*/ } .tipList ul li div.year{ /*display: flex;*/ width: 1.9rem; display: none; position: absolute; top: 0%; left: 50%; transform: translateX(-50%); } .tipList ul li div.year span{ display: block; font-size: .25rem; font-weight: bold; position: absolute; top: .18rem; } /*.tipList ul li div.year span:nth-child(1){ }*/ .tipList ul li div.year span:nth-child(1) { left: 5%; } .tipList ul li div.year span:nth-child(2) { left: 17%; } .tipList ul li div.year span:nth-child(3) { left: 28.5%; } .tipList ul li div.year span:nth-child(4) { left: 41%; } .tipList ul li div.year span:nth-child(5) { left: 63%; } .tipList ul li div.year span:nth-child(6) { left: 76%; } .tipList ul li p.timeIcon{ width:100% height: .63rem; font-size: 0; margin: .08rem 0; } .tipList ul li p.timeIcon img{ width: 100%; height: 100%; } .tipList ul li p.kuang{ width: 1.87rem; height: .6rem; font-size: 0; margin: 0 auto; /*margin-left: .25rem;*/ } .tipList ul li p.kuang img{ width: 100%; height: 100%; /*margin-left: 0.2rem;*/ } .tipList ul li p.text{ background: #F4BA78; border: 1px solid #D01217; border-radius: 7px; width: 85%; font-size: .18rem; color: #000; padding: .21rem .08rem; margin: .1rem auto 0; display: none; } .tipList ul li p.daAn{ width: 2rem; height: .8rem; background: url(../img/game4/titleIcon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 1.25rem; left: 50%; transform: translateX(-50%); text-align: center; line-height: .8rem; font-size: .24rem; color: #fff; padding-right: .05rem; display: none; } .posTip{ width: 100%; padding: .31rem 0; height: .8rem; /*display: none;*/ } .posTip p{ width: 100%; text-align: center; font-size: .3rem; line-height: .8rem; color: #333; } .contList{ width: 95%; height: 1rem; /* display: flex; */ margin-left: 1.05rem ; /* position: absolute; bottom: 5%; left: 10%; */ } .contList ul{ width: 100%; height: 1rem; /*display: flex;*/ display: none; position: absolute; bottom: 0; right: 50%; transform: translateX(50%); } .contList ul li{ /*flex: 1;*/ width: 16%; position: absolute; /* top: 85%; */ bottom : 5%; } /* .contList ul li.name1{ left:19% ; } .contList ul li.name2{ left: 35%; } .contList ul li.name3{ left:51% ; } .contList ul li.name4{ left: 67%; } .contList ul li.name5{ left: 84%; } */ .contList ul li p{ width: 100%; height: .8rem; background: url(../img/game4/titleIcon.png) no-repeat; background-size: 100% 100%; text-align: center; line-height: .8rem; font-size: .26rem; color: #fff; padding-right: .05rem; } .contList ul li.name4 p, .contList ul li.name5 p{ letter-spacing: -0.02rem; } /*手势*/ .mask { display: block; } .shoushi { position: absolute; right: -.66rem; bottom: 0; } .shoushi img { width: 50%; height: 50%; }