body {
    margin: 0;
}
[v-cloak] {
	display: none;
}

.headers_box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    position: relative;
    top: 0;
    z-index: 99;
    height: 30px;
    padding: 10px;
    margin-top: 20px;
}

.headers_left {
    font-size: 20px;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.headers_right {
    color: #5c96e7;
}

.el-icon-cpu {
    font-size: 30px;
    margin-right: 10px;
}

/*允许区域内滚动*/
.message_box {
    overflow-y: scroll;
}

.message {
    display: flex;
    flex-direction: row;
    padding: 10px 10px 0px 10px;
}

.message_img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.message_data {
    flex: 1;
    margin-left: 10px;
}

.message_bt {
    font-weight: bold;
}

.message_fbt {
    background-color: #a3e75c;
    margin-top: 5px;
    padding: 10px 5px;
    border-radius: 5px;
}
.message_tishi{
    color: #ff4400;
    margin-top: 10px;
}

.message_moxing{
    border-top: 1px solid #71b727;
    margin-top: 5px;
    padding-top: 5px;
    color: #666;
    font-size: 11px;
}

.message_dati{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 5px 0px;
}
.message_dati_dui{
    color: #409EFF;
    font-size: 20px;
}
.message_dati_cuo{
    color: #ff4400;
    font-size: 20px;
}
.input_box {
    width: 100%;
    position: fixed;
    bottom: 20px;
    z-index: 99;
    border-top: 1px solid #eee;
    background-color: #fff;
}

/*输入按钮*/
.input_tool_box {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    border-top: 1px solid #eee;

}

.input_tool_left {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.input_tool_left_input {
    flex: 1;
    margin: 10px;
    border:1px solid #999;
    border-radius: 5px;
}

.input_tool_right {
    background-color: #5c96e7;
    color: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.input_cailiao {
    padding: 10px;
    background-color: #edf5ff;
}

.input_cailiao_lanmu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.input_cailiao_lanmu_right {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.input_cailiao_bt {
    font-weight: bold;
}

.input_tool_del {
    padding-right:10px;
    font-size: 20px;
    cursor: pointer;
}

.input_tool_cailiao {
    margin: 10px;
}

.input_microphone {
    font-weight: bold;
    font-size: 30px;
    margin-left: 10px;
    cursor: pointer;
}

/*录音*/
.record_all_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.record_box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background-color: #ff4400;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
}

.record_tishi {
    padding: 10px;
}
.record_tishi_bt{
    font-size: 10px;
    color: #999;
}

/*题目*/
.timu_xx_box{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.timu_xx{
    flex: 1;
    border: 1px solid #5c96e7;
    color: #5c96e7;
    text-align: center;
    padding: 5px;
    margin: 5px;
}
.timu_tool_box{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
}
.timu_tool_next{
    flex: 1;
    background-color: #5c96e7;
    color: #fff;
    border-radius: 200px;
    text-align: center;
    padding: 5px;
    margin-right: 10px;
}
.timu_guizhe_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.timu_guizhe_bt{
    margin-top: 10px;
}

/*面试*/
.mianshi_img{
    width: 100%;
}
.mianshi_nr{
    padding: 20px;
}
.mianshi_go{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.mianshi_input_box{
    padding: 10px 20px;
}
.mianshi_lanmu{
    color: #5c96e7;
    font-weight: bold;
}