/*
Theme Name: 培训学院
Theme URI: http://www.xuewangzhan.com
Description:自适应手机网站主题
Author: 培训学院
Author URI: http://www.xuewangzhan.com
Version: 1.0 
Tags: 自适应网站 
*/
/*公共样式*/
body, input, select, textarea {font-family: Open Sans, Arial, Helvetica, sans-serif;}
body{position: relative; background: #fff;color: #444;letter-spacing: 0;font-weight: normal;font-style: normal;font-size: 16px;font-family: Open Sans, Helvetica, Arial, sans-serif; line-height: 1.5;}
a,a:hover{text-decoration:none !important;}
ul,ol,li{list-style:none;padding:0;}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px;}
.mb50{margin-bottom:50px;}
.mt50{margin-top:50px;}
.dnone{display:none;}
.rRed{color:red;}
.rblue{color:#337ab7}
.rwt{color:#ddd;}
pre{line-height:1em;}


/*顶部区域*/

#top .navbar-default {background-color: #3d4e5b;border-bottom:1px solid #949090;border-top:0px solid #e7e7e7;border-left:0px solid #e7e7e7;border-right:0px solid #e7e7e7;}
#top .navbar-header .glyphicon{color:#f13e3e;padding-right:10px;position:relative;top:7px;}
#top .navbar{padding:20px 0;border-radius:0;margin-bottom:0;}
#top .navbar-default .navbar-nav>li>a {font-size: 16px;color: #ddd;}
#top .navbar-default .navbar-nav>li>a:hover{color: #fff;}
#top .navbar-default .navbar-brand{color:#fff;font-size: 42px; position: relative; top: -15px;}
.current-menu-item{background:url(images/black_20_bg.png) repeat; border-radius: 3px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.user{margin:8px 0 10px 10px;}

/*banner*/
#banner{background:url(images/student.jpg) no-repeat 0;background-size: cover;padding:100px 0;color:#fff;}
#banner h2{font-size:48px;margin-bottom:20px;}
#banner p{font-size:20px;}
#vpbm{width:100%;background:#2dacb9;}
/*#vpbm{width:100%;height:166px;background:#2dacb9 url(images/chongzhi_pic_sc2.png) 50%;}
#vpbm a{display:block;width:100%;height:166px;text-indent:-2000em;overflow:hidden;}*/

/*课程体系*/
#jz_kc{background:#fff;padding:50px 0;}
#jz_kc h2,#jz_mf h2,#jz_wt h2,#jz_px h2{font-size:32px;margin-bottom:35px;}
#jz_kc p,#jz_mf p,#jz_wt p,#jz_px p{font-size:16px;}
#jz_kc h3{font-size:26px;}
#jz_kc .glyphicon{font-size:100px;font-weight:100;}

/*课程方案*/
#jz_fa{background:url(images/bg_course_search4.jpg) no-repeat;background-size:cover;}
.zhezhao{width:100%;height:100%; background: rgba(222, 217, 217, 0.76);}
#jz_fa .glyphicon{font-size:100px;font-weight:100;}
#jz_fa .col-md-3{border-right:1px solid #eee;padding:80px 20px; }
#jz_fa h3{margin:30px 0;}
.icon-1{width:100%;height:104px;background:url(images/wz-icon-1.png) no-repeat 50%;}
.icon-2{width:100%;height:104px;background:url(images/wz-icon-2.png) no-repeat 50%;}
.icon-3{width:100%;height:104px;background:url(images/wz-icon-3.png) no-repeat 50%;}
.icon-4{width:100%;height:104px;background:url(images/wz-icon-4.png) no-repeat 50%;}

/*免费课程*/
#jz_mf{background:#f4f4f4 url(images/white-noise.png) repeat;padding:50px 0;}
#jz_mf .panel-body,#list-banner .panel-body,#list-kc .panel-body{padding:5px;}
#list-banner a,#list-kc .panel-body a{display:block;}
#list-banner a:last-child,#list-kc .panel-body a:last-child{padding:10px 0 10px 10px;}
#jz_mf .panel-footer{font-size:13px;color: #777;}
#jz_mf .panel-default{    box-shadow: 0 0 8px rgba(0,0,0,0.15);}
#jz_mf .panel-default:hover{box-shadow: 0px 0px 16px rgba(0,0,0,0.65);}
.free{display:block;width:60px;height:35px;line-height:30px;text-align:center;position:absolute;top:20px;color:#fff;background:url(images/free.png) no-repeat;}
#jz_mf h2 span{color:#f4816f;}
#jz_mf .glyphicon-play-circle{color:red;margin-right:5px;}
#jz_mf h3{font-size:20px;}
#jz_mf .endfree p{font-size:20px;padding:10px 0;border:1px solid #ad0808;border-radius:3px;    background: red;color:#fff;}
.endfree .glyphicon-hand-right{margin:0 10px;font-size:30px;position:relative;top:5px;}
#jz_hy{padding:50px 0;}

/*建站资源*/
#jz_zyh{background:#f4f4f4 url(images/white-noise.png) repeat;padding:50px 0;}
#jz_zyh .glyphicon-triangle-right{color:#337ab7;margin-right:5px;}

/*常见问题*/
#jz_wt{padding:50px 0;background:#f4f4f4 url(images/white-noise.png) repeat;}
#jz_wt .media-object{width:80px;}
#jz_wt .panel-group .panel+.panel{margin-top:-1px;}
#jz_wt .panel-group .panel,#jz_wt .panel{border-radius:0;}
#jz_wt .panel:first-child{border-top-left-radius:4px;border-top-right-radius:4px;}
#jz_wt .panel:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
#jz_wt .panel-title a{font-size:1.2em;display: block;padding: 10px;}
#jz_wt .glyphicon{color: #5fa5e2; margin-right: 10px;font-size:1em;}
#jz_wt .media-body span{color:red;display:inline-block;padding:10px 0;}
#jz_wt .panel-group,.jz_wt_right .panel-body{box-shadow: 0 0 8px rgba(0,0,0,0.15);}
.red{color:red;}

/*建站培训*/
#jz_px{background:#f4f4f4 url(images/white-noise.png) repeat;padding:50px 0;}
.pxpage{border-top:1px dashed #999;}

/*建站文章*/
#jz_news{padding: 50px 0 30px 0;background: #3d4e5b;border-bottom: 1px solid rgba(255,255,255,0.2);}
#jz_news h4{font-size:1.3em;color:#ddd;border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 15px;margin-bottom:15px;}
#jz_news ul a{display:block;color:#ddd;margin:5px 10px;}
#jz_news li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*友情链接*/
#friendlink{background:#3d4e5b;}
#friendlink li{display:inline-block;margin-right:10px;}
#friendlink h4,#friendlink a{font-weight:400;color:#ddd;}

/*底部*/
#foot{background:#3d4e5b;border-top: 1px solid rgba(255,255,255,0.2);}
.foot-main{background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);padding:20px 0;} 
#foot p,#foot a{color:#ddd;}
#foot p{display:inline-block;}
#foot ul{float:right;}
#foot li{display:inline-block;margin-right:10px;}
#goTopBtn {position: fixed;line-height: 46px;text-align: center;width: 46px;bottom: 35px;height: 46px;cursor: pointer;background: #fff;display: none;border-radius: 6px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.13);font-size:22px;color:#999;}

/*列表页*/
#list-banner{background:url(images/site_bg.jpg) no-repeat;background-size:cover;padding:15px 0;}
#list-banner h1{color:#fff; font-size: 2em;}
#jz-main .post-content{border: 0px solid #fafafa;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); margin-bottom: 3em; padding: 40px 30px;border-radius: 8px;margin:50px 0;}
.post-content h2{font-size: 1.5em;margin-bottom: 0.8em;}
#list-banner h2 a,#list-banner h2{color:#fff;}
.post-content em{margin-left:1.5em;font-style:normal;}
.post-content .glyphicon{margin-right:0.8em}
.list-sidebar .panel-default>.panel-heading{background:#3d4e5b;color:#fff;}
.list-sidebar h3{margin:10px 0;}
.list-sidebar .panel-default{box-shadow: 0 0 8px rgba(0,0,0,0.15);}
.post-content h2 a{color:#444;}
.user{font-style:normal;color:#ce1010;}
.media-object { width: 200px;margin-right: 10px;max-height: 200px;}


/*内容页*/
.post h1{margin-bottom: 0.8em;font-size: 1.5em;}
.post h1 small{color:#ce1010;}
.post h2,.post h3{font-size:1.2em;}
.post iframe,.post video{width:100%;height:480px;}
.post,.post li{line-height:2.5em}
.post p{line-height:2.5em;text-indent:2em;margin-bottom:1em;}
.post img{display:block;margin:0 auto;max-width:100%;height:auto;}
.post code{padding: 20px;margin: 10px 0;padding: 20px;font-size: 90%;color: #c7254e;background-color: #efebec;border-radius: 4px;display: block;text-indent: 0; border-left: 2px solid #11c32d;}
.ft{text-align:right;font-size:0.8em;font-weight:400;color:#999;}
a[data-toggle="modal"]{cursor:pointer;}
#list-kc .modal-content{padding:1em;line-height:2.6em;text-align:center;}
.wz-tx{border: 1px solid #f1ebeb;border-radius: 5px;padding:80px 20px 80px;min-height: 30em;text-align: center;   line-height: 3em;color: #ddd;background: #101010;}
.list-sidebar .list-group{overflow:auto;}
.xiazai{font-size:18px;font-weight:700;color:red;}


/*评论*/


/*评论*/
.xwz_comments{background:#FFF;padding: 10px 30px;border: 1px solid #e9e9e9;border-radius: 4px;margin-top:15px;}
.xwz_comments .navigation a{display:inline-block;width:30%;height:30px;line-height:30px;border:1px solid #ccc;border-radius:4px;text-align:center;}
.xwz_comments .alignleft a{float:left;}
.xwz_comments .alignright a{float:right;}
.xwz_comments .navigation:after {clear: both;content: ".";display: block;height: 0;font-size: 0;visibility: hidden;}
.xwz_comments .navigation {*zoom:1;}
#comments {width: 100%;margin: 10px 0px;padding: 15px;background: #F3F3F3;border-bottom: 1px solid #d8dde0;font-size:18px}
ol.commentlist{margin-left:0;}
.commentlist p {text-indent: 0px;}
.commentlist>li.comment{margin: 20px 0;}
.commentlist a:link, .commentlist a:visited {background: none;color: #428BCA;}
.commentlist a:hover {background: none;color: #CC0000;text-decoration: underline;}
.commentlist li {list-style: none;margin: 10px 0px;padding: 15px 10px 5px 10px;background: #FFF;border: 1px solid #d8dde0;box-sizing:border-box;}
.commentlist li.alt {background: #FFFAF4;border: 1px solid #d8dde0;}
.commentlist li .gravatar {display:inline-block;vertical-align:top;width: 48px;margin: 0px 8px 5px 0px;padding: 1px 1px;text-align: center;border: 1px solid #C7C7C7;}
.commentlist li .gravatar img,.comment-author img{margin: 0px;padding: 0px;border-radius: 50%}
.comment-body,.commentlist li ul li{position:relative;padding-bottom:10px;}
cite.fn{font-style: normal;color: #980606;padding-right: 5px;}
.commentlist .comment-author:hover img {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
.commentuser{display:inline-block;width:570px;}
.commentuser .codecolorer-container {width:560px !important;}
.commentlist li .floor {float: left;width: 48px;margin-top: 1px;padding: 2px 0px 1px;text-align: center;border-top: 1px solid #A7B6BE;background: F8F8F8;color: #999999;}
.commentlist li .authordata {float: right;width: 480px;}
.commentlist li .commentmetadata {font-size:10px;display:none;color: #999;position:absolute;top:5px;right:10px;}
.commentlist li .commentcontent {float: right;width: 480px;}
#editcomment p {padding: 10px 10px 5px;}
#author, #email, #url,#result{margin:5px 0 0 0;border: 1px solid #ced4da;color: #906;background: #FCFCFC;padding: 5px 5%;width:90%;}
#commentform label[for="url"],#commentform input#url{display:none;}
#respond {width: 100%;}
#respond h3,h3#respond{font-size:16px;padding:10px 0;border-bottom:1px solid #d8dde0;}
#comment {padding: 10px 3%;margin:5px 0 0 0;width: 94%;height:10em;color: #333;font-size: 14px;border: 1px solid #ced4da;}
#but_submit {margin-left: 72px;}
#submit {border-radius: 0;padding: 8px 10%;border: 0;background-color: #69c;color:#fff;font-size:16px;cursor: pointer;margin-top:20px;}
#submit:hover{background-color: #d5d2d2;}
#ctrl_enter {margin: 16px 0px 0px 5px;color: #066283;font-weight: bold;}
.submit_hover {border: 2px solid #FF6600;}
.comment-notes,label[for="comment"]{display:none;}
.comment-form-author{width:49%;float:left;}
.comment-form-email{width:49%;float:right;}
#respond label{font-weight:400;}

/*课程列表页*/
.banner-02 .panel-default>.panel-heading{background: #3d4e5b;}
.banner-02 h2{margin:5px 0;font-size:1.2em;color:#fff;}
.banner-02 p{padding:20px;line-height:2em;}
.list-sidebar .glyphicon,.list-kc-01 .glyphicon{color:#f3715d;margin-right:15px;}
.list-sidebar li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-kc-01 li{padding:15px;}
.list-kc-01 .list-group-item{background:#f4f4f4}
.list-kc-01 .views{float:right;margin-right:2em;color:#999;}
#list-banner .banner-02 a{display:inline-block;padding:5px 12px; background-color: #337ab7;border-color: #2e6da4;border-radius: 4px;margin:10px 10px 0 0;color:#fff;}

/*视频播放页*/
.kc-sp h1{font-size:1.5em;margin-bottom:20px;}
.sp_bf {position:relative;background:#eee url(images/zr.gif) no-repeat 50%;margin-bottom:50px;}
.sp_bf_js{padding: 20px 0;}
.sp_bf_js p{display:inline;}
.vipsp{width:100%;height:500px;}
#nolink{display:block;width:100%;height:100%;position:absolute;left: 0;top:0;z-index: 999;background:#eee url(images/zr.gif) no-repeat 50%;line-height:2em;font-size:25px;padding-top:10%;text-align:center;box-sizing:border-box;color:#339900}
.sp-kh span,.kc-buy .gp001{color:#F00;}
.sp-kh .gp002,.kc-buy .gp002{display:inline-block;background:#33CC00;padding:3px 10px;color:#fff;}
.sp-kh{background:#fff url(images/cd.jpg) no-repeat 50% top;text-align:center; width: 100%;height: 500px;padding-top:200px;box-sizing:border-box;}
.kc-next{font-size: 19px; overflow: hidden; text-overflow: ellipsis;    white-space: nowrap;}
.kc-next a{color: #ff6600;}


/*注册*/
.zc00{margin:15px 0;}
.zhuce{padding: 30px 30px 40px; border: 1px solid #e0e0e0;border-radius: 8px;}
.zhuce input{width: 300px;height: 35px;margin-right: 10px;padding: 0 10px;line-height: 30px;border: 0;background-image: url(images/userlog_input_bg.png);font-size: 1em;font-family: Verdana;}
.zhuce input[type="submit"]{width: 119px;height: 37px;background-image: url(images/userlog_btn_bg.png);border: 0;color: #fff; font-size: 14px;font-weight: bold; cursor: pointer; margin-left:120px;}
.zc-top {margin-bottom: 40px;padding-bottom: 12px;border-bottom: 1px dashed #dadada;}
.zc-top h2 {font-size: 20px;color: #9C0;margin-bottom:10px;}
.mainbody .txt {margin-top: 8px;color: #999;}
label span{font-size:1em;font-weight:400;color:#f3715d;}

/*kefu*/
@media screen and (max-width: 768px){
.kf54kefuqqtop,.kf54kefuqqbottom{display:none;}
.kf54kefuqqbg{padding-left:10px;}
.post iframe,.post video{width:100%;height:300px;}
}