.hide2 { visibility: hidden; } .hide{ display: none; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body .layui-layer { background-color: transparent; box-shadow: none; border-radius: 0; } body .layui-layer.layui-layer-hui { background-color: #000; filter: alpha(opacity=60); background-color: rgba(0, 0, 0, .6); } body, html { line-height: 1.2; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体"; background-color: #FFF; } .main{ background-color: #FFF; width: 10rem; position: relative; font-size: 0; padding-top: 0.8rem; margin: 0 auto; padding-bottom: 0.6rem; } .mDetail{ position: relative; width: 10rem; height: 0.95rem; margin: 0 auto; } .mDetail:nth-child(n+2){ margin-top: 0.8rem; } .mDetailInfo{ position: absolute; left: 0.44rem; top: 0; height: 100%; font-size: 0; } .mDetailInfo p{ font-size: 0.4rem; color: rgba(51, 51, 51, 1); max-width: 7rem; position: relative; text-align: left; } .mDetailInfo p:nth-child(2){ position: relative; font-size: 0.293rem; color: rgba(102, 102, 102, 1); margin-top: 0.066rem; } .mDetailInfo p span{ color: #666666; margin-left: 0.266rem; } .mDetailNum{ right: 0.4rem; font-size: 0.4rem; color: rgba(206, 115, 239, 1); width: 4rem; text-align: right; position: absolute; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); } .mDetailNum img{ width: 0.386rem; vertical-align: middle; margin: 0rem 0.013rem 0 0.133rem; } .mDetailNum span.lose{ color: #F65755; } .mDetail .mDetailImg{ height: 0.52rem; position: absolute; right: 0.4rem; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); } .mDetail .mDetailImg2{ height: 0.453rem; } .mDetail .mDetailImg0{ height: 0.506rem; } .L_Ar .mDetailInfo{ left: auto; right: .44rem; } .L_Ar .mDetailInfo p{ text-align: inherit; } .L_Ar .mDetailNum{ right: auto; left: .4rem; text-align: left; } .L_Ar .mDetailImg{ right: auto; left: .346rem; }