@-webkit-keyframes fadeInLeft{
    0%{ opacity:0; -webkit-transform:translateX(-1rem) }
    100%{ opacity:1; -webkit-transform:translateX(0) }
}
@-moz-keyframes fadeInLeft{
    0%{ opacity:0; -moz-transform:translateX(-1rem) }
    100%{ opacity:1; -moz-transform:translateX(0) }
}
@-webkit-keyframes rotation{
    from{ -webkit-transform:rotate(0deg) }
    to{ -webkit-transform:rotate(359deg) }
}
@keyframes rotation{
    from{ -webkit-transform:rotate(0deg); transform:rotate(0deg) }
    to{ -webkit-transform:rotate(359deg); transform:rotate(359deg) }
}
@-webkit-keyframes fadeInTop{
    0%{ opacity:0; -webkit-transform:translateY(-1rem) }
    100%{ opacity:1; -webkit-transform:translateY(0) }
}
@-moz-keyframes fadeInTop{
    0%{ opacity:0; -moz-transform:translateY(-1rem) }
    100%{ opacity:1; -moz-transform:translateY(0) }
}
@-webkit-keyframes fadeInBottom{
    0%{ opacity:1; -webkit-transform:translateY(0) }
    100%{ opacity:0; -webkit-transform:translateY(1rem) }
}
@-moz-keyframes fadeInBottom{
    0%{ opacity:1; -moz-transform:translateY(0) }
    100%{ opacity:0; -moz-transform:translateY(1rem) }
}
.fadeInLeft{ -webkit-animation:fadeInLeft .2s .1s ease both; -moz-animation:fadeInLeft .2s .1s ease both }
.fadeInTop{ -webkit-animation:fadeInTop .2s .1s ease both; -moz-animation:fadeInLeft .2s .1s ease both }
.fadeInBottom{ -webkit-animation:fadeInBottom .2s .1s ease both; -moz-animation:fadeInBottom .2s .1s ease both }
.loading{ height:2rem; width:2rem; display:block; z-index:99999; -webkit-animation:rotation .6s infinite linear; animation:rotation .6s infinite linear; border-left:.2rem solid rgba(255, 255, 255, .25); border-right:.2rem solid rgba(255, 255, 255, .25); border-bottom:.2rem solid rgba(255, 255, 255, .25); border-top:.2rem solid rgba(255, 255, 255, .85); border-radius:100%; margin:0 auto }
.loading1{ height:1rem; width:1rem; display:block; z-index:99999; -webkit-animation:rotation .6s infinite linear; animation:rotation .6s infinite linear; border-left:.1rem solid rgba(100, 100, 100, .25); border-right:.1rem solid rgba(100, 100, 100, .25); border-bottom:.1rem solid rgba(100, 100, 100, .25); border-top:.1rem solid rgba(100, 100, 100, .85); border-radius:100%; margin:.5rem auto }
.w80{ width:80% }
.w60{ width:60% }
.w200{ width:11rem }
.mt10{ margin-top:.5rem }
.ajw{ display:-webkit-box; display:box; display:-moz-box }
.aji{ -webkit-box-flex:1; -moz-box-flex:1; box-flex:1; display:block; text-align:left }
.warp{ margin-bottom:.5rem }
.avatar_tip{ padding-top:3.1rem; padding-left:5rem }
.avatar{ position:relative; margin:.75rem 0 0 0 }
.avatar_middle, .avatar_big, .avatar_small{ border-radius:50% }
.avatar_small{ width:1.75rem; height:1.75rem }
.avatar_middle{ width:2.5rem; height:2.5rem }
.avatar_big{ width:4rem; height:4rem; border:.1rem solid #FFF; box-shadow:0 .05rem .1rem rgba(0, 0, 0, .2) }
.gender{ width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; border-radius:1rem }
.gender1, .gender_current:first-child{ color:#FFF !important; background:#7BA0DD !important }
.gender2, .gender_current:nth-child(2){ color:#FFF !important; background:#FF8EE4 !important }
.gender_current:nth-child(3){ color:#FFF !important; background:darkgrey !important }
.gender1, .gender2{ display:none }
.divbtn{ padding:0 .5rem; margin:.75rem 0 }
.sec{ font-size:.875rem; -webkit-border-radius:.15rem; border-radius:.15rem; -webkit-box-shadow:0 .05rem .1rem rgba(0, 0, 0, .2); box-shadow:0 .05rem .1rem rgba(0, 0, 0, .2); background:#FFF; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:.25rem 0 }
.sec tr{ border-bottom:.05rem solid #F1F1F1 }
.sec tr:last-child{ border:0 }
.sec td{ height:2.5rem; padding:.1rem 0 .1rem .5rem }
.header{ min-height:5rem; display:block; background-repeat:no-repeat; background-size:cover; background-position:center center; overflow:hidden }
.changeavatar{ background:#7BA0DD; width:2.35rem; height:2.35rem; line-height:1.4rem; right:0; bottom:0; text-align:center; position:absolute; color:#FFF; border-radius:50% }
.input:focus, textarea:focus, select:focus{ outline:0; background-color:#FFFBDE }
.input{ height:.9rem }
.input, textarea, select{ padding:.9rem .25rem; font-size:100%; line-height:.9rem; background-color:#FFF; border-radius:.05rem; vertical-align:middle; margin:0; font-family:inherit; color:#246183; border:0 solid #F2F3F7; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
select{ height:2.1rem; padding:0; width:3.5rem; appearance:none; -moz-appearance:none; -webkit-appearance:none }
.ps:nth-child(4){ display:none }
.share_ok{ position:fixed; top:50%; left:50%; margin:-3.5rem 0 0 -5.5rem; width:10rem; height:3rem; background:rgba(0, 0, 0, 0.7); z-index:9999991; color:#FFF; border-radius:.25rem; text-align:center; display:none; padding:0 .5rem }
.avatar_upload{ filter:alpha(opacity=0); opacity:0; position:absolute; top:0; left:0; right:0; bottom:0 }
.home-return{ position:absolute; font-size:.938rem; color:#FFF; font-weight:700; padding:.5rem; z-index:9; outline:0 }
.blur1{ -webkit-filter:blur(.5rem); -moz-filter:blur(.5rem); -ms-filter:blur(.5rem); filter:blur(.5rem) }
#xg_box{ position:absolute; z-index:19999; left:0; top:0; right:0; background-color:rgba(0, 0, 0, .5); display:none; height:100% }
#xg_box_title{ height:1.5rem; line-height:1.5rem; font-size:.7rem; color:#666; margin:.5rem .5rem 0 .5rem; overflow:hidden }
#xg_box_content{ margin:.5rem .5rem 0 .5rem; padding-bottom:.5rem }
#xg_box_content label{ color:#666 }
.btn_default, .btn2{ display:inline-block; background:#F1F3F6 -webkit-gradient(linear, 0 0, 0 100%, from(#F3F5F8), to(#ECEEF0)); box-shadow:inset 0 0 .05rem rgba(0, 0, 0, .08); border-radius:.1rem; color:#262626; text-align:center; border:0; line-height:1.75rem; padding:0 .5rem; outline:0 }
.btn2:active{ background:lightgrey; outline:0 }
.btn_default{ color:#FFF; background:#297EE6 -webkit-gradient(linear, 0 0, 0 100%, from(#2B83EF), to(#2677DB)) }
.btn_default:active{ background:#2677DB; outline:0 }
.btn1{ position:relative; color:rgba(255, 255, 255, 1); text-decoration:none; background:#297EE6 -webkit-gradient(linear, 0 0, 0 100%, from(#2B83EF), to(#2677DB)); font-size:1.5em; padding:.25rem; -webkit-border-radius:.1rem; -moz-border-radius:.1rem; border-radius:.1rem; text-align:center; border:0; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease; width:100%; outline:0 }
.btn1_active{ background:#2677DB }
.home-return:visited{ color:#FFF }
.woman{ background:url("../image/gender.png") no-repeat -.65rem center }
.man{ background:url("../image/gender.png") no-repeat 0 center }
.man, .woman{ width:.65rem; height:.65rem; display:inline-block; background-size:auto .65rem; vertical-align:inherit }
.list_box, .search_box{ width:94%; margin:0 auto; position:relative }
.list_box li{ position:relative }
.search_box{ padding-top:.5rem; margin-bottom:.5rem; overflow:hidden }
.search_box input[type=text]{ color:#B9B9B9; background-color:#FFF; border:0; outline:0; height:1.75rem; padding-left:.5rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-bottom:.05rem solid #3385FF; width:100% }
.search_box .search_input{ margin-right:3.5rem }
.search_box a.search_btn{ position:absolute; right:0; top:.5rem; width:3rem; padding:0 }
.fa-search{ color:#B9B9B9; position:absolute; font-size:1.5rem; height:2rem; width:2rem; line-height:2rem; text-align:center }
.fa-search2{ color:#FFF }
.list_box li{ padding:.4rem 0 }
.list_box li:last-child{ border:0 }
.list_box a{ display:block; height:2rem }
.list_box .box_title, .list_box .box_avatar{ display:inline-block; float:left }
.list_box .box_avatar{ width:2rem; height:2rem; margin-right:.5rem; vertical-align:top; border-radius:50%; background-size:2rem auto }
.list_box .box_avatar img{ border-radius:50%; width:2rem; height:2rem }
.list_box .box_title{ color:#333; font-size:.75rem; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:10rem; }
.list_box .box_intro{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; color:#999; font-size:.6rem }
.list_box .box_newfriend{ background:#FF5460; border-radius:50% }
.list_box .box_find{ background:#26BF85; border-radius:50% }
.fa-people{ color:#FFF; font-size:1.2rem; height:2rem; width:2rem; line-height:2rem; text-align:center }
.lh40{ line-height:2rem !important; height:2rem !important }
li.groupname{ line-height:.7rem; margin-top:.5rem; border-bottom:.05rem solid rgba(225, 227, 229, 0.6) }
a.btnr, a.btnr2{ float:right; height:auto; margin-top:.5rem; width:3rem; padding:0 }
a.btnr2{ color:#999 }
.p50{ padding:0 2.5rem !important }
.numP{ position:absolute; top:1rem; right:.5rem; background-color:#ED5D17; font-style:normal; font-size:.6rem; -moz-border-radius:.75rem; -webkit-border-radius:.75rem; border-radius:.75rem; color:#FFF; width:.8rem; height:.8rem; line-height:.8rem; text-align:center }
.talk-msg li{ margin:.75rem 0 }
.widget-list{ word-wrap:break-word; word-break:break-all }
.talk-msg{ margin:0 .75rem; padding-bottom:2.5rem }
.avatar-talk{ border-color:rgba(0, 0, 0, 0.05) }
.avatar-talk{ width:2rem; height:2rem; border-radius:50%;box-shadow:0 .05rem 1rem rgba(0, 0, 0, 0.15); overflow:hidden; position:absolute; left:0; top:auto; display:inline-block }
.me-talk{ padding:.5rem 2.5rem 0 1.75rem; text-align:right }
.guest-talk{ padding:.5rem 1.75rem 0 2.5rem }
.guest-talk, .me-talk{ min-height:2.1rem; position:relative;top:.2rem;padding-top:0!important; }
.date-talk{ border-color:#C3CCD3 }
.date-talk{ height:.9rem; color:#ACACAC; line-height:.9rem; font-size:.6rem; text-align:center; text-shadow:0 .05rem .05rem rgba(255, 255, 255, 0.75); display:block }
.guest-date{ text-align:left; padding-left:2.75rem }
.me-date{ text-align:right; padding-right:2.75rem }
.guest-talk .content-talk{ color:#333; /*border:#DCDCDC solid .05rem; box-shadow:0 0 .05rem rgba(0, 0, 0, 0.15); */background:#FFF }
.content-talk{ /*min-height:1.37em; */margin-left:.15rem; padding:.1rem; font-size:.75rem; vertical-align:bottom; border-radius:.75rem; position:relative; display:inline-block }
.content-wb{ padding:.6rem .75rem; line-height:1.25rem; font-size:1rem; word-break:break-all }
.me-talk .content-wb p a{ color:#FFF }
.avatar-talk img{ width:2rem; height:2rem; border-radius:50% }
.content-talk p{ line-height:.9rem; font-size:.7rem }
.guest-talk .content-talk::before{/* border-left:#DCDCDC solid .05rem;border-top:#DCDCDC solid .05rem;*/ background:#FFF }
.guest-talk .content-talk::before{ left:-.15rem; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg) }
.content-talk::before{ width:.35rem; height:.35rem; content:''; position:absolute; top:.75rem }
.me-talk .avatar-talk{ right:0; left:auto }
.me-talk .content-talk{ color:#FFF; /*border:#0884F8 solid .05rem;box-shadow:0 0 .05rem rgba(0, 0, 0, 0.15);*/ background:#0884F8 }
.me-talk .content-talk{ margin-right:.15rem; text-align:left;position:relative;/*top:.2rem*/ }
.me-talk .content-talk::before{ border-top:#0884F8 solid .05rem; border-right:#0884F8 solid .05rem; background:#0884F8 }
.me-talk .content-talk::before{ right:-.15rem; -webkit-transform:rotate(45deg) skew(-6deg, -6deg); -moz-transform:rotate(45deg) skew(-6deg, -6deg); transform:rotate(45deg) skew(-6deg, -6deg) }
#chat-sendmsg-box{ position:fixed; bottom:0; padding:.25rem .75rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; height:2.5rem; background:#EFEFEF }
#chat-sendmsg-box .innerbox{ margin:0 2.75rem 0 1.5rem; height:1.75rem }
#chat-sendmsg-box input{ resize:none; padding:0 .25rem; width:96%; height:1.75rem; line-height:1.75rem;border:0;outline:none }
#chat-sendmsg-box .btn_default{ position:absolute; top:.25rem; right:.75rem }
#chat-sendmsg-box .back{position:absolute;left:.4rem;display:block;width:1.5rem;height:1.75rem;line-height:1.5rem;text-align:center;}#chat-sendmsg-box a.back:visited{color:#666;}
#smsdosubmit,#commentinput{border-radius:10rem;font-size:.7rem!important;height:1.6rem;line-height:1.6rem}
#commentinput {padding:0 .5rem!important;width: calc(100% - 1.5rem) !important}
.emotion_chat{color: #333;margin-left: .25rem;margin-right: .5rem;display: block;position: absolute;right: 3.2rem;width: 1.1rem;height: 1.1rem;top: .25rem;}
.emotion_chat_a2{right:4.6rem}.mr0{margin-right:0!important}
.index-module__wrap___Dmatk{height: 4.45733rem;display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-align-items: center;align-items: center;background-color: #fff;}
.index-module__block___3ae6j, .index-module__wrap___2jGZ3 {width: 2.51208rem;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
.index-module__wrap___2jGZ3 {-webkit-flex-direction: column;flex-direction: column;}
.index-module__block___3ae6j, .index-module__wrap___2jGZ3 {width: 2.51208rem;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
.index-module__block___3ae6j {height: 2.51208rem;-webkit-justify-content: center;justify-content: center;background: #f5f6f8;border-radius: .50242rem;}
.index-module__icon___3AtaP {height: 1.15942rem;width: 1.15942rem;}.taro-img__mode-scaletofill {width: 100%;height: 100%;}.index-module__text___15J9j {font-size: .46377rem;color: #666;letter-spacing: 0;line-height: .46377rem;margin-top: .30918rem;}