@media only screen and (min-width: 1366px) {
.modal-dialog { width: 550px; }
.footer .xl12 { border-left: 1px solid #fff; padding-left: 80px; }
.footer { padding: 60px 0; }
}
 @media (max-width: 1200px ) {
.c-header { height: auto; }
.c-header li a { padding: 0 10px; }
.c-fangan .mc .c-box .c-tit { font-size: 20px; }
.c-hezuo .mb .c-right .c-img { display: none; }
/*new*/
.container { width: 94%; margin: 0 auto; padding: 0; }
.wid { width: 94%; margin: 0 auto; }
.row { margin-left: 0; margin-right: 0; }
.c-logo { line-height: 100px; }
.c-header img { width: 100%; vertical-align: middle; }
.g-bread { padding: 30px 0px; }
.cwrap .wrap_left { float: none; margin: 0 auto; width: 100%; }
.cwrap .wrap_left .courses .clist { width: 100%; }
.cwrap .wrap_left .courses .clist li { width: 24%; margin-right: 1%; }
.cwrap .wrap_left .courses .clist li:nth-child(4n) { margin-right: 0; }
.cwrap .wrap_right { width: 100%; float: none; margin-top: 30px; }
.cwrap .wrap_right .reList { padding: 0; margin-top: 20px; }
.cwrap .wrap_right .reList li { float: left; margin-right: 20px; }
.cwrap .wrap_right .reList li:nth-child(4n) { width: 24%; margin-right: 1%; }
.cwrap .wrap_right .reList li:after { display: none; }
.cwrap .wrap_left .courses .clist li:after { display: none }
.cwrap { padding-bottom: 10px; }
.cwrap .wrap_left .courses .clist li .g-img { position: relative; height: auto; padding-top: 58%; }
.cwrap .wrap_left .courses .clist li .g-img img { position: absolute; top: 0; left: 0; }
.video_box .video_det { width: 100%; }
.video_box .video { width: 100%; }
.v_belong { min-height: inherit; }
.sayBox { width: 100%; }
.sayBox .area textarea { width: 100%; max-width: 100%; }
.grayBg{ display:block;}

/*课程排行*/
.lesson ul{ width:100%;}
.lesson ul li .rank{ width:92%;}
.lesson ul li .rank_num{ width:8%; text-align:center; margin-left:0; font-size:40px;}
.lesson ul li:nth-child(10) .rank_num{ margin-left:0;}
}
@media only screen and (max-width: 992px) {
.c-logo { margin-top: 20px; }
.g-active h4 .g-more { font-size: 16px; top: 14px; }
}
 @media only screen and (max-width: 768px) {
.g-date-2 { text-align: center; }
.navbar-default .navbar-collapse { background: #1f8786; }
.navbar-default .navbar-nav > li > a { font-size: 12px; text-align: left; color: #fff; border-bottom: 1px solid #0a9190; }
.navbar-default .navbar-toggle { border: none; margin-top: 15px; margin-bottom: 15px; }
.navbar-toggle .icon-bar { height: 3px; }
.navbar-default .navbar-toggle .icon-bar { background: #1f8786; }
.c-header img { width: auto; height: 50px; }
.g-notice { padding: 10px 15px; margin-bottom: 0; }
.g-notice span { font-size: 12px; }
.g-notice i { width: 16px; height: 18px; margin-right: 6px; }
h3 { font-size: 24px; }
h4 { font-size: 14px; margin-bottom: 35px; }
h4 .g-sort { top: 40px; right: 20px; font-size: 14px; width: 100px; height: 32px; line-height: 32px; }
.g-hot .g-con li .g-txt .g-b .g-r { float: right; }
.g-hot .g-con li { margin-bottom: 10px; }
.g-hot { margin-bottom: 0; }
.g-active h4 .g-more { font-size: 12px; right: 15px; top: 48px; }
.g-active { padding-bottom: 20px; }
.g-topic { margin: 0; }
.c-tu li .c-img { margin-bottom: 20px; }
.c-header li a { padding: 0 5px; font-size: 16px; }
.c-our li { margin-bottom: 30px; }
/*new*/
.c-logo { line-height: normal; padding-left: 0; }
.navbar-toggle { margin-right: 0; }
.g-bread { padding: 3% 0; }
.cwrap .wrap_left .c-title { overflow: auto; white-space: nowrap; border: none; }
.cwrap .wrap_left .c-title .c-nav { float: none; }
.cwrap .wrap_left .c-title .c-tip { padding: 0px 10px; float: left }
.cwrap .wrap_left .c-title .c-nav a { margin-right: 10px; }
.cwrap .wrap_left .courses .clist { margin-top: 4%; }
.cwrap .wrap_left .courses .clist li { width: 100%; margin-right: 0; height: auto; margin-bottom: 0; background: none; border-top: 1px solid #e5e5e5; padding: 3% 0; }
.cwrap .wrap_left .courses .clist li .g-img { width: 154px; height: 87px; float: left; padding-top: 0; }
.cwrap .wrap_left .courses .clist li .g-txt { padding-left: 164px; }
.cwrap .wrap_left .courses .clist li .g-box { padding-top: 0; padding-bottom:0; border-bottom: none }
.cwrap .wrap_left .courses .clist li .g-l { height: 22px; padding: 0 10px 0 0; }
.cwrap .wrap_left .courses .clist li .g-txt h5 { padding: 4px 0px; }
.cwrap .wrap_left .courses .clist li .p-num { padding: 4px 11px 0 0; line-height:normal; }
.pagination { margin-top: 4%; }
.cwrap .wrap_right .r_title { margin-bottom: 4px; padding: 10px 3% 10px 3% }
.recommend .wrap_left .courses .clist li .g-l .fl { display: block; float: none; padding-top: 8px; }
.recommend .wrap_left .courses .clist li .g-l .fr { display: block; float: none; padding-top: 6px; }
.cwrap .wrap_right .reList li { width: 100%; margin-right: 0; margin-bottom: 3%; }
.cwrap .wrap_right .reList li .licon { height: auto; }
.cwrap .wrap_right .reList li .nimg { height: auto; }
.cwrap .wrap_right .reList li .nimg img { height: auto; }
.cwrap .wrap_right .reList li .retext { top: 10%; }
.recommend .wrap_left .courses .clist li:hover .g-box { border-bottom: none; }
.content { background: none; padding-top: 0; }
.video_box { background: #f2f2f2; padding-top: 5px; padding-bottom:2px; }
.video_box .wid { background: #fff; width: 100%; }
.video_box .video_det .v_info { background: #fff; padding: 0; width: 94%; margin: 0 auto; }
.video_box .video_det { float: none; }
.video_box .video_det .v_info h2 { font-size: 18px; }
.video_box .video_det .v_info .v_time { padding: 10px 0px; }
.icon-sep { margin: 5px 12px; }
.video_box .video_det .v_info .tt-below-line { font-size: 12px; }
.item-share { height: 30px; }
.video_box .video_det .v_info .cou_info { margin-top: 0; }
.v_belong { background: #fff; padding: 0; padding-top: 6px; position: relative; }
.v_belong:after { content: ''; position: absolute; top: 0; left: 0; height: 5px; width: 100%; background: #f2f2f2 }
.v_belong h6 { padding: 0 3%; padding-top: 8px; }
.v_title { padding: 0 3%; }
.v_belong .v_title:after { left: 3%; }
.v_belong .v_title { padding-left: 6%; padding-bottom: 8px; }
.video_box .video { background: #f2f2f2; float: none; padding: 3% 0; }
.video_box #videox { width: 94%; margin: 0 auto; float: none; display: block; }
.tablist .info-text { width: 90%; margin-left: 0; }
.content .conText { width: 100%; }
.content .conText .tabs a { padding: 11px; margin-left: 3%; border-top: 2px solid #fff; }
.content .conText .tabs a.on { border-top: 2px solid #2eaeb2; color: #2eaeb2; }
.tablist .te-info { margin-top: 3%; }
.tablist { padding: 0 3%; }
.tablist .info-text { margin-top: 3%; width: 100%; }
.tablist .info-text p { margin-bottom: 10px; }
.sayBox .area .sub_btn { border-radius: 3px; }
.comment-filter .comment-statistics { width: 70px; font-size: 12px; }
.comment-filter .comment-statistics .statistics-num { font-size: 14px; }
.comment-filter .f-rc-list .f-radio { margin-left: 4px; font-size: 12px; }
.icon-radio, .icon-checkbox { width: 12px; height: 12px; background-size: contain; vertical-align: middle; margin-top: 4px; margin-right: 2px; }
.f-radio.checked .icon-radio { float: left; width: 12px; height: 12px; vertical-align: middle; margin-right: 2px; margin-top: 4px; cursor: pointer; background-size: contain; }
.comment-list .comment-item { padding: 5% 0 1% 0; }
.comment-list .comment-item .item-left { top: 0px; width: 100px; line-height: 40px; position:relative; left:0; float:left; }
.comment-list .comment-item .item-left .user-avatar { float: left; }
.user-name { display: inline-block; }
.comment-list .comment-item .star-list{ margin-top:22px;}
.comment-list .comment-item{ width:92%; margin:0 auto;}
.comment-list .comment-item .star-list{ margin-top:2px; line-height:40px;}
.comment-list .comment-item .comment-bd{ margin:16px 0;}
.comment-list .comment-item .star-list p{ margin-left:20px;}
.comment-ft{ text-align:right;}
#cwrap .wrap_left .courses .clist li { width: 49%; margin-right: 2%; }
#cwrap .wrap_left .courses .clist li:nth-child(2n){ margin-right:0;}
#cwrap .wrap_left .courses .clist li .g-img{width:100%; float:none; height:auto;}
#cwrap .wrap_left .courses .clist li .g-txt{ width:100%; padding-left:0;}
#cwrap .wrap_left .courses .clist li .g-img img{ position:relative;}
.cwrap .wrap_left .courses .clist li:hover .g-box{ border-bottom:none;}
/*课程*/
.lesson ul li{ padding:3% 0;}
.lesson ul li .rank_num{ line-height:74px; font-size:24px;}
.lesson ul li .rank .rank_pic{ width:150px; height:74px; line-height:74px; margin-right:3%;}
.lesson ul li .rank .rank_pic img{ vertical-align:middle;}
.lesson ul li .rank .rank_con{ padding-right:3%;}
.lesson ul li .rank{ height:74px;}
.lesson ul li .rank .rank_con .r_tit{ font-size:14px; padding-top:0; line-height: normal;}
.lesson ul li .rank .rank_con .r_teacher{ padding: 0px; line-height:normal;}
.lesson ul li .rank .rank_pnum{ width:auto; float:none}
.lesson ul li .rank .link_btm{ float:none; margin-top:6px; display:none;}

}
@media only screen and (max-width: 767px) {
.model-class .modal-dialog{ width:auto; }	
.model-success .modal-dialog{ width:auto;}
.mtop { padding: 10px 0; }
.mtop .logo { height: 50px; }
.mtop .drop-menu { background: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; }
.mtop .button { border: 0; margin-top: 8px; color: #1f8786; font-size: 25px; }
.mtop .button:hover, .mtop .button:focus, .mtop .button.bg:hover, .mtop .button.bg:focus { background: transparent; }
.mtop .nav-menu { color: #fff; padding: 10px 20px 0 20px; margin: 15px -25px 0 -25px; background: #1f8786; }
.mtop .nav-menu li >a { color: #fff; line-height: 3; background: transparent; border-bottom: 1px solid #0a9190; }
.mtop .nav-menu li a .arrow { float: right; margin-top: 17px; }
.mtop .nav-menu li:hover a { color: orange }
.mtop .nav-menu span.arr_t { display: none; }
.mtop .nav-menu li:last-child a { border-bottom: 0; }
.mtop .drop-menu { position: static!important; border: 0; float: left; width: 100%; }
.footer .xl6 { text-align: center; }
.c-header li.active a { margin: 0; padding: 0 5px; }
.mlx { text-align: center; }
.footer .code label { float: none; padding-right: 3px; }
.footer h4 { margin: 10px 0; }
.footer .mcode { margin: 15px 0; }
.g-topic .slideTab .bd li .g-l .g-hover { display: block; }
.g-date-wrapper { padding: 10px; }
.g-date-wrapper li>div { padding: 5px 0; }
.picScroll-left-4 .bd li { width: 100%; margin: 0; }
.bmkc img.fl { float: none; }
.bmkc .clearfix { text-align: center; }
.bmkc .clearfix b { margin-bottom: 10px; }
.bmkc input { border: 1px solid #ddd; }
.g-slide { display: none; }
.g-banner .g-imgma { display: none; }
.g-banner .g-imgmi { display: block; }
/*.modal-dialog{width: 290px; margin: 150px auto 0;}*/
	/*.modal-content{width: 290px; padding: 15px; margin: auto;}*/
.modal-content .close { width: 16px; height: 16px; top: 5px; right: 5px; }
.g-link .bd li>div>span:nth-child(2) { display: block; margin: 5px 0; }
.g-topic-complete { margin-bottom: 60px; text-align: center; padding: 0 10%; }
.g-teacher .picScroll-left-2 .bd li { width: 100%; }
.g-active .picScroll-left-1 .bd li .g-txt .g-enroll { font-size: 12px; width: 60px; height: 30px; line-height: 30px; }
.model-class .modal-content { width: 260px; height:190px; }
.model-success .modal-content { width: 320px; height: 160px; }
.model-success .modal-content dl { padding: 50px 0; }
.model-success .modal-content dd h6 { font-size: 24px; }
.model-success .modal-content dd p { font-size: 16px; }
.g-teacher .picScroll-left-2 .bd li { margin: 0; }
.model-success .modal-content dt{ margin-left:38px;}
}
@media (max-width: 540px ) {
.c-header ul { margin: 0; float: none; }
.c-header li:hover a:after { height: 0; }
.c-header li a { line-height: 40px; width: 100%; text-align: center; }
.c-header li.active a:after { height: 0; }
.c-h1 p { padding: 0 10px; }
.c-h1 { padding: 30px 0; }
.c-h1 h1 { font-size: 24px; margin-bottom: 40px; }
.c-our li { margin-bottom: 30px; }
.c-fangan .mc .c-box { height: auto; padding-bottom: 20px; }
.c-fangan .mc .c-box .c-t { padding: 0 30px; }
.c-fangan .mc .c-box .c-tit { font-size: 16px; }
.c-fangan .mc .c-box p { padding: 0 30px; }
.c-why p { padding: 0 20px; font-size: 14px; }
.c-h2 h1 { font-size: 20px; }
.c-h2 p { padding: 0 10px; font-size: 14px; }
.c-h2 p span { margin: 0 2px; }
.c-slidex { margin-bottom: 40px; overflow: hidden; padding: 0 60px; }
.c-slidex .prev { left: 15px; }
.c-slidex .next { right: 15px; }
.c-slidex li { width: 100%; }
.c-shuohua li { margin-bottom: 30px; }
.c-hezuo .mb { margin-top: 40px; }
.c-hezuo .mb .c-center { margin-top: 20px; }
.c-hezuo .mb .c-center .c-tit { margin-bottom: 10px; }
.c-hezuo .mb .c-center a { margin-bottom: 40px; }
.c-hangye { margin: 30px auto; }
.c-shuohua .c-img { width: 60px; height: 60px; margin-right: 5px; margin-top: 5px; }
.c-shuohua .c-tit { padding-top: 0; }
}
 @media only screen and (max-width: 520px) {
.c-logo { margin-top: 8px; }
.g-active .picScroll-left-1 .g-txt dt h6 { font-size: 16px; }
.g-active .picScroll-left-1 .g-txt dt p { font-size: 12px; }
}