/*******************************
---------[公共样式]---by贺晓燕2019.1.9---------
********************************/

/*** 公共样式  ***/
body { font-family: "Microsoft YaHei", "微软雅黑"; font-size: 14px; color:#333; }
html { }
*:focus, a:focus, a { outline: none; }
img { max-width: 100%; }
ul, li { list-style: none; margin: 0; padding: 0 }
.fr { float: right }
.fl { float: left }
a:hover { color: #2878d1 }
a{color:#333}
.modal .btn-info {background: rgb(18, 171, 131);}
.breadcrumb {border: none;margin: 10px 0;}
.float-left{float:left}
.float-right{float:right}

.row1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    display: block;}
.row2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.row3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/* 头部 */
.header{background: #FFF;text-align: center;}
.header .logo{margin:24px 0 ;    display: block;}
/* baanner */
.page-top{background: #f5f5f5;padding-top:20px}
.imgPlayer img{border-radius: 5px;    height: 380px;}
.ban{height:380px}
/* 登录、注册 */
.login{background: #ffffff;border-radius: 5px;height:380px;padding-left:20px;padding-top:30px;padding-right:20px;box-shadow:5px 5px 10px 5px #efefef}
.login li{float: left;font-size: 16px;color:#666666;margin-right: 20px;padding-bottom: 15px;    cursor: pointer;}
.item-tit .cur {border-bottom: 3px solid #45c692; font-weight: bold;color:#333333}
.login-txt-l{margin-top:15px}
.login-txt-l .form-control{    height: 50px;padding: 0;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #d7d7d7;color:#858c9a;font-size: 14px;font-weight: bold;}
.login-txt-l .checkbox{margin-top:15px;font-size: 14px;color:#858c9a}
.loginBut{background: #45c692;line-height: 21px;width: 100%;font-size: 14px;color:#FFF !important;font-weight: bold;border-color:#45c692;    border-radius: 4px;margin-top: 35px;}
.login .login-txt-l {display:none;}
.phoneTips{font-size: 12px;background: #e5efeb;color: #99aca4;line-height: 25px;margin-top: 30px;    padding-left: 13px;    margin-bottom: 10px;}
.verification{background: #e1e1e1;line-height: 21px;width: 100%;font-size: 14px;color:#666 !important;font-weight: bold;border-color:#e1e1e1;    border-radius: 4px;margin-top:15px;}
.verifShow{display: none;}
.verifHide{display: block;}
.login .message{position: relative;display: none;}
.login .message button{position: absolute;font-size: 14px;color:#45c692;right: 0;top:10px;font-weight:bold; border: none;}
/* 中部 */
.addClass{margin-top: 20px;}
.addSynopsis{padding:20px;margin-top: 20px;background: #ffffff;border-radius: 5px;box-shadow:5px 5px 10px 5px #efefef;font-size: 18px;color:#6e827a;    text-indent: 2em;
    line-height: 31px;}
/* 活动安排 */
.activity{padding:20px;position: relative;margin-top: 20px;}
.activity .title{text-align: center;    position: absolute;    margin: 0 auto;width: 100%;height: 91px;}
.activity-txt{   background: url(../../images/bg1.png) no-repeat;max-height: 844px;    margin: 0 7%;    padding: 0 7%; margin-top: 45px;}
.activity-left li{position: relative;background: url(../../images/line.png) repeat-y 55px 0;padding-bottom: 65px;}
.activity-left li p{     display: inline-block; line-height: 34px;  text-align: center;background: url(../../images/tit2.png) no-repeat;width: 133px;font-size: 22px;padding-right: 20px;color: #FFF;}
.activity-left{padding-top: 125px;}
.activity-left li .con {   width: 230px; font-weight: bold;display: inline-block;padding-left: 55px;font-size: 22px;color:#333;}
.activity-left li .time{      text-align: center;    line-height: 26px;padding-top: 14px;    position: absolute;top: -25px;  font-size: 18px;font-weight: bold;display: inline-block;margin-left: 55px;color:#333;background: #ddb53e;width: 81px;height: 81px;border-radius: 50%;}
.activity-left li .name span{font-size: 24px;font-weight: bold;color: #333;display: inline-block;    margin-right: 25px;}
.activity-left li .name{display: inline-block;float: right;width: 294px;}
.activity-left li:last-child{background: none;}
.page-bottom{background: #ffffff;border-radius: 5px;box-shadow:5px 5px 10px 5px #efefef;}
/* 直播课表 */
.live li p{background: #ddb53e;width: 81px;height: 81px;border-radius: 50%;font-size: 24px;font-weight: bold;color: #333;padding: 0;
 margin-left: 15px;line-height: 76px;}
.live li .name{float: none;    padding-left: 55px;font-size: 24px;color:#333;    width: auto;}
.live li{padding-bottom: 25px;}
.live .activity-txt{max-height: none;    background:#fafaef url(../../images/bg2.png) no-repeat;    margin-bottom: 60px;}
.live .tit{font-size: 24px;    margin-bottom: 60px;font-weight: bold;color: #333;background: url(../../images/tit4.png) no-repeat center;    margin-top: 50px;text-align: center;}
.live .activity-left{padding-top:25px;    position: relative;}
.live .code{position: absolute;right: 0;}
.live{margin-bottom: 145px;}
@media only screen and (max-width:1500px) and (min-width: 1200px){
   
}
@media only screen and (max-width: 1199px) and (min-width: 960px){
   /*首页样式*/
   .activity-txt{   margin:0 3%;padding:0}
   .live .tit{margin-top:90px}
}
/*Common For Max 960*/
@media only screen and (max-width:1199px) {
}

/*Common For Max 768*/
@media only screen and (max-width:992px) {
    /*头部样式*/
    .activity-txt{margin:0;padding:0}
    .activity-left li .con{padding-left:0;width: 175px;}
    .activity-left li .time{margin-left:10px}
    .live .tit{margin-top:90px}
    .activity-left li .name{width:258px}
    .activity-left li .name span{margin-right: 10px;}
  
}
@media only screen and (max-width:767px) {
    /*头部样式*/
    .header{min-height: 40px;line-height: 40px;padding:0}
    .header .logo{margin:0}
    .header .logo img {max-width: 134px;}
    /*banner*/
    .wap-banner{padding:0}
    .imgPlayer img{height: 206px;border-radius:0}
    .ban{height: 206px}
    .page-top{padding-top:10px}
    /*中间广告*/
    .wap-addSynopsis{    color: #6e827a;text-indent: 2em;line-height: 31px;padding:10px}
    /*下部分*/
    .page-bottom{    position: relative;margin-bottom: 290px;}
    .wap-bottom{padding:0}
    .activity{padding:0px;margin-top:35px;margin-bottom:0px}
    .activity .title,.activity .title img{height: 50px;}
    .activity .title{    top: -23px;}
    .activity-left{padding-top: 80px;}
    .activity-left li p{    background: url(../../images/tit6.png) no-repeat;width: 67px;    font-size: 14px;line-height: 17px;}
    .activity-left li .name span{font-size: 14px;    margin-right: 10px;}
    .activity-left li .time{width: 50px;height: 50px;font-size:12px;line-height: 16px;padding-top: 5px;top: -18px;}
    .activity-left li .con p{background: none;color:#333;    width: 100%;padding-right:0}
    .activity-left li .name{    width: auto;}
    .live .tit{margin-top:20px;    margin-bottom: 30px; font-size: 14px;   background: url(../../images/tit5.png) no-repeat center;}
    .live .activity-txt{    background: #fafaef url(../../images/bg3.png) no-repeat;    margin-bottom: 20px;}
    .live li p{width: 40px;height: 40px;font-size:14px;line-height: 40px;    background: #ddb53e;}
    .activity-left li{    background: url(../../images/line.png) repeat-y 32px 0;    padding-bottom: 25px;}
    .activity-left li .con{font-size: 14px;    padding-left: 15px;    width: auto;}
    .live li .name{font-size: 14px;    padding-left: 15px;}
    .live .code img{max-width: 95px;}
    .live .code{right:20px}
    .activity-left li .wap-con{padding: 0;    margin-top: -15px;    width: auto;}
    .wap-activity-txt .activity-left li p{    display: block;float: left;}
    /*登录*/
    .login{   padding-left:0px;padding-right:0px; position: fixed;bottom: 0;width: 100%;height: 271px;    text-align: center;padding-top:10px}
    .login .item-tit{border:1px solid #45c692;display: inline-block;    border-radius: 20px;}
    .login li{font-size: 14px; padding: 5px 10px;margin-right:0}
    .item-tit .cur{background: #45c692;color: #FFF; border-bottom:none;   border-bottom-left-radius: 20px; border-top-left-radius: 20px;}
    .item-tit .cur:last-child {    border-bottom-right-radius: 20px;border-top-right-radius: 20px;    border-bottom-left-radius: 0px;border-top-left-radius: 0px;}
    .login-txt-l {margin-top: 5px;}
    .loginBut{margin-top:10px;border-radius:0;    line-height: 50px;font-size: 20px;}
    .login .form-group{padding:0 10px}
    .phoneTips{    margin-top: 5px;}
    .verification{margin-top: -5px;}
    .login .message button{right:15px}
}
/* 模态弹框 */
.my-the-modal{position: fixed;width: 100vw;height: 100vh;left: 0;top: 0;background: rgba(0, 0, 0, .3);display:flex;justify-content: center;align-items:center;z-index: 99;display: none;}
.my-the-modal .modal-dialog{width: 95%;max-width:400px;margin:30% auto 0;background: #fff;box-shadow: 0 0 2px rgba(0,0,0,.1);}
.my-the-modal .modal-header{width: 100%;position: relative;padding: 10px;border-bottom: 1px solid #e5e5e5;}
.my-the-modal .modal-header .close{position: absolute;right: 10px;top: 10px;}
.my-the-modal .modal-header h4{margin: 0;}
.my-the-modal .modal-body{text-align: left;}
.my-the-modal .modal-footer{text-align: right;white-space: nowrap;padding: 10px 15px;border-top: 1px solid #e5e5e5;}
/*Common For Max 414*/
@media only screen and (max-width:479px) { 
   
}

/*Common For Max 375*/
@media only screen and (max-width:413px) { 
    /*头部样式*/
    .header .logo {padding: 0px;margin-left: -15px;}
}

/*Common For Max 320*/
@media only screen and (max-width:330px) {
    /*头部样式*/
    .header .logo img {max-width: 96px;}
    .header .others {margin-top: -45px;}
 }