@charset "UTF-8";
/*
***重置样式***
*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,pre,hr,table,th,td,form,input,button,textarea{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
img,iframe{border:0;}
i,em{font-style:normal;}
li,ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
textarea{overflow:auto;resize:none;}
label{cursor:default;}
button,input[type="button"], input[type="submit"]{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
a,a:hover,a:active{color:#333;text-decoration:none;}
input,textarea,button{ background:none;  border:none; outline:none; font-family:"Microsoft YaHei", Helvetica, Arial, sans-serif; font-size:12px; }
/*select{-webkit-appearance:none; appearance:none;}*/

/*
***全局公共样式***
*/
html {  font-size: 62.5%;}
body{font-size: 14px; font-size: 1.4rem; margin: 0 auto;max-width: 750px; color: #333;  margin: 0 auto;  font-family: 'Microsoft YaHei',Helvetica,Arial,sans-serif;  -webkit-tap-highlight-color: transparent;}
/*浮动*/
.fl ,.lt {  float: left;  }
.fr ,.rt {  float: right;  }
/*清除浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.clear {clear:both;}
.flex{display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}
/*placeholder 颜色*/
:-moz-placeholder { color: #999; }
::-moz-placeholder { color: #999;}
input:-ms-input-placeholder{ color: #999; line-height: 40px}
input::-webkit-input-placeholder{ color: #999; line-height: 40px}
/****主体宽度****/
.wrap{ margin: 0 auto;max-width: 750px}
.m-error{color: #f00;position: absolute;bottom:-16px;left: 0;font-size:12px}
.navigationBar{height: 0.88rem;line-height: 0.88rem;background-color: #fff;text-align: center;font-size: 0.34rem;position: relative;position: sticky;top: 0}
.navigationBar .back{display: inline-block;width:0.18rem;position: absolute;top: 50%;left: 0.3rem; transform: translateY(-50%)}
.index .chat-box{height:calc(100vh - 2.03rem);overflow: auto;}
 body.index{background-color: #F0F2F2;min-height: 100%;}
.index .chat{border-radius: 0.20rem;display: inline-block;position: relative;padding: 0.3rem 0.2rem;box-sizing: border-box;margin-bottom: 0.4rem;font-size: 0.3rem;}
.index .chat .text{font-size: 0.3rem;line-height: 1.4;}
.index .chat-box{padding: 0 0.8rem;padding-top: 0.40rem;box-sizing: border-box;}
.index .chat-box>.right{text-align: right;}
.index .chatImg{display: block;max-width: 100%}
/*width:1.5rem;*/
.index .chatLeft{background-color: #fff;max-width: 100%;word-wrap:break-word;border-top-left-radius: 0; }
.index .chatRight{background-color: #0070D0;max-width: 100%;word-wrap:break-word;border-top-right-radius: 0;color: #fff; }
.index .chatLeftImg{width: 0.16rem;height: 0.36rem;position: absolute;top: 0;left: -0.16rem;}
.index .chatRighImg{width: 0.16rem;height: 0.31rem;position: absolute;top: 0;right: -0.14rem;}
.index .time{text-align: center;color: #999;font-size: 0.24rem;margin-bottom: 0.4rem;}
.index .operate{height: 1.15rem;background-color: #fff;padding: 0.2rem 0.3rem;box-sizing: border-box;overflow: hidden;}
.index .operate .uplod-box{display: flex; align-items:center; justify-content:center;}
.index .operate .uplod-box img{width: 0.36rem;height: 0.37rem;margin-right: 0.3rem;}
.index .operate .send img{width: 0.75rem;height: 0.75rem;}
.index .operate .input{flex: 1;margin-right: 0.3rem;}
.index .operate .input input{background: #EFF0F5;border-radius: 37px;height: 0.75rem;padding: 0 0.2rem;font-size: 0.3rem;width: 100%;box-sizing: border-box;}

body.list{background-color: #F0F2F2;padding: 0}
.list{padding: 0.3rem 0.2rem;}
.list .item {background-color: #fff;padding: 0.3rem;border-radius: 12px;margin-bottom: 0.1rem;}
.list .item .userImg{display: block;width: 0.75rem;height: 0.75rem;border-radius: 50%;margin-right: 0.25rem;}
.list .item .cont{flex: 1;max-width: calc(100% - 2.9rem);}
.list .item .cont .name{display: block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;font-size: 0.3rem;font-weight: bold;line-height: 1;}
.list .item .cont .text{display: block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;font-size: 0.25rem; margin-top: 0.25rem;line-height: 1;}
.list .item .time{font-size: 0.22rem;color: #999;}


.login{background-color: #FAFAFA}
.login .form-item-box{position: relative}
.login .logo img{display: block;width: 2.83rem;height: 0.38rem;margin: 0 auto;margin-top: 1.55rem;}
.login .text{font-size: 0.43rem;text-align: center;margin-top: 0.7rem;font-weight: 800;}
.login .form{width: 6.30rem;margin: 0 auto;margin-top: 0.8rem;}
.login input{font-size: 0.38rem;border-bottom: 1px solid #DCDCDC;line-height: 0.6rem;display: block;height: 30px;width: 100%}
.login .form .item{margin-top: 0.8rem;height: 30px}
.login .submit.no{background: #639CCE!important;}
.login .submit{width: 100%!important;border-radius: 0.12rem;margin-top: 0.7rem!important;background-color:#0070D0;text-align:center;font-size: 0.28rem;color: #FFFFFF; display:block;height: 0.88rem;line-height: 0.88rem;padding: 0!important; }

.msg{text-align: center;padding: 0 0.4rem;min-height: 100vh}
.msg .img{width: 2rem;margin-top: 1.8rem}
.msg .title{font-size: 0.6rem;margin-top: 0.6rem}
.msg .text{font-size: 0.4rem;margin-top: 0.3rem;line-height: 1.6}
.msg a{color:#0070D0 }
.msg .btn{width: 4rem;height: 1.2rem;background-color: #0070d0;border-radius: 10px;text-align: center;line-height: 1.2rem;font-size: 0.45rem;color: #fff;margin: 0 auto}
.msg .bot-box{position: fixed;bottom: 3rem; text-align: center; padding: 0 0.4rem;}
.msg .bot-box .bot-text{font-size: 0.4rem;margin-top: 0.3rem;line-height: 1.6}