body{margin:0;padding:0;width:100%;height:100vh;background:#ededed;}
    
a {text-decoration: none}
*:focus {outline: none;}

input{height:30px;line-height:30px;padding:0 5px 0 5px;border:1px solid black;border-radius:5px;background:white;outline:none;}
input::placeholder{color: gray;}

select{width:auto;height:30px;line-height:30px;padding:0 5px 0 5px;border:1px solid black;border-radius:5px;background:white;outline:none;}


.wodec:hover{background:black;color:white;}
.wodec{width:100%;height:40px;line-height:40px;background:gold;font-size:13px;font-weight:bold;color:white;}

.wodeccl:hover{background:black;color:white;}
.wodeccl{font-size:20px;font-weight:bold;height:40px;line-height:40px;color:black;}

.djc:hover{background:black;color:white;}
.djc{width:100%;}

.ltc:hover{background:#e7e7e7;color:white;}
.ltc{margin:0 2px 0 2px;height:90px;margin-top:5px;background:#f3f3f3;border-radius:5px;}

.qr:hover{background:black;color:white;}
.qr{margin:0 30% 0 30%;height:35px;line-height:35px;font-size:14px;font-weight:bold;background:black;color:white;border:1px solid black;border-radius:50px;}

.djyy1:hover{background:grey;}
.djyy1{float:left;background:white;color:black;width:auto;height:40px;line-height:40px;border-radius:50px;text-align:center;font-size:14px;font-weight:bold;border:1px solid #F2F2F2;}

.djyy2:hover{background:grey;}
.djyy2{float:right;background:#3399FF;color:white;width:auto;height:40px;line-height:40px;border-radius:50px;text-align:center;font-size:14px;font-weight:bold;border:1px solid #F2F2F2;}

.zyclass{display:none;position:absolute;z-index:2;top:0;left:0;width:100%;height:100vh;background:white;}


/*登录*/
.dl{width:100%;height:100vh;overflow:hidden;background-size:cover;background-position: center center;}
.dlk1{position:absolute;top:100px;left:0px;right:0px;width:100%;height:auto;text-align:center;}
.dlk1_k1{width:100%;height:30px;line-height:30px;font-size:20px;font-weight:bold;color:black;}
.dlk1_k2{width:100%;height:30px;line-height:30px;font-size:14px;color:grey;}

.dlk2{margin-top:200px;width:100%;height:auto;text-align:center;}
.dlk2_k1{margin-top:20px;width:100%;height:40px;text-align: center;font-size:15px;font-weight:bold;}
.dlk2_k1_sr{text-align:left;padding:0 10px 0 10px;margin:0px 20% 0 20%;height:40px;line-height:40px;background:white;border:1px solid black;border-radius:5px;box-sizing:border-box;}
.dlk2_k2{margin:40px 0 0 0;width:100%;height:35px;font-size:13px;}
.dlk2_k2_nr1{width:10px;line-height:35px;border:1px solid black;border-radius:50px;font-size:11px;background:none;}
.dlk2_k3{margin:30px auto 0 auto;width:150px;height:40px;line-height:40px;background:#F7D23C;color:white;text-align:center;font-size:15px;border-radius:20px;border:1px solid black;cursor:pointer;}

.dlk2_k4{margin:50px 0 0 0;width:100%;height:30px;line-height: 30px;text-align:center;color:royalblue;font-size:16px;font-weight:bold;overflow: hidden;}
.dlk2_k4_k1{float:left;width:50%;height:30px;cursor:pointer;box-sizing:border-box;}
.dlk2_k4_br{border-right:1px solid black;}

/*注册*/
.zc{display:none;width:100%;height:100vh;overflow:auto;background:white;}
.zck1{position:absolute;top:100px;left:0px;right:0px;width:100%;height:30px;line-height:30px;font-size:20px;font-weight:bold;color:black;text-align:center;}
.zck2{margin-top:200px;width:100%;height:40px;text-align: center;font-size:15px;font-weight:bold;}
.zck3{margin-top:20px;width:100%;height:40px;text-align: center;font-size:15px;font-weight:bold;}
.zck3_sr{text-align:center;margin:0px 20% 0 20%;height:40px;line-height:40px;background:#e4e4e4;border:1px solid black;border-radius:50px;box-sizing:border-box;}
.zck4{margin:30px auto 0 auto;width:150px;height:40px;line-height:40px;background:royalblue;color:white;text-align:center;font-size:15px;border-radius:20px;cursor:pointer;}
.zck5{margin:30px auto 0 auto;width:150px;height:40px;line-height:40px;background:white;color:black;text-align:center;font-size:15px;border-radius:20px;border:1px solid black;cursor:pointer;}

.dlk2_k1_sr:hover,.zck3_sr:hover{border:2px solid royalblue;box-sizing:border-box;}
.dlk2_k1_sr:focus,.zck3_sr:focus{border:2px solid gold;box-sizing:border-box;}
.dlk2_k3:hover,.zck4:hover,.zck5:hover{background:rgba(0,0,0,0.8);color:white;}

/*主页*/
.index{position:relative;width:100%;height:100vh;background:#ededed;overflow:hidden;background:red;}
.irk{width:100%;height:100vh;overflow:auto;font-size:14px;background:#ededed;}
.daohang{position:fixed;z-index:2;bottom:0;left:0;overflow:hidden;width:100%;height:50px;text-align:center;background:#f4f4f4;font-size:9px;border-top:1px solid #ccc;box-sizing:border-box;}
.qtk{display:none;position:fixed;z-index:10;top:0;left:0;width:100%;height:100vh;overflow:auto;font-size:14px;background:white;}
.daohangk1{float:left;width:25%;height:40px;color:black;text-align:center;}
.daohangk1_k1{position:relative;width:100%;height:30px;}
.daohangk1_k1_nr{margin:0px 0 0px 0;width:30px;height:30px;}
.daohangk1_k2{width:100%;height:15px;line-height:15px;font-size:10px;font-weight:bold;}
.daohangk1_k3{position:absolute;top:5px;right:20%;width:auto;height:15px;line-height:15px;}

/*聊天列表*/
.chatlbk1{width:100%;height:40px;line-height:40px;background:#ededed;overflow:hidden;font-weight:500;text-align:center;}
.chatlbk1_nr1{position:fixed;top:10px;left:20px;width:20px;height:20px;}
.chatlbk2{width:100%;height:calc(100vh - 90px);font-size:14px;background:white;overflow:auto;}

/*聊天*/
.chatk1{width:100%;height:40px;line-height:40px;border-bottom:1px solid #D7D7D7;box-sizing:border-box;overflow:hidden;background:white;text-align:center;font-size:15px;font-weight:bold;}
.chatk1_k1{position:fixed;z-index:2;top:0px;left:0px;width:50px;height:40px;}
.chatk1_k2{}
.chatk1_k3{position:fixed;z-index:2;top:0px;right:0px;width:50px;height:40px;color:black;font-size:18px;font-weight:bold;line-height:40px;text-align: center;}

.chatk2{width:100%;height:calc(100vh - 90px);overflow:auto;background-size:100% 100%;}

.chatk3{position:fixed;bottom:0px;left:0px;z-index:2;width:100%;height:auto;background:#F2F2F2;border-top:1px solid #ccc; overflow:hidden;}
.jbsrk{width:100%;min-height:45px;overflow:hidden;}
.jbsrk_k1{float:left;width:10%;height:auto;line-height:40px;text-align:center;}
.jbsrk_k1_nr1{display:inline-block;font-size:25px;font-weight:bold;transition:transform 0.3s ease;}

.jbsrk_k2{float:left;width:70%;height:auto;text-align:center;font-size:14px;}
.jbsrk_k2_k1{display:block;position:fixed;z-index:1;bottom:0px;left:0px;width:100%;height:20px;overflow:hidden;opacity:0;}
.jxsrnr{display:block;position:fixed;z-index:5;top:200px;left:0px;padding:5px 10px 5px 10px;width:63%;height:20px;line-height:20px;border-radius:5px;outline:none;resize:none;background:none;border:1px solid black;}
.srnr{margin:5px 0px 5px 0px;padding:5px 10px 5px 10px;width:90%;height:20px;line-height:20px;border-radius:5px;outline:none;resize:none;background:white;border:1px solid #ccc;}

.jbsrk_k3{float:left;width:20%;height:auto;line-height:45px;font-size:15px;}
.qrfswz{margin:7px 5px 8px 5px;border-radius:10px;background:#F7D23C;height:30px;line-height:30px;text-align:center;color:white;}

.ewsrk{display:none;width:100%;height:auto;margin-bottom:20px;}
.ewsrk_k1{float:left;width:25%;height:60px;margin-top:10px;}
.ewsrk_k1_k1{width:100%;height:40px;text-align:center;}
.ewsrk_k1_k1_nr{width:40px;height:40px;border-radius:10px;}
.ewsrk_k1_k2{width:100%;height:20px;line-height:20px;text-align:center;font-size:11px;}

.szk{display:none;position:fixed;z-index:2;top:0;right:0px;width:100%;height:100vh;}
.szk_k1{width:100%;height:100%;}
.szk_k2{position:absolute;top:50px;right:10px;width:100px;height:auto;background:#000000;border-radius:5px;color:white;font-size:14px;font-weight:500;padding:0 10px 0 10px}
.szk_k2_k1{width:100%;height:50px;line-height:50px;overflow:hidden;text-align:center;}
.border_bottom{border-bottom:0.1px solid #e1e1e1;box-sizing:border-box;}

.yyth{display:none;position:fixed;z-index:5;top:0px;left:0px;width:100%;height:100vh;overflow:hidden;background:#333333;}
.yyth_k1{position:absolute;top:30px;left:0px;width:100%;height:30px;line-height:30px;text-align:center;color:white;font-size:15px;font-weight:bold;}
.yyth_k2{width:100%;height:300px;text-align:center;}
.yyth_k2_nr1{width:100px;height:100px;border-radius:10px;margin-top:150px;}
.yyth_k3{width:100%;height:30px;line-height:30px;text-align:center;color:white;font-size:11px;}
.yyth_k4{display:none;position:absolute;bottom:40px;right:10px;background:rgba(255,255,255,0.3);color:black;font-weight:bold;width:100px;height:40px;line-height:40px;text-align:Center;border-radius:20px;font-size:12px;}
.yyth_k5{position:absolute;bottom:40px;left:35%;right:35%;background:red;color:white;font-weight:bold;width:auto;height:30px;line-height:30px;text-align:Center;border-radius:20px;font-size:14px;}

.fstpk{display:none;position:fixed;z-index:5;top:0px;left:0px;width:100%;height:100vh;overflow:hidden;background:none;}
.fstpk1{width:100%;height:100%;background:rgba(0,0,0,0.8);}
.fstpk2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;border:2px solid black;border-radius:10px;background:white;}
.fstpk2_k1{width:100%;height:70vh;text-align:center;}
.fstpk2_k1_k1{width:100%;height:65vh;text-align:center;}
.fstpk2_k1_k2{width:100%;height:5vh;line-height:5vh;text-align:center;overflow:hidden;font-size:12px;}
.fstpk2_k2{position:absolute;top:0px;left:0%;right:0%;width:100%;height:66vh;text-align:center;color:white;font-size:11px;font-size:30px;}
.fstpk2_k2_nr1{width:100%;height:66vh;text-align:center;opacity:0;opacity:0;border:1px solid black;}
.fstpk2_k3{margin:1vh 0 3vh 0;width:100%;height:5vh;text-align:Center;font-size:14px;}
.fstpk2_k3_k1{float:left;width:40%;margin:0 5% 0 5%;height:5vh;line-height:5vh;background:#F7D23C;color:white;font-weight:bold;border:1px solid black;border-radius:10px;box-sizing:border-box;}
.fstpk2_k3_k2{float:left;width:40%;margin:0 5% 0 5%;height:5vh;line-height:5vh;background:white;color:black;font-weight:bold;border:1px solid black;border-radius:10px;box-sizing:border-box;}
.lhk{display:none;position:fixed;z-index:10;top:0;left:0;width:100%;height:100vh;font-size:14px;}
.lhk_k1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;border:2px solid black;border-radius:10px;background:white;}
.lhk_k1_k1{width:100%;height:40px;line-height:40px;text-align:center;}
.lhk_k1_k2{margin:10px 30% 0 30%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:black;color:white;}
.lhk_k1_k3{margin:20px 30% 20px 30%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:white;color:black;}
.lhk_k1_k2:hover,.lhk_k1_k3:hover{background:rgba(0,0,0,0.5);color:white;}
.fstpk2_k3_k1:hover,.qrfswz:hover{background:rgba(0,0,0,0.8);}


/*聊天记录*/
 .ltjlk{width:100%;height:100vh;overflow:hidden;background:#e8e8e8;}
.ltjlk_k1{width:100%;height:40px;line-height:40px;border-bottom:1px solid #D7D7D7;box-sizing:border-box;overflow:hidden;background:white;text-align:center;font-size:15px;font-weight:bold;}
.ltjlk_k1_k1{position:fixed;z-index:2;top:0px;left:0px;width:50px;height:40px;color:red;}
.ltjlk_k1_k2{width:100%;height:40px;text-align:center;font-size:14px;font-weight:bold;}
.ltjlk_k1_k2_nr1{line-height:35px;}
.ltjlk_k1_k2_nr2{margin-left:5px;line-height:35px;font-weight:normal;}
.ltjlk_k1_k2_nr3{margin-left:5px;line-height:35px;font-weight:normal;}
.ltjlnr{width:100%;height:calc(100vh - 40px);overflow:auto;}


/*群聊*/
.qlk{width:100%;height:100vh;overflow:hidden;font-size:14px;background:#ededed;}
.qlk_k1{width:100%;height:40px;line-height:40px;background:#ededed;overflow:hidden;font-weight:500;text-align:center;}
.qlk_k1_k1{position:fixed;z-index:2;top:0px;left:0px;width:50px;height:40px;line-height:40px;font-size:15px;color:black;}
.qllb{width:100%;height:calc(100vh - 40px);overflow:auto;}


/*群聊资料*/
.qzlk{width:100%;height:100vh;overflow-y:auto;overflow-x:hidden;background:#e8e8e8;font-size:14px;}

.qzlk_k1{width:100%;height:auto;z-index:2;top:0px;position:fixed;overflow:hidden;background:white;border-bottom:1px solid #ccc;text-align:center;}
.qzlk_k1_k1{position:fixed;z-index:2;top:0px;left:0px;width:50px;height:40px;line-height:40px;font-size:15px;color:black;}
.qzlk_k1_nr1{line-height:40px;font-weight:bold;}
.qzlk_k1_nr2{line-height:40px;}

.qzlk_k2{margin-top:45px;width:100%;height:auto;overflow:hidden;background:white;}

.qzlk_k3{display:none;margin-top:5px;width:100%;height:40px;line-height:40px;overflow:hidden;text-align:left;background:white;}
.qzlk_k3_k1{float:left;width:25%;height:40px;text-align:center;}
.qzlk_k3_k2{float:left;width:65%;height:40px;box-sizing:border-box;}
.qzlk_k3_k3{float:left;width:10%;height:40px;text-align:right;line-height:40px;box-sizing:border-box;}
.qzlk_k3_k3_nr1{margin-right:15px;color:grey;font-weight:bold;font-size:13px;}

.qzlk_k6{margin-top:5px;width:100%;height:70px;line-height:70px;overflow:hidden;background:white;}
.qzlk_k6_k1{width:100%;height:30px;line-height:30px;overflow:hidden;}
.qzlk_k6_k1_k1{float:left;width:25%;height:30px;text-align:center;}
.qzlk_k6_k1_k2{float:left;width:65%;height:30px;}
.qzlk_k6_k1_k3{float:left;width:10%;height:30px;text-align:right;line-height:40px;}
.qzlk_k6_k2{margin:0 8% 0 8%;height:40px;line-height:20px;font-size:12px;color:grey;overflow:hidden;}

.qzlk_k7{display:none;margin-top:5px;width:100%;height:40px;line-height:40px;overflow:hidden;background:white;text-align:center;color:red;}
.qzlk_k8{display:none;margin-top:5px;width:100%;height:40px;line-height:40px;overflow:hidden;background:white;text-align:center;color:red;}



.qsqk{display:none;position:fixed;z-index:3;top:0px;left:0px;width:100%;height:100vh;font-size:14px;overflow:hidden;background:#ededed;}
.qsqk_k1{position:fixed;z-index:3;top:0px;left:0px;width:50px;height:40px;line-height:40px;font-size:15px;color:black;text-align:center;}
.qsqk_k2{width:100%;height:40px;line-height:40px;background:#ededed;text-align:center;font-size:14px;font-weight:bold;}
.qsqk_k3{width:100%;height:calc(100vh - 40px);overflow:auto;}

.zscyk{display:none;position:fixed;z-index:3;top:0;left:0;width:100%;height:100vh;font-size:14px;}
.zscyk_k1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;border:2px solid black;border-radius:10px;background:white;}
.zscyk_k1_k1{width:100%;height:40px;line-height:40px;text-align:center;}
.zscyk_k1_k2{margin:10px 20% 0 20%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:#00c080;color:white;}
.zscyk_k1_k3{margin:10px 20% 0 20%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:#00002e;color:white;}
.zscyk_k1_k4{margin:20px 30% 20px 30%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:white;color:black;}

.qcyk{display:none;position:fixed;z-index:4;top:0;left:0;width:100%;height:100vh;font-size:14px;background:#ededed;}
.qcyk_k1{position:fixed;z-index:4;top:0px;left:0px;width:50px;height:40px;line-height:40px;text-align:center;font-size:15px;font-weight:bold;}
.qcyk_k2{width:100%;height:40px;line-height:40px;color:black;text-align:Center;font-size:14px;font-weight:bold;}
.qcyk_k3{width:100%;height:calc(100vh - 40px);overflow:auto;}


.xgqmk{display:none;position:fixed;z-index:6;top:0;left:0;width:100%;height:100vh;font-size:14px;}
.xgqmk_k1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;border:2px solid black;border-radius:10px;background:white;}
.xgqmk_k1_k1{width:100%;height:40px;line-height:40px;text-align:center;font-size:15px;font-weight:bold;}
.xgqmk_k1_k2{width:100%;height:40px;line-height:40px;text-align:center;}
.xgqmk_k1_k3{margin:10px 35% 0 35%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:#00c080;color:white;}
.xgqmk_k1_k4{margin:20px 35% 20px 35%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:white;color:black;}

.qggk{display:none;position:fixed;z-index:6;top:0;left:0;width:100%;height:100vh;font-size:14px;}
.qggk_k1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;border:2px solid black;border-radius:10px;background:white;text-align:center;}
.qggk_k1_k1{width:100%;height:40px;line-height:40px;font-size:15px;font-weight:bold;}
.qggk_k1_k2{resize:none;width:90%;padding:5px;height:100px;line-height:20px;text-align:left;border:1px solid black;border-radius:5px;outline:none;}
.qggk_k1_k3{display:none;margin:10px 20% 0 20%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:black;color:white;}
.qggk_k1_k4{display:none;margin:10px 20% 0 20%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:#00c080;color:white;}
.qggk_k1_k5{margin:20px 35% 20px 35%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:white;color:black;}

.qtck{display:none;position:fixed;z-index:10;top:0;left:0;width:100%;height:100vh;font-size:14px;}
.qtck_k1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;border:2px solid black;border-radius:10px;background:white;}
.qtck_k1_k1{width:100%;height:40px;line-height:40px;text-align:center;}
.qtck_k1_k2{margin:10px 20% 0 20%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:black;color:white;}
.qtck_k1_k3{margin:20px 20% 20px 20%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:white;color:black;}

.qjsk{display:none;position:fixed;z-index:10;top:0;left:0;width:100%;height:100vh;font-size:14px;}
.qjsk_k1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;border:2px solid black;border-radius:10px;background:white;}
.qjsk_k1_k1{width:100%;height:40px;line-height:40px;text-align:center;}
.qjsk_k1_k2{margin:10px 20% 0 20%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:black;color:white;}
.qjsk_k1_k3{margin:20px 20% 20px 20%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:white;color:black;}


/*发现*/
.findk1{width:100%;height:40px;line-height:40px;background:#ededed;overflow:hidden;font-weight:500;text-align:center;}
.findk2{width:100%;height:calc(100vh - 85px);font-size:14px;overflow:auto;background:#ededed;}
.findk2_k1{width:100%;height:50px;overflow:hidden;background:white;}
.findk2_k1_k1{float:left;width:15%;height:50px;text-align:center;}
.findk2_k1_k1_nr{width:20px;height:20px;margin-top:10px;border-radius:10px;}
.findk2_k1_k2{float:left;width:75%;height:50px;line-height:50px;font-size:13px;}
.findk2_k1_k2_nr1{margin-left:0px;font-size:14px;}
.findk2_k1_k2_nr2{margin-left:10px;color:red;}
.findk2_k1_k3{float:left;width:10%;height:50px;text-align:right;line-height:50px;}
.findk2_k1_k3_nr1{margin-right:15px;color:grey;font-weight:bold;font-size:13px;}

/*朋友*/
.friend_k1{width:100%;height:40px;line-height:40px;background:#ededed;overflow:hidden;font-weight:500;text-align:center;}

.friend_k2{width:100%;height:calc(100vh - 90px);font-size:14px;overflow:auto;background:#ededed;}
.friend_k2_k1{width:100%;height:50px;overflow:hidden;background:white;}
.friend_k2_k1_k1{float:left;width:20%;height:50px;text-align:center;}
.friend_k2_k1_k1_nr1{width:30px;height:30px;margin-top:10px;border-radius:10px;}
.friend_k2_k1_k2{float:left;width:70%;height:50px;line-height:50px;font-size:13px;border-bottom:0.1px solid #e1e1e1;box-sizing:border-box;}
.friend_k2_k1_k2_k1{margin-left:0px;font-size:14px;}
.friend_k2_k1_k2_k2{margin-left:10px;color:red;}
.friend_k2_k1_k3{float:left;width:10%;height:50px;text-align:right;line-height:50px;border-bottom:0.1px solid #e1e1e1;box-sizing:border-box;}
.friend_k2_k1_k3_nr{margin-right:15px;color:grey;font-weight:bold;font-size:13px;}

.friend_k3{position:fixed;z-index:2;top:0;left:0;width:100%;height:calc(100vh - 0px);overflow:hidden;font-size:14px;background:#ededed;}
.friend_k3_k1{width:100%;height:40px;line-height:40px;background:#ededed;overflow:hidden;font-weight:500;text-align:center;}
.friend_k3_k1_k1{position:fixed;z-index:2;top:0px;left:0px;width:50px;height:40px;line-height:40px;font-size:15px;color:black;}
.friend_k3_k2{width:100%;height:calc(100vh - 80px);overflow:auto;}
.friend_k3_k3{width:100%;height:40px;line-height:40px;overflow:hidden;background:#1F55B5;text-align:center;color:white;}
.friend_k3_k4{display:block;position:fixed;z-index:6;top:0;left:0;width:100%;height:100vh;font-size:14px;}
.friend_k3_k4_k1{width:100%;height:100%;background:rgba(0,0,0,0.5);}
.friend_k3_k4_k2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;border-radius:10px;background:white;}
.friend_k3_k4_k2_k1{width:100%;height:40px;line-height:40px;text-align:center;font-size:15px;font-weight:bold;}
.friend_k3_k4_k2_k2{width:100%;height:40px;line-height:40px;text-align:center;}
.friend_k3_k4_k2_k3{margin:20px 35% 20px 35%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:#00c080;color:white;}
.friend_k3_k4_k2_k3:hover{background:rgba(0,0,0,0.5);color:white;}


/*好友申请*/
.hysqk{width:100%;height:100vh;overflow:hidden;font-size:14px;background:#ededed;}
.hysqk_k1{width:100%;height:40px;line-height:40px;background:#ededed;overflow:hidden;font-weight:500;text-align:center;}
.hysqk_k1_k1{position:fixed;z-index:2;top:0px;left:0px;width:50px;height:40px;line-height:40px;font-size:15px;color:black;}
.hysqk_k2{width:100%;height:calc(100vh - 40px);overflow:auto;}


/*用户资料*/
.yhzlk{width:100%;height:100vh;overflow:auto;background:white;}
.yhzlk_k1{position:fixed;z-index:2;top:0px;left:0px;width:50px;height:40px;line-height:40px;text-align:center;font-size:15px;color:black;}
.yhzlk_k2{width:100%;height:250px;}
.yhzlk_k3{width:100%;height:80px;overflow:hidden;border-bottom:1px solid #e2e2e2;}
.yhzlk_k3_k1{float:left;width:30%;height:80px;text-align:center;}
.yhzlk_k3_k_nr1{width:70px;height:70px;margin-top:5px;border-radius:10px;}
.yhzlk_k3_k2{float:left;width:70%;height:80px;text-align:left;}
.yhzlk_k3_k2_nr1{width:100%;height:80px;line-height:80px;}
.yhzlk_k4{margin:30px 30px 0px 30px;height:auto;color:grey;}
.yhzlk_k4_k1{width:100%;height:40px;line-height:30px;color:black;font-weight:bold;}
.yhzlk_k4_k2{margin:10px 0 0 10px;width:100%;height:30px;line-height:30px;}
.yhzlk_k4_k3{margin-top:20px;width:100%;height:40px;line-height:30px;color:black;font-weight:bold;}
.yhzlk_k4_k4{display:none;margin:15px 0 10px 0;width:100%;height:40px;line-height:40px;text-align:center;font-size:14px;color:black;border:1px solid black;border-radius:10px;}
.yhzlk_k5{position:fixed;z-index:2;bottom:0px;left:0px;width:100%;height:50px;text-align:center;border-top:1px solid #ccc;background:white;font-size:14px;}
.yhzlk_k5_k1{display:none;width:100%;height:50px;}
.yhzlk_k5_k1_k1{margin:8px 20% 7px 20%;height:35px;line-height:35px;background:#F7D23C;border-radius:50px;color:white;}
.yhzlk_k5_k2{display:none;width:100%;height:50px;}
.yhzlk_k5_k2_k1{margin:8px 20% 7px 20%;height:35px;line-height:35px;background:#00008c;border-radius:50px;color:white;}


/*搜索*/
.ssk{width:100%;height:100vh;overflow:auto;font-size:14px;background:#ededed;}
.ssk_k1{margin:5px 0px 0 0px;height:35px;text-align:center;font-size:14px;font-weight:bold;overflow:hidden;}
.ssk_k1_k1{float:left;margin-left:5px;width:calc(100% - 55px);height:35px;}
.ssk_k1_k1_k1{display: flex;align-items: center;justify-content: space-between; height: 35px;background:white;border-radius:5px;}
.ssk_k1_k1_k1_nr1{width:25px;height:25px;margin:5px;}
.ssk_k1_k1_k1_nr2{width:90%;paddding:0px 5px 0 5px;border:none;background:none;}
.ssk_k1_k1_k1_nr3{line-height:35px;font-size:15px;font-weight:bold;margin-right:10px;}
.ssk_k1_k2{float:left;width:50px;height:35px;line-height:35px;text-align:center;}
.ssk_k2{width:100%;height:calc(100vh - 40px);overflow:hidden;}
.ssk_k2_k1{margin:5px 0 5px 0;width:100%;height:30px;overflow:hidden;}
.ssk_k2_k1_k1{float:left;margin:0 2% 0 2%;width:20%;height:30px;line-height:30px;background:white;border-radius:5px;text-align:center;}
.ssk_k2_k1_k2{float:left;margin:0 2% 0 2%;width:20%;height:30px;line-height:30px;background:white;border-radius:5px;text-align:center;}
.ssk_k2_k2{width:100%;height:calc(100vh - 80px);overflow:auto;}


/*朋友圈*/
.pyqkk{width:100%;height:100vh;overflow:hidden;background:white;}
.pyqkk_k1{position:fixed;z-index:3;top:0px;left:0px;width:50px;height:40px;line-height:40px;text-align:center;font-size:15px;font-weight:bold;}
.pyqkk_k2{opacity:0;position:fixed;z-index:2;top:0px;left:0px;width:100%;height:40px;overflow:hidden;line-height:40px;text-align:center;font-size:16px;font-weight:600;background:#ededed;}
.pyqkk_k3{position:fixed;z-index:2;top:5px;right:10px;overflow:hidden;width:40px;height:30px;line-height:32px;font-size:13px;font-weight:bold;text-align:center;background:#F7D23C;border-radius:10px;color:white;}
.pyqkk_k4{/*position:fixed;z-index:1;top:0px;left:0px;*/width:100%;height:100vh;overflow:auto;background:white;}
.pyqkk_k4_k1{position:relative;width:100%;height:300px;}
.pyqkk_k4_k1_k1{width:100%;height:100%;background-size: 100% 100%;border:none;}
.pyqkk_k4_k1_k2{position:absolute;top:250px;right:20px;width:80px;height:80px;text-align:center;}
.pyqkk_k4_k2{width:100%;margin:40px 0 0px 0;background:none;}
.pyqkk_k4_k2_k1{display:none;margin:5px 20% 5px 20%;height:40px;line-height:40px;text-align:center;border:1px solid black;border-radius:5px;box-sizing:border-box;background:black;color:white;font-size:14px;}


.fbk{display:none;z-index:8;top:0%;left:0%;right:0%;position:fixed; overflow:hidden;width:100%;height:100vh;text-align:center;}
.fbk_k1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;background:#f3f3f3;border-radius:20px;border:3px solid black;}
.fbk_k1_k1{margin:20px 0 0 0;width:100%;height:auto;text-align:center;}
.fbk_k1_k1_k1{resize:none;width:90%;font-size:14px;background:white;border:1px solid black;border-radius:5px;padding:3px;outline:none;}
.fbk_k1_k2{width:100%;height:30px;line-height:30px;font-size:11px;text-align:center;}
.fbk_k1_k3{position:relative;width:100%;height:30px;}
.fbk_k1_k3_k1{position:absolute;top:0px;left:35%;right:35%;width:30%;height:30px;opacity:0;}
.fbk_k1_k3_k2{margin:0 35% 0 35%;height:30px;line-height:30px;border:1px solid black;box-sizing:border-box;border-radius:10px;background:white;font-size:13px;}
.fbk_k1_k4{display: flex;flex-wrap: wrap;justify-content: center;height:auto;}
.fbk_k1_k5{margin:20px 0 20px 0;width:100%;height:35px;overflow:hidden;font-size:14px;}
.fbk_k1_k5_k1{float:left;margin:0 5% 0 5%;width:40%;border-radius:5px;height:35px;line-height:35px;background:#F7D23C;border:1px solid black;border-radius:10px;box-sizing:border-box;color:white;}
.fbk_k1_k5_k2{float:left;margin:0 5% 0 5%;width:40%;border-radius:5px;height:35px;line-height:35px;background:white;border:1px solid black;border-radius:10px;box-sizing:border-box;color:black;}

.bjk{display:none;z-index:8;top:0%;left:0%;right:0%;width:100%;height:100vh;position:fixed; overflow:hidden;}
.bjk_k1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;border-radius:5px;height:auto;font-size:13px;font-weight:bold;text-align:right;background:#ffffff;border-radius:10px;color:black;border:3px solid black;}
.bjk_k1_k1{width:100%;height:30px;line-height:30px;font-size:11px;text-align:center;}
.bjk_k1_k2{position:relative;width:100%;height:30px;}
.bjk_k1_k2_k1{position:absolute;top:0px;left:35%;right:35%;width:30%;height:30px;opacity:0;}
.bjk_k1_k2_k2{margin:0 35% 0 35%;height:30px;line-height:30px;border:1px solid black;box-sizing:border-box;border-radius:10px;background:white;font-size:13px;text-align:center;}
.bjk_k1_k3{display: flex;flex-wrap: wrap;justify-content: center;height:auto;}
.bjk_k1_k4{width:100%;height:40px;text-align:center;margin-top:10px;margin-bottom:20px;}
.bjk_k1_k4_k1{float:left;margin:0px 10% 0 10%;width:30%;height:35px;line-height:35px;text-align:center;border:1px solid black;box-sizing:border-box;border-radius:10px;background:#00c080;color:white;}
.bjk_k1_k4_k2{display:none;float:left;margin:0px 10% 0 10%;width:30%;height:35px;line-height:35px;text-align:center;border:1px solid black;box-sizing:border-box;border-radius:10px;background:gold;color:white;}
.bjk_k1_k4_k3{float:left;margin:0px 10% 0 10%;width:30%;height:35px;line-height:35px;text-align:center;border:1px solid black;box-sizing:border-box;border-radius:10px;background:white;color:black;}

.dzplk{display:none;position:fixed;z-index:6;top:0;right:0px;width:100%;height:100vh;}

.plk_k2_k2_k1{resize:none;width:92%;border:1px solid black;border-radius:10px;padding:5px;font-size:14px;background:white;outline:none;}
.dzplk_k1{width:100%;height:100%;}
.dzplk_k2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:auto;background:#000000;border-radius:10px;color:white;font-size:14px;font-weight:500;}
.dzplk_k2_k1{display:none;width:100%;height:50px;}
.dzplk_k2_k2{display:none;width:100%;height:50px;}
.dzplk_k2_k3{width:100%;height:50px;}
.dzplk_k2_k4{display:none;width:100%;height:50px;}

.plk{display:none;position:fixed; z-index:6;top:0%;left:0%;right:0%;width:100%;height:100vh;overflow:hidden;}
.plk_k1{width:100%;height:100%;background:rgba(0,0,0,0.5);}
.plk_k2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;border:2px solid black;border-radius:15px;background:#f4f4f4;text-align:center;}
.plk_k2_k1{width:100%;height:40px;line-height:40px;font-size:15px;font-weight:bold;text-align:left;}
.plk_k2_k2{width:100%;height:auto;}
.plk_k2_k3{margin:20px 0 20px 0;width:100%;height:35px;overflow:hidden;font-size:14px;}
.plk_k2_k3_k1{float:left;margin:0 5% 0 5%;width:40%;border-radius:5px;height:35px;line-height:35px;background:#1F55B5;border:1px solid black;border-radius:10px;box-sizing:border-box;color:white;}
.plk_k2_k3_k2{float:left;margin:0 5% 0 5%;width:40%;border-radius:5px;height:35px;line-height:35px;background:white;border:1px solid black;border-radius:10px;box-sizing:border-box;color:black;}
.pyqxgplk{display:none;position:fixed; z-index:3;top:0%;left:0%;right:0%;width:100%;height:100vh;overflow:hidden;background:#ededed;}
.pyqxgplk_k1{width:100%;height:40px;line-height:40px;background:#ededed;overflow:hidden;font-weight:500;text-align:center;}
.pyqxgplk_k1_k1{position:fixed;z-index:4;top:0px;left:0px;width:50px;height:40px;line-height:40px;font-size:15px;color:black;}
.pyqxgplk_k2{width:100%;height:calc(100vh - 40px);overflow:auto;}
.pyqdgdxkk{position:fixed;z-index:3;top:0px;left:0px;width:100%;height:100vh;overflow:hidden;background:white;}

.pyqdgnrk{position:fixed;z-index:4;top:0px;left:0px;width:100%;height:100vh;overflow:auto;background:white;}
.pyqdgnrk_k1{position:fixed;z-index:5;top:0px;left:0px;width:50px;height:40px;line-height:40px;text-align:center;font-size:15px;font-weight:bold;}
.pyqdgnrk_k2{position:fixed;z-index:4;top:0px;left:0px;width:100%;height:40px;line-height:40px;text-align:center;font-size:16px;overflow:hidden;font-weight:600;background:rgba(0,0,0,0.2);color:white;}
.pyqdgnrk_k3{margin:70px 0px 20px 0px;height:85vh;}

.pyqdgdxkk_k1{position:fixed;z-index:4;top:0px;left:0px;width:50px;height:40px;line-height:40px;text-align:center;font-size:15px;font-weight:bold;color:white;}
.pyqdgdxkk_k2{position:fixed;z-index:3;top:0px;left:0px;width:100%;height:40px;line-height:40px;text-align:center;font-size:15px;overflow:hidden;font-weight:600;background:rgba(0,0,0,0.2);color:white;}
.pyqdgdxkk_k3{position:fixed;z-index:2;top:0px;left:0px;width:100%;height:100vh;overflow:auto;background:white;}

.pyqdgdxkk_k3_k1{position:relative;width:100%;height:300px;}
.pyqdgdxkk_k3_k1_k1{width:100%;height:100%;background-size: 100% 100%;border:none;}
.pyqdgdxkk_k3_k1_k2{position:absolute;top:250px;left:20px;width:80px;height:80px;text-align:center;}
.pyqdgdxkk_k3_k2{margin:70px 10px 20px 10px;height:auto;}

.pyqkk_k4_k1_k2_nr1{width:80px;height:80px;border:4px solid white;border-radius:50%;}
.dzplk_k2_k1_k1{float:left;width:30%;height:50px;text-align:center;}
.dzplk_k2_k1_k1_nr1{width:30px;height:30px;margin:10px 0 10px 0;border-radius:50%;}
.dzplk_k2_k1_k2{float:left;width:70%;height:50px;line-height:50px;overflow:hidden;text-align:center;}
.dzplk_k2_k1_k2_bb{border-bottom:0.1px solid #e1e1e1;box-sizing:border-box;}
.pyqdgdxkk_k3_k1_k2_nr{width:80px;height:80px;border:4px solid white;border-radius:10px;}


/*我的*/	
.my{width:100%;height:calc(100vh - 45px);overflow:hidden;}
.my_k1{width:100%;height:200px;background:white;text-align:center;}
.my_k2{margin:10px 0px 60px 0px;height:auto;font-size:14px;}
.fwk{position:fixed;z-index:2;top:0;left:0;width:100%;height:calc(100vh - 45px);overflow:hidden;font-size:14px;background:#ededed;}
.fwk_k1{width:100%;height:40px;line-height:40px;background:#ededed;overflow:hidden;font-weight:500;text-align:center;}
.fwk_k1_k1{position:fixed;z-index:2;top:0px;left:0px;width:50px;height:40px;line-height:40px;font-size:15px;color:black;}
.fwk_k2{margin:0 10px 0 10px;height:calc(100vh - 40px);overflow:auto;}
.fwk_k2_k1{margin:0 0px 0 0px;height:120px;border-radius:5px;background:#2AAD67;color:white;font-size:14px;text-align:center;overflow:hidden;}
.fwk_k2_k2{margin-top:10px;width:100%;height:120px;border-radius:5px;background:white;color:white;font-size:15px;text-align:center;overflow:hidden;}

.qrtck{display:none;position:fixed;z-index:3;top:0px;left:0px;right:0px;width:100%;height:100vh;font-size:14px;}
.qrtck_k1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;border:2px solid black;border-radius:10px;background:white;}
.qrtck_k1_k1{width:100%;height:40px;line-height:40px;text-align:center;}
.qrtck_k1_k2{margin:10px 20% 0 20%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:black;color:white;}
.qrtck_k1_k3{margin:20px 20% 20px 20%;height:40px;line-height:40px;text-align:center;border-radius:10px;border:1px solid black;background:white;color:black;}

.xgmmk{display:none;position:fixed;z-index:3;top:0px;left:0px;width:100%;height:100vh;}
.xgmmk_k1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;background:white;border-radius:10px;border:2px solid black;font-size:14px;}
.xgmmk_k1_k1{margin:20px 0 0px 0;width:100%;height:40px;line-height:40px;text-align:center;}
.xgmmk_k1_k2{margin:10px 0 0px 0;width:100%;height:40px;line-height:40px;text-align:center;}
.xgmmk_k1_k3{margin:20px 30% 20px 30%;height:35px;border:1px solid black;line-height:35px;text-align:center;font-size:14px;color:white;background:#00c080;border-radius:10px;}
.xgmmk_k1_k4{margin:20px 30% 20px 30%;height:35px;border:1px solid black;line-height:35px;text-align:center;font-size:14px;color:black;background:white;border-radius:10px;}

.jfczk{display:none;position:fixed;z-index:3;top:0px;left:0px;width:100%;height:100vh;}
.jfczk_k1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;background:white;border-radius:10px;border:2px solid black;font-size:14px;}
.jfczk_k1_k1{margin:20px 0 0px 0;width:100%;height:40px;line-height:40px;text-align:center;}
.jfczk_k1_k2{margin:20px 30% 20px 30%;height:35px;border:1px solid black;line-height:35px;text-align:center;font-size:14px;color:white;background:#00c080;border-radius:10px;}
.jfczk_k1_k3{margin:20px 30% 20px 30%;height:35px;border:1px solid black;line-height:35px;text-align:center;font-size:14px;color:black;background:white;border-radius:10px;}


.my_k1_k1{width:100%;height:auto;}
.my_k1_k2{width:100%;height:30px;line-height:30px;font-size:17px;}
.my_k1_k3{width:100%;height:40px;font-size:12px;color:grey;overflow:hidden;}
.my_k1_k1_nr1{margin-top:20px;width:100px;height:100px;border-radius:10px;}
.my_k2_k1{width:100%;height:50px;overflow:hidden;background:white;}
.my_k2_k1_k1{float:left;width:15%;height:50px;text-align:center;}
.my_k2_k1_k2{float:left;width:75%;height:50px;line-height:50px;}
.my_k2_k1_k3{float:left;width:10%;height:50px;text-align:right;line-height:50px;}
.my_k2_k1_k3_bb{border-bottom:1px solid #ccc;box-sizing:border-box;}