.ai{position:relative;padding-right:26px;cursor:pointer;box-sizing:border-box;margin-right:30px;font-size:14px;height:40px;color:#666}.ai:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:#ddd}.ai img{width:40px;height:40px;border-radius:40px;margin-right:2px;overflow:hidden}.content ul li{margin-top:0!important}.modal2{box-sizing:border-box;flex-direction:column}.modal2,.modal2 .head{width:100%;display:flex}.modal2 .head{flex-direction:row;align-items:center}.modal2 .head .logo{width:50px;height:50px;margin-right:10px}.modal2 .head .msg{flex:1 1 0%}.modal2 .head .msg .title{color:#67b0dc;margin-bottom:5px;font-size:20px}.modal2 .form{width:100%;margin-top:20px}.modal2 .form .item{width:100%;border:1px solid #67b0dc;border-radius:8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:20px;height:66px}.modal2 .form .item .label{color:#67b0dc;font-size:14px;margin-bottom:5px}.modal2 .form .item .left{margin-left:12px}.modal2 .form .item .left .inputbox{display:flex;flex-direction:row;align-items:center}.modal2 .form .item .left .inputbox input{border:none;outline:none}.modal2 .form .item .left .inputbox input::-webkit-input-placeholder{color:#898989}.modal2 .form .item .left .inputbox .getcode{color:#fff;background:#67b0dc;border-radius:10px;font-size:12px;padding:2px 10px;cursor:pointer}.modal2 .form .item .btn{width:60px;text-align:center;line-height:66px;color:#fff;background:#67b0dc;border-radius:0 8px 8px 0;cursor:pointer}#app{color:#000}body{overflow:hidden;background:#f1f8fd}#app,body{width:100%;height:100%}#app{display:flex;flex-direction:row;align-items:center}#app #leftChat{width:220px;height:100%;background:#fff;position:relative;overflow-y:scroll}#app #leftChat .logo{width:101px;margin-left:50px;margin-top:50px;margin-bottom:40px}#app #leftChat .navlist{width:100%;box-sizing:border-box;list-style:none;margin:0;padding:0 0 0 35px;font-size:16px}#app #leftChat .navlist .z-menu{padding-left:30px;margin-top:5px}#app #leftChat .navlist .z-menu li{line-height:36px;padding-left:15px}#app #leftChat .navlist li{line-height:45px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:100px 0 0 100px;color:#898989;text-align:left;cursor:pointer}#app #leftChat .navlist li .icon{width:16px;height:16px;margin-left:18px;margin-right:8px}#app #leftChat .navlist li.active{background:#f1f8fd;color:#67b0dc}#app #leftChat .navlist .hr{width:92px;height:0;border-bottom:1px dashed #898989;margin:30px 0 30px 18px}#app #leftChat .child{margin-left:50%;transform:translateX(-50%);width:140px;bottom:75px;margin-top:60px}#app #rightChat{flex:1 1 0%;height:100%;display:flex;flex-direction:column;align-items:center;padding:0 20px;box-sizing:border-box;background:#f1f8fd}#app #rightChat #headerChat{width:100%;background:#fff;height:70px;border-radius:0 0 12px 12px;padding:15px;box-sizing:border-box;display:flex;flex-direction:row}#app #rightChat #headerChat .headLeft{flex:1 1 0%;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start}#app #rightChat #headerChat .headLeft .welcome{width:118px;margin-right:15px}#app #rightChat #headerChat .headLeft .grade,#app #rightChat #headerChat .headLeft .school{font-size:16px;color:#898989;margin-right:8px}#app #rightChat #headerChat .headRight{flex:1 1 0%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}#app #rightChat #headerChat .headRight .msg{padding-right:26px;cursor:pointer;box-sizing:border-box;position:relative}#app #rightChat #headerChat .headRight .msg.border:after{position:absolute;content:"";top:8px;bottom:8px;right:0;width:1px;background:#dedede}#app #rightChat #headerChat .headRight .msg .red-msg{position:absolute;top:-4px;left:30px;padding:0 5px;height:16px;color:#fff;background:red;font-size:12px;line-height:16px;text-align:center;border-radius:16px}#app #rightChat #headerChat .headRight .msg img{width:40px;height:40px}#app #rightChat #headerChat .headRight .upload{position:relative;padding-right:26px;box-sizing:border-box;cursor:pointer}#app #rightChat #headerChat .headRight .upload img{width:40px;height:40px}#app #rightChat #headerChat .headRight .tx{cursor:pointer;width:40px;height:40px;margin-left:20px;border-radius:100%;margin-right:12px}#app #rightChat #headerChat .headRight .name{font-size:16px;cursor:pointer;color:#898989}#app #rightChat #ctxChat{flex:1 1 0%;width:100%;position:relative}#app #rightChat #ctxChat .wrapper{position:absolute;left:0;right:0;top:0;bottom:0}::-webkit-scrollbar-track-piece{background-color:#f8f8f8}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#ddd;background-clip:padding-box;min-height:28px;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#bbb}.swap{background:#71b4dd;border-radius:20px;padding:1px 6px;font-size:12px;color:#fff;cursor:pointer}.swap span{margin-left:2px}