#back-top { position: fixed; width: 60px; height: 60px; bottom: 30px; right: 30px; background: #ccc; text-align: center; line-height: 60px; text-decoration: none; border-radius: 5px; filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; } #back-top:hover { color: #fff; background-color: #00aeb9; } body { margin: 0px; margin-left: auto; margin-right: auto; font-size: 14px; background-color: #f6f6f6; font-family: 微软雅黑; } A:link { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #000000; TEXT-DECORATION: none; } A:visited { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #000000; TEXT-DECORATION: none; } A:hover { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #ff6160; TEXT-DECORATION: none; } A:active { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #000000; TEXT-DECORATION: none; } .clear { clear: both; } .Content0 { margin: 0px auto; max-width: 720px; height: auto; text-align: center; } .top { margin: 0px auto; width: 100%; height: auto; background-color: #00aeb9; } .logo { width: 1200px; margin: 0px auto 1px auto; height: 82px; line-height: 82px; text-align: left; background-color: #00aeb9 } .copyrightlogo { max-height: 45px; vertical-align: middle; } .logo .search { margin-left: 20px; float: right; height: 82px; line-height: 82px; } .logo .nav { width: auto; height: auto; float: right; height: 82px; line-height: 82px; } .logo .nav .nav-title { height: 40px; line-height: 40px; text-align: left; height: 82px; line-height: 82px; } .logo .nav .nav-title span { padding: 5px 18px; color: #fff; font-size: 16px; cursor: pointer; } .logo .nav .nav-title span:hover { background-color: #19d4ce; border-radius: 12px; color: #fff; } .topimg { width: 100%; margin: 0px auto; height: 530px; position: relative; background-color: #fff; background: no-repeat center; } .topbg { width: 100%; margin: 0px auto; height: auto; position: absolute; bottom: 0px; background-color: #000; background-color: rgba(0, 0, 0, 0.3); } .topbg .toptb { width: 1200px; margin: 0px auto; height: auto; position: relative; } .topbg .toptb .title { width: 970px; padding: 20px 30px 0px 200px; height: auto; color: #fff; font-size: 22px; } .topbg .toptb .photo { width: 128px; height: 128px; position: absolute; left: 35px; bottom: -68px; } .topbg .toptb .photo img { border-radius: 50%; width: 122px; height: 122px; border: 3px solid #fff; } .uinfo { width: 100%; margin: 0px auto; height: 78px; background-color: #fff; box-shadow: 0px 7px 7px -7px #bebebe; } .uinfo .uinfotb { width: 1000px; padding-left: 200px; margin: 0px auto; } .uinfo .uinfotb .lf { float: left; width: auto; color: #555; margin-top: 12px; line-height: 26px; } .uinfo .uinfotb .rf { float: right; width: auto; line-height: 78px; margin-right: 20px; color: #555; } .uinfo .uinfotb .rf img { margin-left: 28px; margin-right: 5px; } .main { margin: 0px auto; width: 100%; height: auto; width: 1200px; height: auto; margin-top: 20px; } .main .lf { width: 860px; border: 1px #ececec solid; float: left; height: auto; background-color: #fff; padding-bottom: 20px; } .main .rf { width: 322px; float: right; height: auto; background-color: #fff; } .items { padding: 0px 18px 0px 25px; height: 30px; line-height: 30px; color: #111; } .cxinfo { width: 740px; padding: 20px; height: auto; margin: 25px 40px; background-color: #f7f7f7; } .floatlayer { border: 1px #ececec solid; padding: 20px; background-color: #fff; } .rftitle { width: 100%; height: 36px; line-height: 36px; font-size: 16px; font-weight: bold; color: #555; border-bottom: 1px #ececec solid; } .rfimg { width: 100%; height: auto; margin-top: 15px; } .rfimg img { max-width: 280px; } .youjicontent { width: 780px; margin: 20px 40px; height: auto; overflow: hidden; font-size: 16px; color: #333; line-height: 30px; } .youjicontent p { font-size: 16px; line-height: 30px; } .youjicontent p img { max-width: 100%; } /*.youjicontent p img { display: block; margin: 0 auto; text-align:center; }*/ .youjicontent .weixincode { max-width: 260px; display: block; margin: 0 auto; } .replytitle { width: 780px; margin: 20px 40px 0px 40px; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; color: #555; border-bottom: 1px #ececec solid; } .reply { width: 780px; margin: 20px 40px; height: auto; position: relative; } .reply .tag { position: absolute; right: 0px; top: -30px; transform: rotate(30deg); width: 100px; height: 100px; text-align: center; line-height: 100px; font-size: 16px; color: #26abb0; background: url(https://djkdgo.cdn.bcebos.com/static/skin/summer/static/images/tag.png); background-size: 100% 100%; } .reply .relf { float: left; width: 40px; } .reply .relf img { width: 30px; height: 30px; border-radius: 50%; } .reply .rerf { float: left; width: 690px; } .reply .rerf .title { width: 100%; height: 40px; line-height: 40px; } .reply .rerf .title .t1 { font-weight: bold; } .reply .rerf .title .t2 { color: #b5b5b5; margin-left: 20px; } .reply .rerf .content { width: 690px; height: auto; overflow: hidden; font-size: 16px; color: #333; line-height: 30px; } .reply .rerf .content p { font-size: 16px; line-height: 30px; } .reply .rerf .content p img { max-width: 100%; } .reply .rerf .content .weixincode { max-width: 260px; display: block; margin: 0 auto; } .reply .rerf .discuss { width: auto; height: 30px; line-height: 30px; margin: 10px 0px 8px 20px; font-size: 16px; } .reply .rerf .discuss .t { color: #333; } .reply .rerf .discusstb { background-color: #fafafa; border: solid 1px #ededed; margin-bottom: 50px; } .reply .rerf .discusstb .discussitem { border-bottom: solid 1px #ededed; width: 100%; padding: 20px 0px; } .reply .rerf .discusstb .discussitem .discussuser { float: left; background-color: #ffd9d1; width: 50px; height: 50px; border-radius: 25px; margin: 0px 20px 0px 30px; } .reply .rerf .discusstb .discussitem .discussuser img { width: 50px; height: 50px; border-radius: 25px; } .reply .rerf .discusstb .discussitem .discusscont { float: left; font-size: 14px; width: 580px; height: auto; overflow: hidden; } .reply .rerf .discusstb .discussitem .discusscont .name { font-weight: bold; } .reply .rerf .discusstb .discussitem .discusscont .text { color: #444; line-height: 24px; } .reply .rerf .discusstb .discussitem .discusscont .text p { font-size: 14px; line-height: 24px; } .reply .rerf .discusstb .discussitem .discusscont .text p img { max-width: 580px; } .reply .rerf .discusstb .discussitem .discusscont .text .weixincode { max-width: 260px; display: block; margin: 0 auto; } .reply .rerf .discusstb .discussitem .discusscont .time { color: #888; } .zan { border-radius: 3px; margin-top: 8px; background: #eaf9f2 url(../image/zan1.jpg) no-repeat center 10px; height: 22px; width: 58px; display: block; text-align: center; line-height: 12px; color: #41c074; padding-top: 34px; cursor: pointer; display: none;} .zan:hover { background: #41c074 url(https://djkdgo.cdn.bcebos.com/static/skin/summer/static/images/zan2.jpg) no-repeat center 10px; color: #fff; } .foot { margin: 20px auto 0px auto; width: 100%; height: auto; background-color: #34343c; } .foot .tb { width: 1200px; height: auto; margin: 0px auto; text-align: center; } .foot .tb .lf { width: 100%; text-align: center; background-color: #34343c; line-height: 20px; color: #898989; padding: 25px 0px 10px 0px; } .foot .tb .lf img { margin-top: 10px; }

@media only screen and (min-width: 0px) and (max-width: 768px) { .nav, .rf,.zan{ display: none!important; } .Content0, .logo, .topbg, .toptb, .title, .uinfo, .uinfotb, .main, .lf, .cxinfo,.youjicontent,.reply,.rerf,.content,.replytitle,.discusstb,.discussitem,.discusscont,.foot,.tb{ width: 100%!important; } .discusscont{ padding:5px 15px; position: relative; } .reply,.rerf,.discusstb,.discussitem,.discusscont{ overflow: inherit!important; } .reply .relf img{ margin-left: 10px; } .discusscont>.name{ position: absolute; width: 70px; top:-40px; left: 106px; } .rerf,.youjicontent{ padding: 0 10px; } .reply .rerf{ float: none; } .topimg { width: 100%; height: 223px; background-repeat: no-repeat; background-size: cover; } .topbg .toptb .photo img { border-radius: 50%; width: 70px; height: 70px; border: 3px solid #fff; } .topbg .toptb .photo { width: 128px; height: 128px; position: absolute; left: 14px; bottom: -56px; } .topbg .toptb .title { padding: 0 20px 4px 108px; height: auto; color: #fff; font-size: 14px; } * { box-sizing: border-box; } .uinfo .uinfotb { padding-left: 30px; margin: 0px auto; } .cxinfo,.youjicontent,.replytitle,.reply{ margin: 0px; } } .weixin{ color: red!important; font-weight: bold!important; }