body {
    background-image: url('/img/bg.jfif');
}

.yao-note {
    height: 100px;
    overflow-y: auto;
    padding-bottom: 20px;
}

.gua8 {
    cursor: pointer;
    height: 60px !important;
    vertical-align:bottom !important;
}

.div2 {
    display: inline-block;
    margin-right:40px;
}
.imgyao {
 width: 80px;
}

.yao-td {
height: 10px!important;

}
.neigua {
    width: 12%;
    font-size: 25px !important;
    color: black !important;
}

.waigua {
    font-size: 25px !important;
    color: black !important;
}

.neiguaselected {
    font-size:25px!important;
    color:blue !important;

}

.tdmiddle {
    height:300px;
    overflow:auto;

}

.waiguaselected {
    font-size: 25px !important;
    color: blue !important;
}

.guatu_middle {
    height: 200px;
    vertical-align: middle!important;
}
.gua_name {
font-size: 50px;
}
.gua_namenature {
    font-size: 30px;
}

.btnsuangua {
width:180px;
margin: 5px;
}

.selectedMenu {
    text-decoration: underline;
    color: blue !important;
    font: bold;
}

.mall-item-note {
    width:400px;
    height:100px;
    overflow:auto;

}

.redBorder {
    border-style: solid;
    border-color: red;
}

.text-center {
    text-align: center
}

.studyMode {
    background-color:green;

}

.borderless td, .borderless th {
    border: none !important;
}


.qContainer1 {
    background-color: green; 
    color: white; 
    height: 100px;
    overflow-x: hidden; 
    overflow-y:auto;
    padding-left:3px;
}

.eventCls {
    width: 160px;
    height: 50px;
    display: inline-block;
    cursor: pointer;
    margin: 1px;
    padding: 1px;
    vertical-align: middle;
}
.q-class {
    width: 65px;
    cursor: pointer;
    color: blue;
    display: inline-block;
    margin-right: 2px;
}
.top-menu {
    width: 80px !important;
    cursor: pointer;
    color: blue;
    display: inline-block;
    margin-right: 2px;
    text-align: center;
}

.mobile-menu-div {
  overflow:auto;
}

.top-menu-m {
    width: 12% !important;
    cursor: pointer;
    color: blue;
    display: inline-block;
    margin-right: 2px;
    text-align: center;
}

.flow-right {
    float: right;
    vertical-align: text-top;
}

.q-class-e {
    width: 65px;
    cursor: pointer;
    color: blue;
    display: inline-block;
}

.p-class {
    cursor: pointer;
    color: blue;
}

.hz-target {
    width: 35px !important;
    display: inline-block;
    height: 50px !important;
}

.target {
    cursor: pointer;
    width: 35px;
    height: 35px;
    font-size: 20px;
    text-align: center;
}

.puncmark {
    width: 30px;
    height: 50px;
    font-size: 20px;
    text-align: left;
}

.dblClicked {
    border: 1px solid;
    background-color: blue;
    color: white;
    font-size: 30px;
}