.login-content{ width:100%; position: relative;background:#fff;}
.login-banner{ width:100%; height:700px; background: #ddd; background: #DE1F26 url(/public/static/jinkoucai/index/lesson.jpg) no-repeat; background-size:cover; }
.w1200 {width: 1300px;margin: 0 auto; position: relative!important;}


.baoming_l {width:50%; float: left;position: absolute;top:130px;}
.baoming_l .tab {font-size: 20px ;color:#666; padding-bottom:10px;}
.baoming_l .tab span {color:#ef8200;}
.baoming_l h1{border-bottom: #999 1px dashed; border-top: #999 1px dashed; padding:20px 0; font-size: 37px; font-weight:bold; color:#fff;}
.baoming_l .fifty{font-size: 24px;padding:50px 0; line-height:35px;color: #369;}

.baoming_l em{font-size: 25px; font-weight:bold;color:#f00904;padding: 15px 30px;border-radius:5px; background: #eee; width:190px;}

/*报名表单*/
.login-form{ position: absolute; width: 40%; background: #fff; overflow: visible; top:130px; right: 0; border-radius:10px;}
.login-form .login-wrap{ padding: 30px 40px; }
.login-form .login-wrap .login-tit { padding: 20px 0;color: #000; font-size:30px;}
.login-wrap .form-group{padding-bottom:30px;position: relative; }
.login-wrap .form-group .form-control-box{ line-height: 50px; height: 50px; border: 1px solid #ddd; position: relative; border-radius:5px;}
.login-wrap .form-group dt{ padding-bottom:10px; font-size:16px; color:#666;}
.login-wrap .form-group dd{ padding-bottom:10px; font-size:16px; color:#666;}
.login-wrap .form-group .icon{ display: block; padding:0 20px;position: absolute; line-height: 50px; height: 50px; font-size: 16px;}
.login-wrap .form-group .icon i{ margin-right: 3px;font-style: normal;color: #f30; font-weight:800;}
.login-wrap .form-group .text{line-height: 50px; height: 50px; border: 0; padding: 0 0 0 80px; float: none; font-size: 16px; color:#999; overflow: hidden; }

.login-wrap .butter{text-align: center;}
.login-wrap .butter button{display: block;border: 0px;width: 50%;line-height: 30px;background: #f30;color: #FFF;border-radius: 25px; padding:10px;margin: 10px auto 0; font-size:16px;}
.login-wrap .butter button:hover{background: #f00;}

/* 课程列表 */
.m-list{ max-width:1300px; margin:50px auto; overflow:hidden;}
.m-list .cont{ margin:0 -15px;}
.m-list .list{ margin:20px 15px;width:calc(50% - 30px); background: #fff; border-radius: 10px; position:relative; float:left; height:350px;}
.m-list .list ul{display: table; width:100%; padding:50px 30px 20px 40px;}
.m-list .list ul li{display: table-cell;vertical-align: middle;}
.m-list .list ul li.img{width:150px;}
.m-list .list ul li.img a{display: block;width:150px;overflow: hidden;position: relative;border-radius: 10px;}
.m-list .list ul li.img a:before{content: '';display: block;padding-top: 100%;}
.m-list .list ul li.img a img{position: absolute;width:100%;height: 100%;left: 0;top:0;}
.m-list .list ul li.img a span{display: block;width:20px;height: 20px;text-align: center;line-height: 20px;font-size:14px;color: #FFF; background: #aaa;position: absolute;left:5px;top:0px;box-shadow: 0px 0px 1px #fff;
}
.m-list .list ul li.img a span.num1{background: #F30;}
.m-list .list ul li.img a span.num2{background: #F60;}
.m-list .list ul li.img a span.num3{background: #F90;}
.m-list .list .info{width:80%; padding-left:15px; float:left; min-height:150px; text-align:justify;}
.m-list .list .info .title{color: #000;font-size: 24px; font-weight:600;}
.m-list .list .info .cnt{color: #666;font-size: 16px; padding:15px 0;}
.m-list .list .info .other{ color: #fff;position: absolute; display: block;}
.m-list .list .info .other i{margin-right: 5px;}
.m-list .list .info .other span{display: inline-block; color:#999; font-size:12px;}
.m-list .list .info .more {
    width: 120px;height: 34px;transition: all 0.5s ease-out;background: #DE1F26;font-size: 14px;line-height: 34px; color: #fff;
    text-align: center;position: absolute;transform: translateY(-20px);opacity: 0;filter: alpha(opacity=0); border-radius: 15px;right: 30px;
}
.m-list .list .info .more a {color: #fff;}
.m-list .list .info:hover .more {  transform: translateY(0px); opacity: 1;filter: alpha(opacity=100); } 
.m-list .list .info:hover .code{display:block;}
.m-list .list:hover {box-shadow: 0px 0px 20px rgba(100, 100, 100, .5);}

.m-list .list ul li.join{width:50px;}
.m-list .list ul li.join a{display: block;border:#f30 solid 1px;color: #f30;line-height: 20px;text-align: center;border-radius: 10px; font-size:16px;}

.article__booking {position:relative; border-radius: 10px; background:#f6f6f6; margin:10px 30px 0 40px; padding:20px;}
.article__booking .gonggao{display: table; width:100%; }
.article__booking .gonggao li{display: table-cell;vertical-align: middle;}
.article__booking .i{width:40px; color:#DE1F26; font-size:24px;}
.article__booking .title{font-size: 18px; line-height:26px;}
.article__booking .favor-wrapper {position:absolute;-webkit-transform:translateY(-50%);background: #f30;border-radius:15px; padding:5px 15px;font-size:14px;text-align: center;}
.article__booking .favor-wrapper a {color:#fff;}