body{padding:0;font-family:Microsoft YaHei,Droid Sans Fallback,SimHei,Arial,Helvetica,tahoma,sans-serif;margin:80px 0 0 0;}
a{text-decoration:none;color:#535252}
ul,li,p,dt,dl,dd{list-style:none;padding:0;margin:0}
h1,h2,h3,h4,h6{font-size:15px;margin:0;padding:0;}
input,button,select,textarea{outline:0;box-sizing:border-box;border:0;border-radius:0;background:0 0;-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}
em,th,var,optgroup,i{font-style:normal;font-weight:400}
.blank15{background:#eee;height:15px;clear:both;}
.top{height:60px;width:100%;background:#FFF;position:fixed;z-index:99;left:0;top:0;box-shadow:0 1px 2vw 0 rgb(0 0 0 / 4%);}
.logo{float:left;font-size:20px;font-weight:bold;line-height:40px;margin:10px 0 0 10px;color:#E344AB;}
.logo img{float:left;width:40px;margin-right:10px;}
.down{float:right;margin:10px 10px 0 0;}
.down a,.avatar a{display:block;border-radius:20px;padding:8px 16px;font-size:16px;background:#B043F1;color:#FFFFFF;}
.bg{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;box-sizing:border-box;height:220px;filter:blur(15px);}
.avatar{width:100%;position:absolute;z-index:90;left:0;top:100px;}
.avatar img{display:block;height:80px;width:80px;border-radius:80px;border:solid 2px #fff;margin:0 auto;}
.avatar h1{display:block;margin:12px 0;text-align:center;font-size:18px;color:#FFF;}
.avatar p {text-align:center;}
.avatar p a{width:80px;height:20px;margin:0 auto;}
.tz{margin-top:80px;}
.list{margin:36px 4%;}
.come,.list{width:92%;overflow:hidden;clear:both;}
.come{margin:0 4%;}
.tit{font-size:16px;font-weight:bold;padding:10px 0;}
.post{overflow:hidden;clear:both;width:100%;padding-bottom:15px;border-bottom:solid 1px #ddd;margin-top:15px;}
.time{color:#666;clear:both;font-size:14px;}
.user{clear:both;}
.upic{float:left;width:70%;}
.upic img{float:left;height:50px;height:50px;border-radius:50px;margin-right:10px;}
.upic h2{font-weight:normal;color:#B043F1;}
.upic p{color:#999999;font-size:12px;padding-top:6px;}
.ulink{float:right;width:20%;text-align:center;}
.ulink a{display:block;padding:6px 12px;border:solid 1px #B043F1;color:#B043F1;border-radius:50px;}
.video{clear:both;margin-top:3.2vw;}
.video video{width:92vw;height:52vw;}
.text{color:#333;font-size:14px;line-height:28px;clear:both;overflow:hidden;}
.img{margin:3.2vw 0;width:98vw;display:flex;vertical-align:top;flex-wrap:wrap;overflow:hidden;}
.img img{border-radius:2.2vw;object-fit:cover;box-sizing:border-box;margin-bottom:1vw;margin-right:1vw;}
.one img{width:92vw;height:92vw;}
.two img{width:45vw;height:45vw;}
.three img{width:30vw;height:30vw;}
.tion {display:flex;gap:15px;}
.tion span{padding-left:28px;height:20px;margin-right:10px;font-size:12px;color:#666;}
.tion .comment{background:url(comment.png) no-repeat;}
.tion .like{background:url(like.png) no-repeat;}
.comnt{position:relative;margin-top:10px;}
.cpic{width:46px;position:absolute;left:0;top:0;}
.cpic img{height:46px;height:46px;border-radius:46px;}
.clist{margin-left:56px;overflow:hidden;}
.clist .utit h3{color:#B043F1;font-weight:normal;font-size:14px;}
.clist .utit h4{color:#666;font-weight:normal;font-size:14px;}
.clist .utit p{color:#666;}
.clist .ctxt{clear:both;line-height:20px;font-size:12px;padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #ddd;color:#666;}
.clist .ctxt img{width:20px;height:20px;vertical-align:middle;}
.comnt .clist video{width:76vw;height:40vw;}
.comnt .clist .one img{width:76vw;height:76vw;}
.comnt .clist .two img{width:38vw;height:38vw;}
.comnt .clist .three img{width:26vw;height:26vw;}
.open{position:fixed;z-index:99;bottom:5vw;left:5%;display:flex;justify-content:center;align-items:center;width:90%;height:10vw;border-radius:5vw;font-weight:700;font-size:4vw;text-align:center;background:#B043F1;}
.open a{color:#fff;display: block;width: 100%;padding: 30px 0;}
.blank{height:50px;}
.more{margin:10px auto;clear:both;font-size:14px;text-align:center;}