html, body, p, h2, ul, li {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
a {
    text-decoration: none;
}
input {
    border: none;
}
.main {
    padding-bottom: 0.2rem;
}
.m-header-top {
    width: 100%;
    height: 1.067rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #59a4ff;
    /*padding: 0 0.4rem;*/
}
.okaoyan-logo {
    width: 1.787rem;
    height: 0.827rem;
    margin-left: 0.4rem;
}
.search-div {
    width: 60%;
}
.search-div .input-text {
    width: 100%;
    height: 0.533rem;
    border-radius: 0.13rem;
}
.search-div form {
    position: relative;
}
.search-div input[type='submit'] {
    position: absolute;
    background: url(http://m.okaoyan.com/public/images/search.png) 0px 0px no-repeat;
    background-size: 20px 20px;
    top: 0.093rem;
    right: -8%;
    width: 1.267rem;
    height: 1.267rem;
    font-size: 0.32rem;
    -webkit-appearance: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#indexNav {
    display: flex;
    justify-content: space-around;
}
#indexNav li {
    list-style: none;
    margin: 0.6rem 0;
}
#indexNav li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #656565;
    font-size: 0.34rem;
}
#indexNav li img {
    width: 0.987rem;
    height: 0.987rem;
    margin-bottom: 0.2rem;
}
.header-menu img {
    width: 0.533rem;
    height: 0.44rem;
    margin-right: 0.4rem;
}

.links li {
    list-style: none;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.links {
    margin: 0.4rem;
}
.links a {
    text-decoration: underline ;
    color: #487696;
    list-style: none;
    font-size: 0.3rem;
}
.wrapper {
    margin: 0 auto;
    /*width: 750px;*/
    width: 100%;
    height: 20.89rem;
}
.header {
    /*width: 750px;*/
    width: 100%;
    height: 2.66rem;
}

.split-line {
    /*width: 750px;*/
    width: 100%;
    height: 0.01rem;
    background: rgba(223,223,223,1);
}

.base-item {
    /*width: 750px;*/
    width: 100%;
    height: 1.30rem;
    line-height: 1.30rem;
    /*padding-top: 0.50rem*/
}
.base-item table {
    padding-left: 0.4rem;
}


.base-item-label {
    font-size: 0.42rem;
    color: rgba(51,51,51,1);
}

.base-item-text {
    font-size: 0.37rem;
    color: rgba(103,105,107,1);
    margin-left: 1.2rem;
}


.others {
    /*width: 750px;*/
    width: 100%;
    /*height: 600px;*/
    background: rgba(246,245,245,1);
    padding: 0.4rem 0;
}


.others-card {
    /*width: 690px;*/
    width: 9.2rem;
    /*height: 200px;*/
    background: rgba(255,255,255,1);
    box-shadow: 0 -0.053rem 0.2rem 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.133rem;
}

.others-mine {
    margin-left: 0.4rem;
}

.others-comment {
    margin-top: 0.4rem;
    margin-left: 0.4rem;
}

.others-notice {
    width: 100%;
    font-size: 0.24rem;
    color: rgba(103,105,107,1);
    padding-left: 0.733rem;
    padding-top: 0.2rem;
    padding-bottom: 0.4rem;
    padding-right: 0.733rem;
    box-sizing: border-box;
}

.contact {
    margin: 0.267rem auto;
    width: 5.093rem;
    height: 0.933rem;
    background: linear-gradient(90deg,rgba(140,186,255,1),rgba(51,143,255,1));
    border-radius: 0.467rem 0.467rem 0.467rem 0.467rem;
    /*position: absolute;*/
    /*top: 1810px;*/
    /*left: 20px;*/
    /*margin-left: 184px;*/
}

.contact-text {
    font-size: 0.373rem;
    color: rgba(255,255,255,1);
    text-align: center;
    padding-top: 0.2rem;
}

.card{
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,1);
    box-shadow: 0 -0.053rem 0.2rem 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.133rem;
}
.split-line{
    width: 100%;
    height: 0.013rem;
    background: rgba(223,223,223,1);
}
.title{
    font-size: 0.373rem;
    color: rgba(51,51,51,1);
    padding-right: 0.2rem;
    padding-left: 0.307rem;
    height: 0.893rem;
    padding-top: 0.307rem;
}
.title-star{
    width: 0.373rem;
    height: 0.36rem;
    text-align: center;
}
.title-score{
    font-size: 0.32rem;
    color:rgba(104,106,108,1);
    padding-right: 0.307rem;
    padding-bottom: 0.133rem;
}
.content{
    font-size: 0.32rem;
    color:rgba(104,106,108,1);
    /*padding-left: 23px;*/
    /*padding-top: 34px;*/
    padding: 0.453rem 0.32rem;
    word-break: break-all;
}
.star{
  width:0.373rem;
  height:0.36rem;
  margin-right: 0.16rem;
}
.card{
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,1);
    box-shadow: 0 -0.053rem 0.2rem 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.133rem;
}
.split-line{
    width: 100%;
    height: 0.013rem;
    background: rgba(223,223,223,1);
}
.title{
    font-size: 0.373rem;
    color: rgba(51,51,51,1);
    height: 0.893rem;
    padding-left: 0.307rem;
    padding-top: 0.307rem;
}
/*.content{*/
/*    font-size: 24px;*/
/*    color: rgba(104,106,108,1);*/
/*    height: 92px;*/
/*    padding-left: 23px;*/
/*    padding-top: 34px;*/
/*}*/

.icon-img{
    width: 0.4rem;
    height: 0.267rem;
    line-height: 0.267rem;
    margin-top: 0.133rem;
    /*border: 0.013rem solid #0c9eff;*/
}

.img-tc{
    width: 1.827rem;
    height: 1.827rem;
    margin-bottom: 0.52rem;
}
.student{
  margin-left: 0.667rem;
  margin-top: 0.4rem;
  margin-bottom: 0.52rem;
}

.student-info{
  margin-left: 0.427rem;
}

.student-info-name{
  margin-bottom: 0.187rem;
  font-size:0.38rem;
  color:rgba(51,51,51,1);
}

.student-info-id{
  font-size:0.347rem;
  color:rgba(61,148,255,1);
}
.student-info-id .item {
    margin-right: 0.46rem;
}

.student-grade{
  margin-left: 0.427rem;
  font-size:0.267rem;
  color:rgba(51,143,255,1);
  margin-bottom: 0.667rem;
}
.student-grade-level{
  padding-right: 0.533rem;
}

.split{
  width:100%;
  height:0.013rem;
  background:rgba(223,223,223,1);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal {
  background: #FFFFFF;
  box-shadow: 0.027rem 0.027rem 0.27rem 0.013rem;
  overflow-x: auto;
  display: flex;
  flex-direction: column;
  width:6.667rem;
  height:4.667rem;
  border-radius:0.16rem 0.16rem 0 0;
}

/* .modal {
  background: #FFFFFF;
  box-shadow: 2px 2px 20px 1px;
  position: fixed;
  margin: auto;
  bottom: 0;
} */

.modal-header{
  padding-top: 0.2rem;
  display: flex;
  width:6.667rem;
  height:1.787rem;
  background:rgba(51,143,255,1);
  border-radius:0.16rem 0.16rem 0 0;
  justify-content: center;
  font-size:0.32rem;
  color:rgba(255,255,255,1);
}

.body-top{
  width:6.667rem;
  height:0.893rem;
  background:rgba(51,143,255,1);
}

.tow-code{
  width:2.853rem;
  height:2.853rem;
  background:rgba(246,245,245,1);
  position: absolute;
  z-index:999;
  top:-0.933rem;
  left:1.92rem;
  border-radius:0.16rem 0.16rem 0.16rem 0.16rem;
}

.tow-code-img{
  width:100%;
  height:100%;
}

.notice{
  margin-top:1.867rem;
  margin-left:1.173rem;
  font-size:0.267rem;
  color:rgba(0,0,0,1);
}

.modal-footer {
  padding: 0.2rem;
  display: flex;
  justify-content: center;
}

.modal-body {
  position: relative;
  font-size:0.32rem;
  color:rgba(0,0,0,1);
}

.ok-btn{
  width:3.28rem;
  height:0.613rem;
  background:linear-gradient(90deg,rgba(140,186,255,1),rgba(51,143,255,1));
  border-radius:0.307rem 0.307rem 0.307rem 0.307rem;
}

.ok-btn-text{
  text-align: center;
  font-size:0.347rem;
  color:rgba(255,255,255,1);
  padding-top: 0.067rem;
}

.btn-close {
  border: none;
  font-size: 0.267rem;
  padding: 0.267rem;
  cursor: pointer;
  font-weight: bold;
  color: #4AAE9B;
  background: transparent;
}

.btn-green {
  color: white;
  background: #4AAE9B;
  border: 0.013rem solid #4AAE9B;
  border-radius: 0.027rem;
}

.modal-fade-enter,
.modal-fade-leave-active {
  opacity: 0;
}

.modal-fade-enter-active,
.modal-fade-leave-active {
  transition: opacity .5s ease
}
.weixin {
    text-align: center;
    font-size: 0.32rem;
    padding-top: 0.2rem;
}
@media screen and (min-width: 750px) {
    .wrapper {
        max-width: 750px;
        margin: 0 auto;
    }
    .others-card {
        width: 690px;
    }
}