body{ background-color: #F1F1F1; } .container{ max-width: 750px; margin: 0; margin: 0 auto; padding: 0; padding-bottom: 13vw; } .select-all{ width: 100%; background-color: #F1F1F1; } .chart-wrapper{ width: 100%; height: auto; background: #FFFFFF; padding: 0px 10px 10px 10px; } .chart-wrapper-title{ width: 100%; height: auto; font-size: 22px; font-family: PingFang SC; font-weight: 400; color: #3E3E3E; padding: 10px 0px; overflow: hidden; } .chart-wrapper-title1{ width: 100%; height: auto; font-size: 15px; font-family: PingFang SC; font-weight: 400; color: #CDCDCD; margin-bottom: 10px; } .chart-wrapper-content{ width: 100%; height: auto; font-size: 17px; font-family: PingFang SC; font-weight: 400; color: #3E3E3E; } .chart-wrapper-content img{ max-width: 100% !important; } .chart-img{ width: 100%; height: 240px; border-radius: 10px; margin-top: 3px; margin-bottom: 3px; } .comment-select{ width: 100%; height: auto; margin-top: 8px; background-color: #FFFFFF; padding: 0px 10px; } .comment-title{ width: 100%; height: 50px; } .comment-title-img{ display: inline-block; width: 19px; height: 19px; padding-left: 2px; } .comment-title-content{ width: 80px; height: 50px; line-height: 50px; padding-left: 10px; font-size: 15px; font-weight: 600; } .comment-content{ width: 100%; height: auto; border-bottom:1px solid #F1F1F1; margin-bottom: 10px; } .comment-content-all{ width: 100%; height: 50px; } .comment-head-img{ width: 40px; height: 40px; float: left; } .head-img{ width: 39px; height: 39px; border-radius:50%; position: relative; } .comment-info-title-user{ display:inline; width: 150px; height: 20px; float: left; padding-left: 10px; } .comment-name{ display: inline-block; height: 19px; font-size: 16px; font-family: PingFang SC; font-weight: bold; color: #3E3E3E; } .comment-time{ width: 200px; height: 19px; color: #999999; } .comment-delete{ color: #FF9C00; } .comment-reply{ color: #FF9C00; } #page-all{ border-top: 2px solid #F1F1F1; } .comment-content-info{ height: auto; font-size: 16px; font-family: PingFang SC; font-weight: 500; color: #3E3E3E; padding-left:53px; margin-top: 5px; } .reply-select{ height: auto; margin-left:50px; background-color: #F2F3F5; margin-bottom: 8px; padding: 5px 0px 0px 5px; border-radius: 5px; } .reply-select-title1 .reply-select-tetx{ color: #FF9C00; } .reply-select-tab input{ width: 50%; height: 36px; background-color: #F2F3F5; margin-left:10px ; } .link-a{ float: right; margin-top: 8px; } .link-a a{ margin: 0 10px; text-decoration: none; } a:visited { text-decoration: none; } .input-select{ width: 100%; height: 40px; background-color: #FFFFFF; } .input-select-text{ display: inline-block; width: 70%; height: 100%; padding: 0 10px; padding-right: 0; } .bottom-all-img{ display: inline-block; width: 27%; vertical-align: middle; height: 100%; text-align: center; line-height: 12vw; } .bottom-all-img img{ width: 30px; height: 30px; margin-left: 10px; } .reply-img{ width: 30px; height: 30px; vertical-align: middle; } .like-img{ width: 30px; height: 30px; float: right; vertical-align: middle; } .footer{ position: fixed; z-index: 1000; width: 100%; height: 13vw; line-height: 13vw; bottom: 0; left: 0; box-shadow: 0px 0px 10px 0px rgba(26, 25, 26, 0.05); } .tcbox{ position: fixed; z-index: 10000; display: none; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.4); } .tcbox .tkmain{ width: 96%; height: auto; margin: 0 auto; margin-top: 40vw; background-color: #ffffff; padding: 10px; } .tcbox .tkmain .tkmain-title{ height: 30px; line-height: 30px; } .tcbox .tkmain .tkmain-body{ margin-bottom: 10px; }