edu_train_web_new/exe/new_src/WebSocket/css/main.css

* {
    padding: 0px;
    margin: 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

html, body {
    width: 100%;
    height: 100%;
    /* 解决移动端点击闪烁问题 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
    /*去除中间腰部间隙*/
    vertical-align:middle;
    /*去除顶部间隙*/
    vertical-align:bottom;
    /*去除中间顶部间隙*/
    vertical-align:top;
    /*注意该方法在对img控件使用的时候,使用 float 和 font-size 解决左右间隙问题
    会导致img在div中无法居中,此时可以在img控件外设置新的一个div来设置居中进行实现居中
    所以 float 和 font-size 一般特意指定几个目标范围内img控件解决左右间隙问题 例如.abc img{}
    意思就是 设置了 class="abc" 里面所有的img控件执行样式
    */
    /*进行浮动解决左右两侧出现间隙 与 font-size: 0px; 一起配合 */
    /*float: left;*/
    /*这个也设置解决系统自带空白间隙问题 与 float: left; 一起配合*/
    /*font-size: 0px;*/
}

.app {

    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow-x: scroll;
    overflow-y: scroll;

}

.common {
    width: 100%;
    height: auto;
    padding: 3px;
}

.content {
    width: 100%;
    height: 300px;
    background-color: rgb(233, 233, 233);
    position: relative;
}

.leftTitle {
    position: absolute;
    top: 1%;
    left: 1%;
    height: 6%;
    right: 38%;
    background-color: #ffffff;
}

.leftTxt {
    position: absolute;
    top: 8%;
    left: 1%;
    bottom: 1%;
    right: 38%;
    background-color: #ffffff;
    overflow-y: scroll;
    /* 文本换行 */
    text-wrap: normal;
    word-break: break-all;
    /* white-space: pre-wrap; */

}

.rightTitle {
    position: absolute;
    top: 1%;
    left: 63%;
    height: 6%;
    right: 1%;
    background-color: #ffffff;
}


.rightUser {
    position: absolute;
    top: 8%;
    left: 63%;
    bottom: 1%;
    right: 1%;
    background-color: #ffffff;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    overflow-y: scroll;

}

.select {
    /* 文本换行 */
    text-wrap: normal;
    word-break: break-all;
    padding: 5px;
    border: 1px solid #00aeff;
    margin: 1px;
    /* 手势 */
    cursor : pointer;
    background-color: #ffffff;
    color: #000000;
}

.selectYes {
    background-color: #00aeff;
    color: #ffffff;
}

.submitEdit {
    width: 100%;
    padding: 3px;
}

.chat {
    width: 100%;
    height: auto;
    padding: 5px;
}

.chatTitle {
    font-size: 14px;
    color: darkgreen;
}

.chatTxt {
    font-size: 14px;
    color: rgb(128, 128, 128);
}

.chatSys {
    color: #636363;
}

.chatObj {
    color: #017771;
}