filesbox/web/dist/design/designstatic/front/css/square.css

1 line
5.2 KiB
CSS
Raw Permalink Normal View History

2024-07-26 06:10:54 +00:00
body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,iframe,input,li,p,select,table,td,textarea,th,ul{margin:0;padding:0}body{font:13px/1 "Microsoft YaHei",tahoma,Verdana,Geneva,sans-serif;color:#333;position:relative;font-family:-apple-system,"SF UI Text","Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Zen Hei",sans-serif}html body{color:#333;background-color:#fff}ul{list-style:none}a{text-decoration:none}.mt2{margin-top:2px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mt55{margin-top:55px}.ml0{margin-left:0!important}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml35{margin-left:35px}.ml40{margin-left:40px}.ml45{margin-left:45px}.ml50{margin-left:50px}.ml55{margin-left:55px}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.disBlock{display:block}.ft{font-size:14px}.line23{line-height:23px}.borderNone{border:0!important}.ftw{font-weight:700}.ft0{font-size:0!important}input,textarea:focus{outline:none;background:none}.MuiInputBase-root{height:28px}.imghgreaterthanw{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:100%;width:100%}.imgwgreaterthanh{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;height:100%}.playicon{width:40px;height:40px;position:absolute;left:50%;margin-left:-20px;top:50%;margin-top:-20px;background:url(/design/designstatic/common/image/course/videoico.png) 50% no-repeat;background-size:40px 40px}.content{background-color:#fff;min-height:100vh;max-width:480px;margin:0 auto;position:relative}.squareli{display:flex;margin:6px 0;padding:0 12px}.squareli .cover{width:45px;height:45px;position:relative;margin-right:7px;border-radius:50%}.squareli .cover img{width:100%;height:100%;top:0;left:0;position:absolute;border-radius:50%}.squareli .squareInfo{flex:1;overflow:hidden}.squareli .squareInfo .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4f91ff;font-size:15px;margin-top:6px}.squareli .squareInfo .intro{color:#333;font-size:14px;margin-top:12px}.squareli .squareInfo .refererbox{display:flex;align-items:center;padding:6px;background:#f3f3f3}.squareli .squareInfo .refererbox .referercover{width:118px;height:71px;margin-right:8px;position:relative;overflow:hidden}.squareli .squareInfo .posterleft{width:59px;height:71px}.squareli .squareInfo .refererinfo{flex:1;overflow:hidden;position:relative}.squareli .squareInfo .refererinfo div{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;font-size:14px}.squareli .squareInfo .refererinfo div:first-child{font-size:14px}.squareli .squareInfo .photolist{margin-top:10px}.squareli .squareInfo .photolist .photoli{width:95.5px;height:95.5px;position:relative;margin-right:3px;display:inline-block;overflow:hidden}.squareli .squareInfo .photolist .photoli:nth-child(3n+3){margin-right:0}.squareli .squareInfo .photolist .photoli .play{width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;left:50%;margin-left:-20px;min-height:auto}.squareli .squareInfo .photolist .onlyli{width:100%;height:auto}.squareli .squareInfo .photolist .onlyli img{width:100%!important;position:static;height:auto;transform:inherit}.squareli .squareInfo .actionbox{display:flex;align-items:center;line-height:27px}.squareli .squareInfo .actionbox .time{flex:1;overflow:hidden;font-size:11px;color:#999}.squareli .squareInfo .actionbox .time .action{width:17.5px}.squareli .squareInfo .commentbox{background:#f9f9f9;padding:0 10px}.squareli .squareInfo .commentbox .likelist{font-size:14px;color:#4f91ff;line-height:27px}.squareli .squareInfo .commentbox .likelist img{width:11.5px;height:11px;margin-right:5px}.squareli .squareInfo .commentbox .commentli{line-height:27px;font-size:14px;color:#333}.squareli .squareInfo .commentbox .commentli span{color:#4f9