body .modal-backdrop {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1500;
    background-color: #000;
}
.pull-left a{
    color: #222;
}
.link-us-box {
    text-align: center;
    margin-top: 100px;
}

.link-us {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.modal-btn {
    cursor: pointer;
}

.mt10 {
    line-height: 25px;
    margin-top: 5px;
}
/* 新增第二屏 */

.chanpin-list {
    list-style: none;
}

.chanpin-item {
    display: inline-block;
    margin-left: 60px;
    width: 330px;
    height: 480px;
    border: 2px solid #000;
    border-radius: 10px;
    text-align: center;
    vertical-align: top;
}

.chanpin-item img {
    /* width: 100%; */
    margin-top: 36px;
}

.chanpin-item:first-child {
    margin-left: 0;
}

.chanpin-con {
    margin-top: 25px;
    letter-spacing: 2px;
}

.chanpin-weight {
    font-weight: 600;
    margin-bottom: 10px;
}

.new_section_item2_content {
    /*margin-top: 100px;*/
}

@media (max-width: 990px) {
    .chanpin-item {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 260px;
        height: 400px;
        margin-top: 50px;
    }
    .chanpin-item img {
        width: 200px;
        /* margin-top: 15px; */
    }
    .chanpin-item:first-child {
        margin: 0 auto;
    }
    .chanpin-con {
        /* margin-top: 20px; */
        /* letter-spacing: 2px; */
    }
}
.login_txt {
    /* position: absolute; */
    /* bottom: 16px; */
    /* left: 50%; */
    /* margin-left: -150px; */
    /* transform: translateX(-50%); */
    font-size: 12px;
    color: #000;
    opacity: 0.2;
    margin: 30px auto 0px;
}
@media screen and (max-width: 992px) {
    #arrange .login_txt {
        margin: 10px auto;
    }
    #loginModal .modal-body {
        padding-bottom: 0;
    }
}
@media screen and (min-width: 992px) {
    #arrange .login_txt {
        margin: 20px auto 0;
        padding-top: 40px;
    }
}

.threeLogin{
    width: 208px;
    margin: 20px auto 10px;
    padding: 10px;
    text-align: center;
}
#menu ul.dropdown-menu{
 background: #F7F7F7;
    opacity: 0.8;
    min-width: 140px;
}
#menu ul.dropdown-menu li{
    margin: 20px 0;
}

#menu ul.dropdown-menu li a{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    text-align: left;
}

@keyframes toastKF{
    0% {opacity: 0;}
    25% {opacity: 1; z-index: 100}
    50% {opacity: 1; z-index: 100}
    75% {opacity: 1; z-index: 100}
    100% {opacity: 0; z-index: 0}
}
/* toast 提示 结束*/
/*登录注册适配样式*/
/*新头部的样式处理*/
/*新头部的样式处理*/
.new-header .container{ 
    width: 100%!important;
    padding-right: 20px;
}
@media screen  and (max-width: 992px){
    #loginModal{
        display: none;
    }
    .new-header .container{ 
        padding-top: 17px;
        padding-bottom: 11px;
    }
    a{
        text-decoration: none;
    } 
    .nav-img img{
        height: 33px;
        margin-top: -6px;
    }
    .app-download{
      display: inline-block;
        height:20px;
        /* padding: 0 10px; */
        line-height: 20px;
        border-radius: 15px;
        border: 1px solid #eaeaea;
        margin-left: 15px;

    }
    /* #myModal .modal-dialog {
        width: 90%;
    } */
    .chanpin-item {
        margin-left: 20px;
        width: 330px;
        height: 480px;
    }
    .new-header .nav-ul{
        margin-left: 5px;
    }
    .nav-right {
        padding: 0;
    }
    .new-header  .nav-ul li{
        float: left;
        /* padding:5px 25px; */
        /*height: 30px;*/
        margin-left: 10px;
        /* font-size: 16px; */
        /* background: #fff; */
        margin-top:-3px;
        border-radius: 15px;
        text-align: center;
        /*line-height: 30px;*/
        color: #222;
    }
}
@media screen and (min-width: 768px) {
    html, body {
        font-size: 12px;
    }
/***************新头部样式处理***************    */
    .new-header{
        width: 100%;
        height: auto;
    } 
    .nav-img img-responsive{
        display: inline-block;

    }
    .nav-img .logo{
        /* width: 130px; */
    }
    .nav-img .font{
        /* width: 62px; */
    }
    /*导航*/
    .nav-ul{
        margin-left: 11px;
    }
    .nav-ul li{
        float: left;
        padding:6px 15px;
        /*height: 30px;*/
        margin-left: 50px;
        background: #fff;
        margin-top: 25px;
        border-radius: 15px;
        text-align: center;
        /*line-height: 30px;*/
        font-size: 18px;
        color: #222;
    }
    /*我要上课*/
    .nav-right{
        /* padding:9px 0; */
    }
    #menu .myCouseList{
        width: 123px;
        height: 35px;
        font-size: 16px;
        line-height: 35px;
        text-align: center;
        background-color: #fee357;
        border-radius: 4px;
        cursor: pointer;
        color: #222;
    }
    .navbar-nav>li>a{
        padding: 0;
    }
    .myCouseList i{
        height: 27px;
        width: 27px;
        float: left;
        margin: 2px 0 0 10px;
        display: inline-block;
        background: url("../newImage/woyaoshangke.png")no-repeat center;
        background-size: cover;
    }
    #menu.navbar-nav>li>a>span{
        padding: 0;
    }
    .nav-login{
        margin-left: 20px;
    }
    .nav-login,.nav-resigter,.nav-drop{
        height: 35px;
        line-height: 35px;
        font-size: 16px;
        cursor: pointer;
    }
    .nav-drop .dropdown-toggle{
        line-height: 35px;
        margin-left: 20px;
    }




    /*end*/



}
/*一般屏幕适配*/
@media screen and (min-width: 992px) {
    .chanpin-item {
        margin-left: 20px;
        width: 260px;
        height: 400px;
    }
    .chanpin-item img {
        margin-top: 15px;
    }
    .chanpin-con {
        margin-top: 20px;
        letter-spacing: 2px;
    }
    a{
        color: #222;
    }
    .nav>li.login-after{
        display: none;
    }
    html, body {
        font-size: 12px;
    }
    a{
        text-decoration: none;
    }
    /***************新头部样式处理***************    */
    .new-header{
        width: 100%;
        height: 77px;

    } 
    .nav-img img-responsive{
        display: inline-block;

    }
    .nav-img .logo{
        /* width: 130px; */
    }
    .nav-img .font{
        /* width: 62px; */
    }
    /*导航*/
    .nav-ul{
        margin-left: 11px;
    }
    .nav-ul li{
        float: left;
         padding:6px 15px;
        /*height: 30px;*/
        margin-left: 50px;
        background: #fff;
        margin-top: 23px;
        border-radius: 15px;
        text-align: center;
        /*line-height: 30px;*/
        font-size: 18px;
        color: #222;
    }
    div.nav-left{
        vertical-align:inherit;
    }
    /*我要上课*/
    div.nav-right{
        vertical-align:inherit;
        padding:23px 0 0 0;
    }
  #menu .myCouseList{
       width: 123px;
       height: 35px;
      font-size: 16px;
      line-height: 35px;
      text-align: center;
       background-color: #fee357;
       border-radius: 4px;
      cursor: pointer;
      color: #222;
  }
  .navbar-nav>li>a{
      padding: 0;
  }
  .myCouseList i{
      height: 27px;
      width: 27px;
      float: left;
      margin: 2px 0 0 10px;
      display: inline-block;
      background: url("../newImage/woyaoshangke.png")no-repeat center;
      background-size: cover;
  }
    #menu.navbar-nav>li>a>span{
        padding: 0;
    }
    .nav-login{
        margin-left: 20px;
    }
    .nav-login,.nav-resigter,.nav-drop{
        height: 35px;
        line-height: 35px;
        font-size: 16px;
        cursor: pointer;
    }
    .nav-drop .dropdown-toggle{
        line-height: 35px;
        margin-left: 20px;
    }
    .toastAnimate{
        animation: toastKF 2s;
    }

}
@media screen and (max-width: 768px) {
    .nav-ul li{
        float: left;
         padding:6px 15px;
        /*height: 30px;*/
        margin-left: 50px;
        background: #fff;
        margin-top: 23px;
        border-radius: 15px;
        text-align: center;
        /*line-height: 30px;*/
        font-size: 12px;
        color: #222;
    }
}
@media screen and(min-width:1200px )and(max-height: 1440px){
 
    .toastAnimate{
        animation: toastKF 2s;
    }


}