.room-bg1{ width: 33vw; height: 7.605vw; background: url(../images/room-bg1.png)no-repeat; background-size: 100% 100%; position: relative; display: none; float: left; } .bg-en{ .r1{ background: url(../images/r1-en.png)no-repeat !important; background-size: 100% 100% !important; } } .room-bg2{ width: 33vw; height: 7.605vw; background: url(../images/room-bg2.png)no-repeat; background-size: 100% 100%; position: relative; display: none; float: left; .room-bg-top{ // -webkit-text-stroke:0.6vw #C2A0FE; // text-shadow: 0 1vw 1vw #C2A0FE; // text-shadow: 1vw 0vw 1vw #803df3; text-shadow: 0.2vw 0.2vw 0.2vw #803df3,0.2vw 0 0.2vw #803df3,0 0.2vw 0.2vw #803df3; } .room-targe{ -webkit-text-stroke:none; text-shadow: 0.2vw 0.2vw 0.2vw #803df3,0.2vw 0 0.2vw #803df3,0 0.2vw 0.2vw #803df3; } .room-num{ -webkit-text-stroke:0; // -webkit-text-stroke:0.5vw #C2A0FE; text-shadow: 0.2vw 0.2vw 0.2vw #803df3,0.2vw 0 0.2vw #803df3,0 0.2vw 0.2vw #803df3; } .room-bar >div{ background: #A775FA; } .room-bar >span{ font-size: 2.5vw; text-shadow: 0.2vw 0.2vw 0.2vw #803df3,0.2vw 0 0.2vw #803df3,0 0.2vw 0.2vw #803df3; color: #fff; position: absolute; left: 50%; margin-left: -2.2vw; top: -0.95vw; } } .room-bg3{ width: 33vw; height: 7.605vw; background: url(../images/room-bg3.png)no-repeat; background-size: 100% 100%; position: relative; display: none; float: left; .room-bg-top{ // -webkit-text-stroke:0.6vw #B3EBEC; // text-shadow: 0 1vw 1vw #B3EBEC; // text-shadow: 1vw 0vw 1vw #B3EBEC; // text-shadow: 0.2vw 0.2vw 0.2vw #000; text-shadow: 0.2vw 0.2vw 0.2vw #00f4f8,0.2vw 0 0.2vw #00f4f8,0 0.2vw 0.2vw #00f4f8; } .room-targe{ // -webkit-text-stroke:0.5vw #20e7eb; text-shadow: 0.2vw 0.2vw 0.2vw #00f4f8,0.2vw 0 0.2vw #00f4f8,0 0.2vw 0.2vw #00f4f8; } .room-num{ // -webkit-text-stroke:0.5vw #B3EBEC; text-shadow: 0.2vw 0.2vw 0.2vw #00f4f8,0.2vw 0 0.2vw #00f4f8,0 0.2vw 0.2vw #00f4f8; } .room-bar >div{ background: #00d6c4; } .room-bar >span{ font-size: 2.5vw; text-shadow: 0.2vw 0.2vw 0.2vw #00f4f8,0.2vw 0 0.2vw #00f4f8,0 0.2vw 0.2vw #00f4f8; color: #fff; position: absolute; left: 50%; margin-left: -2.2vw; top: -0.95vw; } } .room-bg-top{ font-size: 2.64vw; color: #fff; font-weight: 700; position: absolute; top: 1.98vw; left: 2.64vw; text-shadow: 0.2vw 0.2vw 0.2vw #f7237f,0.2vw 0 0.2vw #f7237f,0 0.2vw 0.2vw #f7237f; } .room-targe{ font-size: 4vw; color: #fff; font-weight: 700; // -webkit-text-stroke:0.5vw #FE93BF; text-shadow: 0.2vw 0.2vw 0.2vw #f7237f,0.2vw 0 0.2vw #f7237f,0 0.2vw 0.2vw #f7237f; position: absolute; top: 12vw; right: 6vw; } .room-num{ font-size: 2.31vw; color: #fff; font-weight: 700; // -webkit-text-stroke:0.5vw #FE93BF; text-shadow: 0.2vw 0.2vw 0.2vw #f7237f,0.2vw 0 0.2vw #f7237f,0 0.2vw 0.2vw #f7237f; // text-shadow: 0.2vw 0.2vw 0.2vw #000; position: absolute; top: 2.178vw; right: 1.65vw; } .room-bar-box{ position: absolute; width: 14.52vw; height: 1.65vw; background: rgba(255,255,255,0.4); border-radius: 10vw; left: 9.9vw; top: 2.904vw; } .room-bar{ width: 14.52vw; height: 1.65vw; position: absolute; left: 0.198vw; top: 0.198vw; border-radius: 10vw; >div{ height: 1.254vw; width: 0%; background: #FC3F91; border-radius: 10vw; } >span{ font-size: 2.5vw; text-shadow: 0.2vw 0.2vw 0.2vw #f7237f,0.2vw 0 0.2vw #f7237f,0 0.2vw 0.2vw #f7237f; color: #fff; position: absolute; left: 50%; margin-left: -2.2vw; top: -0.95vw; } } //活动 .act-room-bg1{ transform: scale(0.33); position: absolute; right: -3.33rem; top: -1.85rem; width: 10rem; height: 5.537rem; background: url(../images/act-room-bg.png)no-repeat; background-size: 100% 100%; } .act-room-p1{ font-size: 0.75rem; color: #f0edfa; padding-top: 1.9rem; text-indent: 1rem; } .act-room-p2{ font-size: 0.75rem; color: #f0edfa; padding-top: 0.2rem; text-indent: 1rem; } .act-title{ width: 5.07rem; line-height: 1.4rem; color: #fff; font-size: 0.8rem; text-align: center; font-weight: 700; // background: pink; height: 1.5rem; position: absolute; left: 2.45rem; text-shadow: 0.05rem 0.05rem 0.05rem #170060,-0.05rem 0.05rem 0.05rem #170060,0.05rem -0.05rem 0.05rem #170060,-0.05rem -0.05rem 0.05rem #170060; }