* { margin: 0; padding: 0; } body { padding: 0; margin: 0; background-color: #fff; font-family: Microsoft YaHei; } .clear { clear: both; } .main { position: relative; max-width: 640px; height: auto; margin: 0 auto; background-color: #ffe401; overflow: hidden; } .cityhide { width: 100%; height: auto; } .cityhide img { max-width: 100%; } .top { width: 100%; height: auto; position: relative; background-color: #ffe401; } .top .lf { height: 60px; width: auto; line-height: 60px; float: left; margin-left: 2px; } .top .lf img { max-height: 60px; } .top .rf { height: 60px; width: auto; line-height: 60px; float: right; margin-right: 2px; } .top .rf img { max-height: 60px; } .top .scvimgs { width: auto; height: auto; margin: 0px; text-align: center; } .top .scvimgs img { max-width: 100%; min-width: 100%; } .top .otherlogo { position: absolute; top: 70px; right: 10px; height: 38px; line-height: 38px; } .top .otherlogo img { max-height: 28px; } .top .tmc { position: absolute; height: auto; width: 100%; margin: 0px; left: 0px; bottom: 0px; background-color: #000; background-color: rgba(0, 0, 0, 0.5); } .top .tmc .user { float: left; width: auto; margin: 6px 0px 6px 10px; } .top .tmc .user .photo { width: 40px; height: 40px; text-align: center; float: left; } .top .tmc .user .photo img { border-radius: 50%; width: 40px; height: 40px; } .top .tmc .user .info { line-height: 20px; color: #fff; font-size: 16px; float: left; margin-left: 6px; } .top .tmc .sc { float: right; width: auto; margin-right: 5px; line-height: 52px; } .top .tmc .sc img { max-height: 36px; } .item { margin: 0px 0px 12px 0px; padding: 10px 0px; width: auto; height: auto; background-color: #fff; } .navbg { width: auto; margin: 0px 8px; } .navbg .nav { width: 25%; float: left; text-align: center; font-size: 14px; } .navbg .nav img { max-width: 38px; margin-bottom: 3px; } .title {font-size: 16px; width: auto; height: auto; } .title p {} .cxinfobg { border: 1px #d7d7d7 dashed; margin: 20px 10px 20px 10px; width: auto; height: auto; border-radius: 10px; } .cxinfobg .cxinfo { width: 100%; height: 30px; color: #555; overflow: hidden; } .cxinfobg .cxinfo .cxtype { float: left; height: 30px; line-height: 28px; margin-left: 15px; max-width: 18%; overflow: hidden; } .cxinfobg .cxinfo .cxtype img { max-width: 20px; vertical-align: middle; } .cxinfobg .cxinfo .cxtext { float: left; width: auto; height: 30px; line-height: 28px; max-width: 40%; overflow: hidden; } .youjitb { margin: 16px 8px; color: #333; width: auto; height: auto; } .youjitb .youjicontent { width: 100%; font-size: 16px; line-height: 26px; height: auto; overflow: hidden; } .youjitb .youjicontent .weixincode { max-width: 220px; display: block; margin: 0 auto; } .youjitb .youjicontent img { max-width: 100%; } .replytb { margin: 16px 8px; color: #333; width: auto; height: auto; } .reply { width: 100%; height: auto; position: relative; } .reply .tag { position: absolute; right: -10px; top: -30px; transform: rotate(30deg); width: 100px; height: 100px; text-align: center; line-height: 100px; font-size: 16px; color: #ff9012; background: url(../image/tag.png); background-size: 100% 100%; } .reply .repUser { width: 100%; height: 50px; } .reply .repUser img { width: 40px; height: 40px; border-radius: 50%; float: left; vertical-align: middle; margin-right: 6px; } .reply .repUser .text { float: left; line-height: 20px; margin-left: 10px; } .reply .repUser .text .t1 { font-weight: bold; } .reply .repUser .text .t2 { color: #b5b5b5; } .reply .repUser .text .bestrep { background: url(../image/best.png) no-repeat left; background-size: contain; padding-left: 20px; height: 40px; line-height: 20px; color: #ffa800; margin-left: 10px; } .reply .content { width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #333;} .reply .content p { font-size: 16px; line-height: 30px; } .reply .content p img { max-width: 100%; } .reply .content .weixincode { max-width: 220px; display: block; margin: 0 auto; } .reply .discuss { width: auto; height: 30px; line-height: 30px; margin: 10px 0px 8px 20px; font-size: 16px; } .reply .discuss .t { color: #333; } .reply .discusstb { background-color: #fafafa; border: solid 1px #ededed; border-bottom-width: 1px; padding: 0px 15px; margin-bottom: 50px; } .reply .discusstb .discussitem { border-bottom: solid 1px #ededed; width: 100%; padding: 15px 0px; } .reply .discusstb .discussitem .discussuser { width: 100%; height: 50px; border-radius: 25px; } .reply .discusstb .discussitem .discussuser img { width: 40px; height: 40px; border-radius: 50%; vertical-align: middle; margin-right: 6px; } .reply .discusstb .discussitem .discussuser .name { font-weight: bold; } .reply .discusstb .discussitem .discusscont { font-size: 14px; width: 100%; height: auto; overflow: hidden; } .reply .discusstb .discussitem .discusscont .text { color: #444; line-height: 24px; } .reply .discusstb .discussitem .discusscont .text p { font-size: 14px; line-height: 24px; } .reply .discusstb .discussitem .discusscont .text p img { max-width: 100%; } .reply .discusstb .discussitem .discusscont .text .weixincode { max-width: 220px; display: block; margin: 0 auto; } .reply .discusstb .discussitem .discusscont .time { color: #888; } .foot { width: 100%; text-align: center; padding: 20px 0px 10px 0px; height: auto; color: #868686; background-color: #34343c; } .foot img { margin-top: 10px; max-height: 50px; } .footfixed { position: fixed; left: 0px; bottom: 0px; width: 100%; height: 42px; background-color: #fd7f16; z-index: 9999; } .footfixed .openbtn { margin: 0px auto; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 20px; } .footfixed .openbtn img { max-height: 32px; } .openlay { background: transparent; background: rgba(0, 0, 0, 0.7); border-radius: 8px; position: fixed; margin: auto; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .openlay .toast { position: relative; width: 270px; height: 621px; overflow: hidden; text-align: center; margin: 60px auto 0px auto; background: url(../image/a01.png) no-repeat center; background-position: center 90px; background-size: contain; } .openlay .toast .photobg { position: absolute; z-index: 10; top: 0px; left: 65px; background: url(https://dd-94395.cdn.bcebos.com/static/skin/melody/static/images/01.png) no-repeat center; width: 150px; height: 170px; background-size: 100% 100%; } .openlay .toast .photo { width: 125px; height: 125px; position: absolute; left: 75px; top: 30px; } .openlay .toast .photo img { width: 125px; height: 125px; border-radius: 50%; border: 2px solid #fff; } .openlay .toast .close { position: absolute; width: 50px; height: 50px; right: 0px; top: 90px; cursor: pointer; } .openlay .toast .name { width: 100%; height: 30px; padding-top: 210px; text-align: center; color: #440000; font-size: 18px; } .openlay .toast .addbtn { width: 180px; height: 38px; border-radius: 19px; margin: 0px auto; line-height: 38px; font-size: 18px; margin-top: 5px; text-align: center; color: #fff; background-color: #fc7016; cursor: pointer; } .openlay .toast .LineKefu { width: 100%; text-align: center; margin-top: 18px; color: #440000; font-size: 18px; } .openlay .copyok { width: 270px; height: 531px; overflow: hidden; text-align: center; margin: 180px auto 0px auto; background: url(../image/a02.png) no-repeat center; background-position: center top; background-size: contain; } .openlay .copyok .tip { color: #440000; font-size: 20px; padding: 60px 0px 40px 100px; } .openlay .copyok .okbtn { width: 180px; height: 32px; border-radius: 16px; margin: 0px auto; line-height: 32px; font-size: 16px; margin-top: 5px; text-align: center; color: #fff; background-color: #fc7016; cursor: pointer; } .openlay .copyok .text { font-size: 12px; margin-top: 6px; text-align: center; } .rw_mobile_zhce { position: fixed; bottom: 0; padding: 0 0 0.8rem 0; text-align: center; width: 100%; background: rgba(255, 255, 255, 0.8); z-index: 999 } .rw_mobile_zhce h1 { font-size: 1rem; margin-bottom: 1%; letter-spacing: 0.1rem } .rw_mobile_zhce .m_moa-cs { font-size: 1.2rem; color: #fff; border-radius: .1rem; background: rgba(255, 114, 0, 0.7); width: 94%; margin: 0 auto; padding: 0.4rem 0; border: none } .rw_mobile_zhce2 { position: fixed; padding: 0 0 0.8rem 0; text-align: center; width: 10rem; background: rgba(255, 255, 255, 0.8); z-index: 999; left: 0; top: 12rem; } .rw_mobile_zhce2 h1 { font-size: 0.8rem; margin-bottom: 1%; letter-spacing: 0.1rem; padding: 0.5rem; } .rw_mobile_zhce2 .m_moa-cs { font-size: 1rem; color: #fff; border-radius: .1rem; background: rgba(255, 114, 0, 0.7); width: 90%; margin: 0 auto; padding: 0.4rem 0; border: none; } .rw_mobile_zhce3 { position: fixed; padding: 0 0 0.8rem 0; text-align: center; width: 10rem; background: rgba(255, 255, 255, 0.8); z-index: 999; right: 0; top: 12rem; } .rw_mobile_zhce3 h1 { font-size: 0.8rem; margin-bottom: 1%; letter-spacing: 0.1rem; padding: 0.5rem; } .rw_mobile_zhce3 .m_moa-cs { font-size: 1rem; color: #fff; border-radius: .1rem; background: rgba(255, 114, 0, 0.7); width: 90%; margin: 0 auto; padding: 0.4rem 0; border: none; }.titlebg { width: auto; margin-top: 2px; padding: 0px 5px; }.titlebg .title { font-size: 16px; line-height: 28px; font-weight: bold; } .titlebg .title img { max-height: 20px; } .titlebg .createime { width: auto; height: 28px; line-height: 28px; font-size: 14px; color: #666; padding-bottom: 10px; } .djlogo{height: 55px;}.title p:first-of-type{display: inline;}.title *{display: inline;} .reply .discusstb{ margin-bottom: 0px; }