.hide2 { visibility: hidden; } .hide{ display: none; } 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 { position: relative; width: 10rem; margin: 0 auto; font-size: 0; overflow: hidden; background-color: #FFF; padding-top: .4rem; padding-bottom: 3.333rem; } .mHead{ width: 9.413rem; height: 0.773rem; margin: 0 auto; font-size: 0; position: relative; } .mHeadImg{ position: absolute; left: 0; top: 0; width: 0.773rem; height: 0.773rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms--border-radius: 50%; -o--border-radius: 50%; } .mHeadInfo{ position: absolute; top:0; height: 0.773rem; left: .92rem; width: 4rem; font-size: 0; } .mHeadName{ position: absolute; left:0; top: 0; font-size: 0.346rem; color: #333; } .mHeadName img{ height: 0.32rem; vertical-align: middle; margin-left: 0.106rem; margin-top: -.05rem; } .mHeadTime{ position: absolute; left: 0; bottom: 0; font-size: 0.24rem; color: #666; } .mHeadAddress{ position: absolute; right: 0.386rem; top: 0; height: .733rem; line-height: .733rem; color: #333; font-size: 0.24rem; } .mHeadAddress img{ width: 0.226rem; vertical-align: middle; margin-right: 0.12rem; } .mBox{ position: relative; width: 100%; font-size: 0; margin: 0.4rem auto 0; } .mBoxTitle{ font-size: 0.506rem; color: #333; font-weight: bold; width: 9.413rem; margin: 0 auto; word-wrap:break-word; word-break:normal; } .mBoxDesc{ position: relative; line-height: 1.6; font-size: 0.373rem !important; color: #333 !important; width: 9.413rem; margin: 0.3rem auto 0; } .mBoxDesc img{ display: inline-block; max-width: 100%; margin: 0.266rem auto 0; } .mBoxImg{ position: relative; width: 9.866rem; font-size: 0; margin: .4rem auto 0; } .mBoxImg img{ display: inline-block; max-width: 100%; margin: 0.266rem auto 0; } .mBoxImg .mBoxImgNot{ width: 9.866rem; height: 9.866rem; display: block; margin: 0 auto; } .mBoxBottom{ position: relative; width: 100%; height: 1.013rem; line-height: 1.013rem; font-size: 0; } .mBoxBottomText{ margin-left: 0.373rem; position: relative; font-size: 0; height: 1.013rem; line-height: 1.013rem; display: inline-block; } .mBoxBottomText span{ font-size: 0.373rem; color: rgba(128,128,128,.9); } .mBoxBottomText span:nth-child(n+2){ margin-left: 0.6rem; } .mBoxBottomNum{ position: absolute; top: 0; right: 0.36rem; font-size: 0.373rem; color: #808080; } .mBoxBottomNum img{ width: 0.373rem; margin-right: 0.093rem; vertical-align: middle; margin-top: -.1rem; } .mBottom{ position: fixed; left: 50%; bottom: 0; margin-left: -5rem; width: 10rem; height: 1.866rem; background-color: #FFF; z-index: 500; border-top: 1px solid rgba(203, 203, 203, 1); } .mBottomLogo{ position: absolute; left: 0.506rem; top: 0.346rem; width: 1.173rem; height: 1.173rem; } .mBottomInfo{ position: absolute; left: 1.946rem; 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%); font-size: 0; } .mBottomInfo p{ font-size: 0.373rem; color: #333; } .mBottomInfo p:nth-child(2){ margin-top: 0.16rem; font-size: 0.32rem; color: #666; } .mBottomBtn{ width: 2.733rem; height: 0.853rem; line-height: .853rem; text-align: center; position: absolute; left: 6.906rem; 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%); font-size: 0.346rem; color: #FFF; background-color: #E53985; border-radius: 0.426rem; -webkit-border-radius: 0.426rem; -moz-border-radius: 0.426rem; -ms-border-radius: 0.426rem; -o-border-radius: 0.426rem; } .mReply{ padding-top: 0.346rem; width: 9.413rem; margin: 0 auto; position: relative; font-size: 0; } .mReplyDetail{ padding-top: 0.72rem; font-size: 0; position: relative; width: 100%; padding-bottom: 0.493rem; } .mReplyDetail2{ padding-top: 0.533rem; width: 8.453rem; margin-left: 0.92rem; position: relative; float: left; } .mReplyDetail2 .mReplyDetailLeft { width: 0.533rem; } .mReplyDetail2 .mReplyDetailLeft img{ width: 0.533rem; height: 0.533rem; } .mReplyDetail2 .mReplyDetailRight{ width: 7.72rem; } .mReplyDetail2 .mReplyDesc{ width: 7.493rem; -webkit-line-clamp: 1; } .mReplyDetailLeft{ display: inline-block; width: 0.773rem; float: left; } .mReplyDetailLeft img{ width: 0.773rem; height: 0.773rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .mReplyDetailRight{ margin-left: 0.133rem; width: 8.4rem; display: inline-block; font-size: 0; position: relative; float: left; } .mReplyInfo{ position: relative; font-size: 0; width: 100%; } .mReplyInfoName{ font-size: 0.373rem; color: #333; } .mReplyInfoImg{ height: 0.32rem; vertical-align: middle; margin-left: 0.08rem; margin-top: -.18rem; } .mReplyInfoNum{ position: absolute; right: 0; font-size: 0.373rem; color: #808080; } .mReplyInfoNum img{ width: 0.373rem; vertical-align: middle; margin-right: 0.08rem; margin-top: -.1rem; } .mReplyDesc{ position: relative; width: 8.173rem; float: left; font-size: 0.373rem; color: #333; margin-top: 0.2rem; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .mReplyText{ position: relative; width: 100%; height: 0.693rem; line-height: 0.693rem; font-size: 0; float: left; } .mReplyTextTime{ font-size: 0.24rem; color: rgba(128,128,128,.9); } .mReplyTextNum{ font-size: 0.266rem; color: rgba(128,128,128,.9); margin-left: 0.76rem; } .mReplyTextNum.check{ background-color: #F0F0F0; padding: 0.053rem 0.2rem; border-radius: 0.186rem; -webkit-border-radius: 0.186rem; -moz-border-radius: 0.186rem; -ms-border-radius: 0.186rem; margin-left: 0.666rem; } .masking{ position: fixed; top: 0; left: 50%; margin-left: -5rem; width: 10rem; height: 100%; background-color: rgba(0,0,0,.6); z-index: 1000; } .masking img{ width:6.4rem; position: absolute; top: 0.373rem; right: 1.906rem; } .maskCon{ position: fixed; top: 0; left: 50%; margin-left: -5rem; width: 10rem; height: 100%; background-color: transparent; z-index: 1001; } .L_En .mBottomBtn{ width: 3rem; }