body { background: #070503; } .banner img { width: 6.4rem; height: 8.5rem; } .bash_yhj { margin-left: 0.8rem; } .bash_yhj_a { margin-right: 0.1rem; float: left; } .bash_yhj .bash_yhj_a img { width: 1.14rem; height: 1.95rem; } .shopping { margin-left: 1.16rem; margin-top: 0.35rem; margin-bottom: 0.35rem; } .shopping img { width: 4.03rem; height: 0.62rem; } .choujiang { width: 6.13rem; height: 5.29rem; background: url(../img/ac3_bg2.png) no-repeat; background-size: 100% ; margin-left: 0.14rem; position: relative; } .choujiang .cj_shan { width: 6.4rem; height: 5.29rem; position: absolute; left: -0.12rem; top: -0.1rem; } .cj_con { width: 82.8%; position: absolute; margin: 0 auto; left: 0; right: 0; top: 18%; z-index: 11; padding: 0.5% 0 0 1%; } .content { width: 32.3%; float: left; margin: 0 1% 0.5% 0; position: relative; } .content img { width: 100%; } .num { width: 98%; text-align: center; position: absolute; bottom: 4%; color: #FFFFFF; font-size: 13.2px; } .content_con { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 12; } .cj_con .active .content_con { background: rgba(255, 255, 255, 0.8); border-radius: 10%; } .content_con img { width: 100%; height: 100%; } .choujiang .on { transform: rotateY(180deg); } .baqi { margin-left: 1.16rem; margin-bottom: 0.4rem; margin-top: 0.4rem; } .baqi img { width: 4rem; height: 0.89rem; } .baqi_man { width: 6.4rem; margin-left: 0.14rem; } .baqi_man .man_cp { width: 3rem; height: 1.64rem; background: url(../img/ac3_bg3.png) no-repeat; background-size: 100%; float: left; margin-right: 0.1rem; margin-bottom: 0.15rem; } .man_cp .p1 { font-family: "微软雅黑"; font-size: 0.28rem; color: #fff; margin-top: 0.2rem; margin-left: 0.1rem; margin-bottom: 0.15rem; } .man_cp .p2 { font-family: "微软雅黑"; font-size: 0.18rem; color: #fff; margin-left: 0.1rem; } .man_cp .go { width: 0.58rem; height: 0.22rem; background: #fff; border-radius: 10px; text-align: center; line-height: 0.22rem; color: #000000; font-size: 0.18rem; margin-left: 0.28rem; margin-top: 0.13rem; } .man_tejia { width: 6.13rem; height: 1.48rem; background: url(../img/ac3_bg4.png) no-repeat; background-size: 100% ; padding-top: 0.2rem; } .man_tejia .p1 { font-family: "微软雅黑"; font-size: 0.28rem; color: #fff; margin-left: 0.1rem; margin-bottom: 0.15rem; } .man_tejia .p2 { font-family: "微软雅黑"; font-size: 0.18rem; color: #fff; margin-left: 0.1rem; } .man_tejia .go { width: 0.58rem; height: 0.22rem; background: #fff; border-radius: 10px; text-align: center; line-height: 0.22rem; color: #000000; font-size: 0.18rem; margin-left: 0.28rem; margin-top: 0.13rem; } .liaomei { margin-left: 1.16rem; margin-bottom: 0.4rem; margin-top: 0.4rem; } .liaomei img { width: 4rem; height: 0.89rem; } .liao_gl { width: 6.4rem; margin-left: 0.05rem; } .gl_sp { width: 3.1rem; height: 4.28rem; background: url(../img/ac3_bg5.png) no-repeat; background-size: 100% ; position: relative; float: left; margin-right: 0.09rem; margin-bottom: 0.09rem; } .gl_sp img { width: 2.92rem; height: 3.51rem; position: absolute; top: 0.09rem; left: 0.09rem; } .gl_sp .p1 { font-family: "微软雅黑"; font-size: 0.18rem; color: #fff; position: absolute; bottom: 0.4rem; left: 0.09rem; } .gl_sp .p2 { font-family: "微软雅黑"; font-size: 0.18rem; font-weight: 900; color: #fff; position: absolute; bottom: 0.08rem; left: 0.09rem; }