@charset "UTF-8";
.m-indexMain{background-color:#fafafa;color:#333;}
.m-indexMain *,.m-indexDetail *{box-sizing:border-box}
.f-arrow-right:after{content:" >";font-family:simsun,serif}
.u-mtitle{}
.home-pay-list{display:none;margin:0 0 0 -15px;animation:fadeIn .5s;font-family:'microsoft yahei',sans-serif}
.home-pay-list-item{display:inline-block;width:270px;height:270px;margin:0 0 24px 15px;background-color:#fff;transition:.25s;box-shadow:0 2px 5px rgba(0,0,0,0.01)}
.home-pay-list-item:hover{box-shadow:0 2px 10px rgba(0,0,0,0.25)}
.home-pay-list-item:hover img{transition:1.5s;transform:scale(1.1)}
.home-pay-info{height:70px;}
.home-free-list-item{display:inline-block;width:270px;height:254px;margin:0 0 24px 15px;transition:.25s;}
.home-free-list-item:hover .home-pay-title{color:#f85a5a}
.home-free-list-item:hover img{transition:1.5s;transform:scale(1.1)}
.home-free-cover{background:#eee center no-repeat;background-size:cover;width:100%;height:150px;overflow:hidden}
.home-free-cover img{width:100%;height:100%;object-fit:cover;transition:.5s cubic-bezier(0,0.6,0.3,1)}
.home-pay-cover{position:relative;background:#eee center no-repeat;background-size:cover;width:100%;height:150px;overflow:hidden}
.home-pay-cover img{width:100%;height:100%;object-fit:cover;transition:.5s cubic-bezier(0,0.6,0.3,1)}
.home-pay-status{position:absolute;bottom:0;right:0;padding:0 .5em;color:#fff;line-height:22px;font-size:12px;text-align:center;background-color:rgba(0,0,0,0.5)}
.home-pay-title{margin:18px 7px 10px 7px;color:#333;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.home-pay-subtitle{margin-bottom:.5em;overflow:hidden;line-height:1;white-space:nowrap;text-overflow:ellipsis;padding:0 7px;}
.home-pay-price{padding:0 10px;color:red;font-weight:500;line-height:1}
.home-pay-price-ori{margin-left:.5em;color:#999;font-size:14px;font-weight:normal;text-decoration:line-through}

@media only screen and (min-width: 100px) and (max-width: 640px) {
#homeplay img, .footer, .teachers{display:none;}
			.wantop{width:100%;padding-bottom:10px;}
			.wantop .col-md-10 .nav-main{display:none}
			.home-pay-list{display:none;margin:0 0 0 -17px;}
.service-box ul li{display:none}
.home-pay-list-item{display:inline-block;width:45%;height:auto;margin:0 0 25px 15px;}
.home-pay-cover{width:100%;height:auto;overflow:hidden}
.home-pay-title{margin:8px 7px 10px 7px;font-size:14px;}
.home-pay-price{padding:0 7px;color:red;font-size:14px;}
.home-pay-info{height:70px;}
.home-free-list-item{display:inline-block;width:45%;height:180px;margin:0 0 25px 15px;}
.media {padding: 25px 0px;}
#carousel-345724 img{width:100%; height:auto;}
.topbox .wantop>.col-md-2>a img{position:absolute;top:-3px;left:-10px;display:block;z-index:100}
.login-1>li .input-group{display:none;}
.login-main{margin-bottom:8px;}
.freepay{height:390px;}
.mainfram>.mainbox1{margin-left:-30px;}
.modal-dialog {
    width:auto;
    margin: 30px auto;}
#myModal{top:20%;right:0;}
#carousel-345724 .item img{height:auto;}
.media>.cover-img1{width:350px;height:200px;}
.media>.cover-img1>img{max-width:100%;max-height:100%;}
#r-relevancy,#r-relevancy1, .h400bm, #r-lr, #r-fx, #end-recommend{display:none;}
.activityimg, .activityimg img{width:100%;height:auto}
.sgtp .col-md-3{float: left;width:50%;}
.mbtp .col-md-2{float: left;width:50%;}
}
.open-pay{padding-top:15px;}
.f9{color:#999}
.u-mtitle h2 small>a{color:#f85a5a}
.top-free{position:absolute;top:0;left:0;padding:0 .5em;color:#fff;line-height:22px;font-size:12px;text-align:center; background-color: rgb(221, 135, 0);}
.nav-class a{margin:0 10px;color:#333;padding:0 2px;}
.nav-class a:hover{background:#f85a5a;color:#fff;}

/*登录窗*/
#myLogin .modal-body h6{font-size:0.6rem;color:#999;}
#myLogin .modal-body h6 small{float:right}
#myLogin .modal-body label{font-weight:normal;color:#F00;font-size:0.6rem;line-height:25px}
#myLogin .modal-footer h6,#myLogin .modal-footer{text-align:center;font-size:0.8rem;}
#myLogin .modal-footer h6{margin-top:-27px;color:#666;}
.wxbox8{padding:8px;border:1px #ddd solid;display:block;width:278px;margin:10px auto;}
#wxguanzhu h1,#wxguanzhu h6,#wxQRcode h1,#wxQRcode h6{text-align:center;}
#soujil,#wxQRcode{display:none;}
#myLogin a>img{cursor: pointer;transition: all 0.8s;}
#myLogin div a>img:hover{transform: scale(1.1);}

/*在线课详情页*/
.media>.cover-img1{text-align:center;margin-bottom:10px;}
.media>.cover-img1>img{width:auto;height:auto;max-width:468px;margin-right:30px;box-shadow: 5px 5px 5px #ccc;}
.media-heading>small{margin-left:15px;}
.media{padding:25px 30px;background:#fff;overflow:hidden;margin-bottom:15px;}
.media-body .mrg7{overflow:hidden;padding:8px 0;color: #666;line-height: 23px;}
.Xcontent1117{max-width: 502px;	height: 100px;	background: #f5f3ef;	margin-top: 15px;	overflow: hidden;}
.Xcontent16>p{	font-family: "微软雅黑";	font-size: 12px;	color: #9f9f9f;	margin-top: 65px;}
.Xcontent17{max-width: 502px;	max-height: 120px;	background: #f5f3ef;	margin-top: 15px;	overflow: hidden;}
.Xcontent18{font-family: "微软雅黑";	font-size: 12px;	color: #666a6e;	margin-top: 20px;	margin-left: 16px;	float: left;}
.Xcontent19{font-family:"微软雅黑";	font-size: 18px;	float: left;	color: #d7282d;	margin-left: 26px;	margin-top: 4px;}
.Xcontent19>span{font-family: "微软雅黑";	font-size: 28px;	color: #cd2426;}
.Xcontent20{height: 20px;	max-width: 502px;	margin-top: 50px;}
.Xcontent21{font-family: "微软雅黑";	font-size: 12px;	color: #666a6e;	margin-left: 16px;	line-height: 20px;	float: left;}
.Xcontent20>img{float: left;	margin-top: 1px;	margin-left: 28px;}
.Xcontent22{font-family: "微软雅黑";	font-size: 12px;	line-height: 20px;	color: #cd2426;	margin-left: 10px;	float: left;}
.Xcontent34{margin-left: 16px;margin-top:15px;	float: left;}
.Xcontent35{float: left;margin-top:15px;	margin-left: 20px;}
.thumbnail>.img-circle{width:100px;height:100px;margin-top:35px;}
.caption{text-align:center;}
.thumbnail{border:0;border-radius:0}
.f16{font-size:18px;}.f16 small{font-size:12px;}
.f16 a:hover{color:#f85a5a}
.nav.nav-tabs.f16>.active a{border:0;border-bottom:3px #f85a5a solid;border-radius:0;}
#panel-668752,#panel-718588{min-height:238px;height:auto}
/*你喜欢的老师*/
.teacher-list{overflow:hidden}
.teacher-list ul li {float: left;  border-right: 1px solid #eee;  width: 190px;padding:15px;text-align: center;  margin: auto;}
.teacher-list ul li a {display: block; }
.teacher-list ul li a img {transition: all 0.5s;}
.teacher-list ul li a:hover img {transform: scale(1.1); transition: all 0.5s;}
.teacher-list ul li  .aui-content-price{background:#FFF;}
.num-z .glyphicon-thumbs-up{padding:0 3px}


.text1{margin: 20px 8px; font-size:16px; line-height: 30px;text-align:justify;color:#303030;}

.catalog dt{font-weight:bold;font-size:1.2rem}
.catalog dd{margin:10px; width:100%;height:65px;display:block;}
.catalog dd a small{color:#999;font-size:1rem;}
.catalog dd a span{color:#ccc;margin-right:3px;}
.catalog dd a img{width:27px; height:55px}
.catalog dd a img,.catalog dd a p{float:left;}
.catalog dd a:hover span{color:#f85a5a;}
b{font-weight:bold;font-size:1.2rem}
.title-box p img,.txt_content p img,.video-text img, .video-text p img{margin:5px auto;max-width:100%;height:auto}
.w520 img{width:520px; height:200px;}
.pagination>li>a, .pagination>li>span{color:#666;}
.pagination>li>a:hover{color:#f85a5a}
#carousel-345724 img{width:100%; height:370px;}
.teacher-list li a{}
.teacher-list li a .aui-content-item-img img{width:120px; height:120px;}
.aui-content-item-name,.aui-content-price{margin:10px;}
.ordersAss{border-top:1px #ddd solid;padding:15px 0px;overflow:hidden}
.ordersAss dd img{width:35px;height:35px;margin-right:10px;}
.ordersAss dd{float:left;display:block;}
.radius50 img{border-radius:50%;}
.backbox{background:#f3f6f7;overflow:hidden}
.backbox dl{padding:10px;}
.backbox dl dd{float:left;margin-right:5px;}
.backbox dl dd input{width:15px;height:15px;margin-right:10px;}
.buyclass{margin:10px 0;overflow:hidden}
.buyclass li{float:left;display:block;margin-right:10px;}
.buyclass li img{width:87px;height:54px;}
.buyclass li dd{font-size:12px;}
.right-1{float:right;}
.ddd{color:#999;}
.right2{float:right;font-weight:bold;}
.jginfo{background:#fefcef;padding:15px 45px;margin:15px 0;border:1px #ddd solid;text-align:right;}
.jginfo h3{margin-bottom:15px;}
.jginfo a{overflow:hidden}
.jginfo .payButton{border-radius:3px;background:#F60;text-align:center;color:#fff;padding:10px 60px;font-size:18px;}
.right2 span{color:#F60}

/* select */
.select{padding:5px 10px;border-radius:0px;width:100%;font-size:15px;background:#fff;}
.select li{list-style:none;padding:10px 0 5px 80px}
.select .select-list{border-bottom:#eee 1px solid}
.select dl{zoom:1;position:relative;line-height:24px;}
.select dl:after{content:" ";display:block;clear:both;height:0;overflow:hidden}
.select dt{width:80px;margin-bottom:5px;position:absolute;top:0;left:-80px;text-align:right;color:#666;height:24px;line-height:24px}
.select dd{float:left;display:inline;margin:0 0 5px 5px;}
.select a{display:inline-block;white-space:nowrap;height:24px;padding:0 10px;text-decoration:none;color:#039;border-radius:2px;color:#444;}
.select a:hover{background-color:#f85a5a;color:#fff;}
.select .selected a{color:#fff;background-color:#f85a5a}
.select-no{color:#999}
.select .select-result a:hover{background-color:#fff;}
.select .select-result dd input{line-height:24px;width:160px;}

.oriPrice{ color: #999;font-size: 14px;font-weight: 400;text-decoration: line-through;margin-left:10px;}
.paysu{width:200px;margin:60px auto;text-align:center;}
.paysu .btn-lg{margin:30px;}

.col-lg-12{padding:0}




.pagination span.active {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.freepay{overflow:hidden}
.teacher-Resume{width:100%;height:80px;overflow:hidden;margin-bottom:10px;}
.vip-members{line-height:35px;background:#777;color:#fff;width:120px;height:35px;padding:7px 15px;border-radius:2px;}
.vip-members:hover{color:#fff;background:#f85a5a;}

/*活动*/
#carousel-active img{width:100%; max-height:425px;height:auto}
.home-active-list{display:none;margin:0 0 0 -15px;animation:fadeIn .5s;font-family:'microsoft yahei',sans-serif}
.home-active-list-item{display:inline-block;width:267px;height:273px;margin:0 0 25px 15px;background-color:#fff;transition:.25s;box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.home-active-list-item:hover{box-shadow:0 2px 10px rgba(0,0,0,0.25)}
.home-active-list-item:hover img{transition:1.5s;transform:scale(1.1)}
.home-active-info{height:80px;position:relative;}
.home-active-cover{position:relative;background:#eee center no-repeat;background-size:cover;width:100%;height:150px;overflow:hidden}
.home-active-cover img{width:100%;height:100%;object-fit:cover;transition:.5s cubic-bezier(0,0.6,0.3,1)}
.home-active-status{position:absolute;top:0;right:8px;padding:0 .5em;color:#fff;line-height:22px;font-size:12px;text-align:center;}
.expired{background-color:rgba(0,0,0,0.5)}
.enroll{background-color:rgba(0,138,245,1)}
.enrolling{background-color:rgba(248,90,90,1)}
.home-active-title{margin:12px 60px 10px 7px;height:40px;font-size:16px;color:#333;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.home-active-subtitle{margin-bottom:.5em;overflow:hidden;line-height:1;white-space:nowrap;text-overflow:ellipsis;padding:0 7px;}
.home-active-price{padding:0 10px;background:#f3f7fb;height:31px;border-top:1px #eee solid;}
.home-active-price span{display:inline-block;line-height:26px;color:#999}
.home-active-price-ori{margin-left:.5em;color:#999;font-size:14px;font-weight:normal;text-decoration:line-through}
.more-activity{line-height:45px;border:1px #eee solid;margin:15px 0;text-align:center}
.more-activity a{width:100%;height:45px;display:inline-block}
.txt-center{text-align:center;margin:15px 0}
.activityli{font-size:13px;margin-top:-15px;padding-bottom:15px;}
.activityli li{width:100%;padding-left:14px; padding-top:15px;background:url(../img/share-icons.png) -13px -258px no-repeat}
.day-rx{font-size:0.6rem; color:#999;margin-top:8px;}
.mp4-act{border-top:1px #eee solid;}
.rnewshot{font-size:0.8rem;overflow: hidden;}
.rnewshot li{position: relative;overflow: hidden;margin-bottom:20px;float:left;display:block;}
.rhotnew2 dt{float:left;}
.rhotnew2 dd{float:right;}
.rhotnew2 .title_r,.rhotnew2 .day-rx{width:175px;line-height:1.4;}
.title_r{height:36px;font-size: 13px;white-space: normal;overflow: hidden;}
.img70{overflow: hidden;}/*10-29leon*/
.img70,.img70 img{width:80px; height:60px;}
/*活动详情*/
.border-box{border:1px #e7e8ec solid;overflow: hidden;padding:30px 15px 15px 15px;margin-bottom:20px;background:#fff;}
.margin-b1.row{margin-right:0;  margin-left:0;}
.margin-b1{margin-bottom:15px;}
.activityimg img{max-width:550px; max-height:310px; }
.flaotblack{border-bottom:1px #e7e8ec solid;overflow: hidden;line-height:43px;}
.flaotblack li{float:left;display:block;margin-right:15px;font-size:13px}
.flaotblack li img{margin-top:6px;}
.buttom-xb{border:1px #f4b582 solid;padding:2px 6px 1px 7px;color:#ff7a00;border-radius:3px;background:#fff;font-size:12px}
.font999{color:#999999}
.fontz16{ color:#ff7a00}
.fontz16 span{margin-right:5px;color:#999999}
.badges-1 span{color:#f85a5a;margin-right:3px;}
.margin-top20{margin:32px 15px;border-top:1px #e7e8ec solid;}
.buttom-maxb li{float:left;margin:5px 10px;border-radius:30px;padding:5px 15px;}
.backgred{background:#f85a5a;color:#fff;line-height:30px;font-size:16px;}
.backgred a{color:#FFF}
.backgorgd{background:#fff7e8;color:#ff7a00;line-height:30px;font-size:16px}
.backgorgd a{color:#ff7a00}
.backggry{background:#eee;color:#999;border:1px #eee solid;}
.backgorg{background:#fff7e8;color:#ff7a00;border:1px #ff7a00 solid;}
.backgorg a{color:#ff7a00;}
.orgcolor,.orgcolor a{color:#ff7a00;font-size:12px;}
.ticket-activ li{width:210px;display:inline-block;margin:20px 5px 0px 5px;padding:6px 20px;}
.ticket-activ li:hover{cursor:pointer}
.gyee{background:#eee;}
.gyee h5{color:#999;}
.ticket-activ li h5{margin:3px 0;}
.bgred{background:#f85a5a;color:#fff;}
.bgred a{color:#fff;}
.toggle-dows {display:inline-block;background:#FFF;padding:5px 10px;position:absolute;top:-18px;right:0;z-index:100px;}
/*切换tab*/
#tabs-acti-2 .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #f85a5a;
    border: 1px solid #f85a5a;
    border-bottom-color: transparent;
	font-size:16px;
	}
#tabs-acti-2 .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;}	
#tabs-acti-2 .nav-tabs {
    border-bottom: 1px solid #f85a5a;
}
#tabs-acti-2 .tab-content .tab-pane{padding:15px;min-height:300px;height:auto;}
.h400bm{position:relative;}
.h400bm ul{position:absolute;right:-10px;top:12px;}
.h400bm li{float:left;display:block;margin:0 10px;color:#9bbb05}
.h400bm li a{background:#9bbb05;color:#fff;display:inline-block;padding:3px 10px;margin-top:-3px;}
#r-lr, #r-fx{float:right}
#end-recommend{padding-top:8px;padding-left:20px;background:#eee;}

/*培训*/
.pxtitle h1{margin: 0 10px 25px 10px;}
.train-activ li{width:250px;height:64px;display:inline-block;background:#6599ff;margin:20px 5px 0px 5px;padding:6px 20px;}
.train-activ li h5{margin:3px 0;color:#fff}

/*讲师照片*/
.bodyCon07{width:100%; overflow:hidden;padding-bottom:20px;}
.bodyCon07 .teacher{height:230px;position:relative;margin:0 auto; overflow:hidden;}
.bodyCon07 .teacher .teacherPic{width:100%;height:230px;position:absolute; top:25px;left:45px;}
.bodyCon07 .teacher .teacherPic .content{width:152px;height:230px;float:left;position:relative;overflow:hidden;margin-left:20px;}
.bodyCon07 .teacher .teacherPic .content .txt{width:100%;height:60px;background:rgba(18,21,44,0.4); position:absolute;left:0px;bottom:0px;padding:0 12px;}
.bodyCon07 .teacher .teacherPic .content .txt h3{color:#fff;font-size:18px;font-weight:100;margin:10px 0 6px 0;}
.bodyCon07 .teacher .teacherPic h4{color:#fff;font-size:14px;font-weight:100;}
.bodyCon07 .teacher .teacherPic .content .txt p{color:#fff;margin-top:20px;padding-top:12px;border-top:1px solid #fff;font-size:12px}
.bodyCon07 .teacher .prev,.bodyCon07 .teacher .next{position:absolute;}
.bodyCon07 .teacher .prev a,.bodyCon07 .teacher .next a{color:#ddd;}
.bodyCon07 .teacher .prev a:hover,.bodyCon07 .teacher .next a:hover{color:#666;}
.bodyCon07 .teacher .next{right:0;left: auto;}


#students a .home-active-cover>img{border-radius:50% 50%; width:110px; height:110px; margin-top: 20px;}
#students a .home-active-cover {text-align:center;}

.day-lx{font-size:0.6rem; color:#999;margin-top:8px;}
.day-lx .ymd_w{display:block;margin-right:30px;}
.day-lx span{float:left;}
.day-lx span a{color:#2694f6;margin-left:30px;}
.l_newshot li:hover{background:#f6f6f6;}
.top_7{position: absolute; background:#f85a5a;color:#fff;display:block;font-size:0.6rem;}
.lhotnew2 .top_7{padding:0 10px;}
.size20{font-size:20px;line-height: 40px;}
.size20 a:hover {text-decoration:none;}
.lhotnew2 dd h1{width:565px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.sgtp li:last-child>dl{border-right:0;}
.img220{overflow: hidden;}/*10-29leon*/
.img220 img{max-width:220px; max-height:137px;}

.tutor h3{margin-top:10px; color:#999;}


footer {
  width: 100%;
  height: 400px;
  background-color: #464646;
  position: relative; }
  footer .info {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 1.25rem;
    letter-spacing: -1px; }
    footer .info a {
      color: white; }

.service-box li{float:left;width:16.6%;padding:20px 5px 20px 0;color:#fff;line-height:1.5rem;}
.service-box li:last-child{padding:20px 0;}
.bgcolor1{background-color: #9bbb05;padding:15px;}
.bgcolor2{background-color: #f08200;padding:15px;}
.bgcolor3{background-color: #f85a5a;padding:15px;}
.bgcolor4{background-color: #80cff8;padding:15px;}
.bgcolor5{background-color: #e4007f;padding:15px;}
.bgcolor1 small,.bgcolor2 small,.bgcolor3 small,.bgcolor4 small,.bgcolor5 small{font-size:12px;}
.bgcolor1 a, .bgcolor2 a, .bgcolor3 a, .bgcolor4 a, .bgcolor5 a{padding:15px 0 10px 0;display:block}
.bgcolor1 a:hover, .bgcolor2 a:hover, .bgcolor3 a:hover, .bgcolor4 a:hover, .bgcolor5 a:hover{color:#fff;text-decoration:none;}
.sgtp li{float:left;width:20%;line-height:1.5rem;margin-bottom:20px;}
.sgtp li .sgbox{border-right:1px #ddd solid;padding:20px 5px;text-align:center;height:190px;}
/*当前课列表*/
.l_newshot{font-size:0.9rem;line-height:2.0;}
.l_newshot li{position: relative;overflow: hidden;padding-top:20px;border-bottom:1px #e7e8ec solid;padding-bottom:20px;}
.l_newshot li .lhotnew2{width:805px;}
.lhotnew2 dt, .lhotnew2 dd{float:left;}
.lhotnew2 dd{padding-left:20px;}
.lhotnew2 .title_l,.lhotnew2 .day-lx{width:565px;line-height:1.5;}
.lhotnew2 .title_l{margin-top:8px;color:#999;font-size:14px;height:40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.right-px{float:right;position:absolute;right:15px;top:55px;}
.right-px dt h2{color:#f85a5a;padding-bottom:15px;font-size:20px}
.more{text-align:center;padding:10px;border:1px #ddd solid;margin:15px 0;}

.red-1 {
  background-color: #f85a5a; 
  }
.blur1{ background-color: #2b5c9f;}
.orange1{background-color: #ffb93d;}

.btn {
  color: white;
  padding: 0;
  cursor: pointer;
  line-height: 220%; }

.hero {
  width: 100%;
  height: 425px;
  position: relative; }
  .hero .container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    z-index: 999; }
  .hero .tagline {

    width: 50%;
    padding: 4% 0 0 0;
    float: left;
    color: white; }
    .hero .tagline p {
      font-size:24px;
      line-height: 4rem;
      margin-top: 10px; }
      @media (max-width: 600px) {
        .hero .tagline p {
          font-size: 2rem; } }
    .hero .tagline h1 {
      font-weight:normal;
      font-size: 54px;
      line-height: 7rem; }
      @media (max-width: 1450px) {
        .hero .tagline h1 {
          font-size: 54px;
          line-height: 4rem; } 
      .hero .tagline {
        padding: 5% 0 0 0; }
 .hero .tagline p {
          font-size: 22px;
          line-height: 2.2rem;
          font-weight: normal;
          }}
  .hero .downloads {
    float: right;
    width: 40%;
    color: white;
    font-weight: bold;
    letter-spacing: -1px;
    font-size: 1.5rem;
    height: 100%;
    position: relative; }
    .hero .downloads .btn-container {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%; }
      .hero .downloads .btn-container .btn {
        float: right;
        text-align: center;
        margin-left: 20px; }
        @media (max-width: 800px) {
          .hero .downloads .btn-container .btn {
            float: left;
            margin: 20px 20px 0 0; } 
      .hero .downloads {
        float: none;
        width: 100%;
        height: auto; } 
         .hero .tagline {
        float: none;
        width: 100%;
        margin-bottom: 70px; } }


code {
  background-color: #464646;
  color: #ffdb56;
  font-size: 1rem; }
  @media (max-width: 800px) {
    code {
      font-size: .8rem; } }
  @media (max-width: 600px) {
    code {
      font-size: .5rem; } }

#code-header {
  margin-bottom: 0px; }

#code-footer {
  margin-top: 0px; }

.code-comment {
  font-style: italic;
  color: gray; }

hr {
  margin: 50px 0; }

.download {
  position: relative;
  width: 100%;
  height: 250px;
  background-color: #ffdb56;
  margin-top: 100px;
  color: white;
  font-size: 1.5rem; }
  .download h1 {
    font-weight: bold;
    font-size: 7rem;
    letter-spacing: -0.25rem;
    line-height: 7rem; }
    @media (max-width: 1450px) {
      .download h1 {
        font-size: 5rem;
        line-height: 5rem; } }
  .download .btn {
    text-align: center; }
  .download > div {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%; }
    .download > div > * {
      float: left; }
    .download > div .btn-container {
      width: 500px;
      float: right;
      margin-top: 10px; }
      .download > div .btn-container .btn {
        float: right;
        margin-left: 20px; }
  @media (max-width: 800px) {
    .download {
      display: none; } }
.stud-data .sgbox{position: relative;}
.stud-data .sgbox dt{position:absolute;bottom:9px;width:98%;}
@media only screen and (min-width: 100px) and (max-width: 640px) {
.sgtp li{width:100%;}
#last-tabs1,.hero {display: none;}
.home-active-list-item{width:40%;margin: 0 0 25px 25px;height:auto; }
.home-active-cover{height:auto;}
.lhotnew2 .day-lx,.l_newshot li .lhotnew2{width:100%;}
.home-active-price span{font-size: 10px;}
.home-active-title{height:auto;margin: 12px 7px 10px 7px;}
.lhotnew2 dd h1, .lhotnew2 .title_l{width:350px;}
.lhotnew2 dd h1{overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;}

}
.counter{
  margin:30px 0;
  padding: 20px 0;
  text-align: center;
  position: relative;
}
.counter .counter-content{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #fff;
  padding: 10px 0;
  margin: 0 auto 30px;
  z-index: 1;
  position: relative;
  transition: all 0.3s ease 0s;
}
.counter .counter-content:before{
  content: "";
  width: 122%;
  height: 122%;
  border-radius: 50%;
  border: 1px solid #f19f48;
  border-bottom: 1px solid transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.counter .counter-content:after{
  content: "";
  border-top: 7px solid #f19f48;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
}
.counter .counter-icon{
  display: block;
  font-size: 24px;
  color: #f19f48;
  line-height: 20px;
}
.counter .counter-value{
  font-size: 30px;
  font-weight: 300;
  color: rgba(0,0,0,0.7);
  line-height: 60px;
}
.counter .title{
  display: inline-block;
  padding: 3px 11px;
/*  background: #f19f48;*/
  border-radius: 3px;
  font-size: 18px;
/*  color: #fff;*/
  text-transform: capitalize;
  margin: 0;
}
.counter.red .counter-content:before{
  border-color: #ef5f61;
  border-bottom-color: transparent;
}
.counter.red .counter-content:after{ border-top-color: #ef5f61; }
.counter.red .counter-icon{ color: #ef5f61; }
/*.counter.red .title{ background: #ef5f61; }*/
.counter.blue .counter-content:before{
  border-color: #80cff8;
  border-bottom-color: transparent;
}
.counter.blue .counter-content:after{ border-top-color: #80cff8; }
.counter.blue .counter-icon{ color: #80cff8; }
.counter.blue .title{ background: #80cff8; }
.counter.purple .counter-content:before{
  border-color: #9bbb05;
  border-bottom-color: transparent;
}
.counter.purple .counter-content:after{ border-top-color: #9bbb05; }
.counter.purple .counter-icon{ color: #9bbb05; }
.counter.purple .title{ background: #9bbb05; }

.counter.gddd .counter-content:before{
  border-color: #ddd;
  border-bottom-color: transparent;
}
.counter.gddd .counter-content:after{ border-top-color: #ddd; }
.counter.gddd .counter-icon{ color: #ddd; }
.counter.gddd .title{ background: #ddd; }


/*校友感言*/
.stud_message{font-size:0.9rem;line-height:2.0;}
.stud_message li{position: relative;overflow: hidden;padding-top:20px;border-bottom:1px #e7e8ec solid;padding-bottom:20px;}
.img65 img{width: 100px; height: 100px;border-radius:50%;display: block;float: left;margin-right: 20px;margin-left: 7px;}
.stud_message li .text_l{font-size: 14px;line-height: 20px;color:#666;width:95%;display: block;}
.stud_message li .text_2{margin-top:9px;}
.stud_message li .text_2 span{font-size: 12px;float:right;margin-right: 30px;}
.tag_px li{display:inline-block;background:#80cff8;margin:20px 5px 0px 5px;padding:6px 10px;}
.tag_px li h5{margin:3px 0;color:#fff}
.tag_px li h5 span{margin-right: 10px;}
.tag_px li:nth-child(2){background:#f85a5a;}
.tag_px li:nth-child(3){background:#9bbb05;}
.tag_px li:nth-child(4){background:#f08200;}
.tag_px li:last-child{background:#e4007f;}
.train_tit{border-bottom: 1px #ddd solid;padding-bottom: 5px;padding-top: 60px;}
.txt_content{margin:30px 10px;min-height:50px;line-height:30px;}
.train_tit span{margin-right:8px;color:#f85a5a;}
#fixedMenu{background: #fff;width:858px;}

.counter .counter-card{
  width: 100px;
  height: 100px;
  border-radius:10px;
  background: #fff;
  padding: 10px 0;
  margin: 0 auto 30px;
  z-index: 1;
  position: relative;
  transition: all 0.3s ease 0s;
}
.counter .counter-card:before{
  content: "";
  width: 122%;
  height: 122%;
  border-radius: 10px;
  border: 1px solid #f19f48;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.counter.red .counter-card:before{
  border-color: #ef5f61;}
.canfang a{margin-bottom:55px;}

/*在线课增补*/
.purchase{margin:15px 0;}
.purchase .notes{padding:15px;background: #fff;}
.notes>.h3-underline{border-bottom: 1px #ddd solid;padding-bottom:15px;}
.notes>p{color: #666;padding:0 25px;}
.teacherPic .content img{width: 150px; height: auto;}

.home-pay-th{position:absolute;bottom:0;right:0;padding:0 .5em;color:#fff;line-height:22px;font-size:12px;text-align:center;background-color:#f85a5a;}