@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}body {
  background: #ffffff;
}
.student-mark .row {
  margin-bottom: 30px;
}
.student-mark .col-md-4 {
  text-align: center;
}
.student-mark .col-md-4 img {
  width: 100px;
}
.student-mark .col-md-4 input[type=text] {
  width: 100%;
}
.student-mark .col-md-4 .btn {
  margin-top: 20px;
}
.student-mark .student-result {
  width: 400px;
  margin: 0 auto;
}
.student-mark .student-result .info-item .info-l {
  float: left;
  width: 200px;
  text-align: right;
}
.student-mark .student-result .info-item .info-r {
  float: left;
  margin-left: 10px;
  font-weight: bold;
}
.student-mark .student-result .info-item:after {
  content: '';
  display: block;
  clear: both;
}