body { margin: 0; padding: 0; font-family: PingFang SC, tahoma, arial, microsoft yahei, hiragino sans gb, \5b8b\4f53, sans-serif; } .ad-banner { width: 100%; height: 80px; } .ad-banner img { width: 100%; height: 80px; object-fit: cover; background-repeat: no-repeat; } .ad-banner .bg { display: block; } .ad-banner .bg-min { display: none; } .h5-fixed__download { display: none; position: fixed; bottom: 10%; right: 2px; width: 48px; height: 52px; background: red; border-radius: 5px; color: #fff; text-align: center; font-size: 13px; } .h5-fixed__download a { display: inline-block; width: 100%; height: 18px; padding: 8px 0 2px; } .h5-fixed__download img { display: block; width: 18px; height: 18px; margin: 0 auto; } .h5-fixed__download .c-icon { color: #fff; font-size: 22px; } #comment_box{background:#fff;padding:10px;margin-bottom:22px; border-radius: 5px;} #comments-title{padding-top:100px;margin-top:-80px} .c-title{font-size: 18px;font-weight: 500;color: #222;} .comment-disable{padding:1.5em;color:#888;text-align:center} .comment-disable i.iconfont{padding-right:5px;color:#666;font-size:18px} .comment-num{color:#999;font-size:16px} .comment-num .emphasize{color:#f33} .no-comment{color:#999;text-align:center} .no-comment i.iconfont{font-size:60px;color:#ddd;display:block;margin-top:-20px;height:90px} .comment-msg{padding:1.5em 0;overflow:hidden;border-top:1px solid #ddd} .comment-list .ul{list-style:none;border-top:1px solid #ededed} .comment-list .li{overflow:hidden;padding:1em} .comment-list .li:hover{background:#f8f8f8} .comment-list .li img{width:50px;height:50px;border-radius:100px;} .comment-list .li:hover img{} .comment-list .li .clbody{margin-left:70px} .comment-list .ul .ul{margin-left:4%} .comment-list .title{font-size:18px;padding:10px 0;color:#222;} .compost .com-info{margin-bottom:10px;} .compost .com-info li{float:left;margin-bottom:1em;width:33.3%;padding-right:3%;position:relative} .compost .com-info li:nth-child(2){padding-right:0} .compost .com-info li .verify{position:absolute;right:6.5%;top:0;z-index:1;height:40px} .compost .com-info li .verify img{height:100%;border:1px solid #ddd} .compost .com-info li input{width:90%;height:40px;line-height:40px;padding-left:4px;border:1px solid #ddd;border-radius:3px;text-indent:2px} .compost .com-name{padding:1em 0 1em .2em} #cancel-reply{color:#1487f4} .com-box textarea{border-radius:3px;text-indent:5px;margin:0 0 20px 0;padding:5px;width:98%;border:1px solid #ddd;background:#fff;-webkit-appearance:none;font-size: 14px;} .com-submit{border-radius:3px;border:none;cursor:pointer;height:40px;line-height:40px;background:linear-gradient(to bottom right, #262626, #1487f4); color:#fff;padding:0 20px;font-size: 14px; } .comment-list .cinfo{height:20px} .comment-list .clbody .p{word-wrap:break-word} .cinfo .author{color:#666} .c-time{color:#999;font-size:12px} .comment-at{color:#1487f4} .reply-a{opacity:0.5} .comment-list li:hover .reply-a{opacity:1} .mcolor{color:#1487f4} .detailzb-live-box { border-color: #1c969f; border-width: 2px; border-radius: 3px; align-items: center; flex-direction: column; cursor: pointer; display: flex; gap: 3px; width: max-content; border-style: solid; padding: 12px 18px; margin-top: 5px; } .detailzb-live-box-p1 { text-align: center; --tw-text-opacity: 1; color: rgb(28 150 159/1); font-size: 14px; line-height: 15px; } .source-text { color:#D3E1E2; font-size:13px; } .detailzb-live-box:hover { color:#fff !important; background:#1c969f ; } .detailzb-live-box:hover .detailzb-live-box-p1,.detailzb-live-box:hover .source-text { color:#fff !important; } .detail-desc { display: flex; justify-content: space-between; color:#999; padding: 0 1.5rem; } @media screen and (max-width: 750px) { .ad-banner { width: 100%; height: 0; } .ad-banner img { height: 100%; } .ad-banner .bg { display: none; } .h5-fixed__download { display: block; } .live-table li a.new_title { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }