@charset "UTF-8";

body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
	color: #666;
}

a:focus{
    outline: none;
}

/* 顶部导航注册登陆*/
#top_menu {
    width:100%;
    height:26px;
}

#top_menu ul {
    margin-bottom:0;
}

#top_menu li {
    float:right;
    list-style-type:none;
}

#top_menu_ul>li>a {
    color:#319B31;
    display:block;
    margin-right:15px;
    line-height:26px;
    text-decoration:none;
}

#top_menu_ul>li>a:hover {
    cursor:pointer;
    color:#1F7C1F;
}


#navbar-collapse ul{
    margin-top:0;
}

/*#顶部搜索*/
#keywords{
    width: 550px;
    padding-top: 10px;
    margin-right: 100px;
}

#keywords input {
    color: #EA1D24;
}

.nav-pills{width: 150px;}
.nav-pills.affix{top:30px;}

/*轮播器距顶距离*/
#myCarouse{
    margin-top: 50px;
}
/*轮播器图片居中*/
.carousel-inner img{
    margin: 0 auto;
}


/*.carousel-control{*/
    /*font-size: 100px;*/
/*}*/

/*脚本生成区*/
#script_info{
    margin-top: 80px;
    margin-bottom: 80px;
    line-height: 2;
}


#script_info h1{
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 30px;
}

#script_info h4{
    font-size: 16px;
    font-weight: 200;
    color: #d9534f;
}

#moveNpc{
    margin-bottom: 30px;
}
#monitem{
    margin-bottom: 30px;
    padding-top:30px;
    border-top:1px dashed #2E962D;
}

#code_area{
    padding-top: 20px;
    border-top:1px dashed #2E962D;
}
/*错误提示框*/
#error_info{
    margin-top: 10px;
    padding: 20px;
}

/*复制代码按钮*/
.copy_code{
    padding: 5px;
}

/*服务器列表*/
#server_list{
    line-height: 33px;
    /*padding-top: 40px;0930*/
    background-color: #eee;
}

.server_panel{
    margin-top:20px;/*0930*/	margin-bottom:10px!important
}

.server_title{
    padding: 25px;
    color: #fff;

}

.bg_yellow{
    background-color: #E87902;
}
.bg_green{
    background-color: #5CCE00;
}

.bg_red{
    background-color: #EA1D24;
}
.server_title h4 {
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*服务器配置展示*/
.server_info{
    padding: 20px;	padding-bottom:0;
    border-top:1px solid #ccc;
}
.server_desc{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*价格*/
.price{
    color: #ff5a00;
    font-size: 34px;

}

/*服务器购物车按钮*/
.add_to_cart {
    float:right;
    margin-top:12px;
    margin-bottom:2px;
}

.server_footer{
    background-color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
}

/*首页上部字体*/
.tab1{
    margin: 30px 0;
}
.tab-h2{
    font-size: 16px;
    color: #0059b2;
    text-align: center;
    letter-spacing: 1px;
}

.tab-p{
    font-size: 15px;
    text-align: center;
    letter-spacing: 1px;
    margin:20px 0 40px 0;
}

.tab1 .text-muted{
    color: #999;
    text-decoration: line-through;
}

.tab1 .media-heading{
    margin: 5px 0 20px;
}
.tab1 .col{
    padding: 30px;
}

/*首页中下1*/
.tab2{
    background-color: #eee;
    padding: 60px 20px;
    text-align: center;
}

.tab2 img {
    width: 40%;
    height: 40%;
}
.tab3{
    padding: 40px 0;
    text-align: center;
}

.tab3 img {
    width: 324px;
    height: 169px;
}

#tab-text3 {
   margin-top: 38px;
}

.text h3{
    font-size: 20px;
}

.text p{
    font-size: 14px;
}
/*首页底部*/
#footer{
    color: #eee;
    background-color: #666;
    padding: 20px;
    text-align: center;
    border-top:1px solid #ccc;
}

/*信息页中间横幅*/
.jumbotron{
    color: #FFF;
    background-color: #2E962D;
    margin: 50px 0 0 0;
    padding: 100px 0;
}


.jumbotron h1{
    font-size: 22px;
    padding: 0 0 0 20px;
    text-shadow: -5px 5px 0 rgba(0,0,0,0.1)
}


.jumbotron .container p{
    font-size: 16px;
    color: #f4f4f4;
    font-weight: 200;
    line-height: 1.4;
    /*text-shadow: -5px 5px 0 rgba(0,0,0,0.1)*/
}

/*教程业中间介绍*/
#video_info{
    margin-top: 50px;
    margin-bottom: 40px;
    line-height: 2;
}

#video_info h1 {
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 30px;
}

#video_info h4 {
    font-size: 16px;
}

/*教程标签页-介绍*/
#introduce{
    margin-top: 18px;
    margin-bottom: 20px;
}

#introduce p{
    font-size: 16px;
    line-height: 200%;
}

/*教程标签页-列表*/
#view {
    margin-bottom: 100px;
}

#view li:first-child{
    border-top: none;
}

/*教程标签页-下载*/
#download {
    margin-top: 18px;
    margin-bottom: 100px;
}

#download p{
    font-size: 14px;
    line-height: 200%;
}

/*扫一扫*/
#pay {
    padding-top: 15px;
}

#pay h4{
    font-size: 16px;

    margin-top: 35px;
}
#pay p{
    padding-top: 10px;
}


/*关于*/
#about_jumb{
    padding-top: 153px;
    padding-bottom: 153px;
}




/*关于页面*/
#about{
    background-color: #eee;
    padding: 40px 15px;
}

#about a{
    color: #0059b2;
}


.about{
    background-color: #fff;
    box-shadow: 2px 2px 3px #ccc;
}

#about p{
    font-size: 13px;
    line-height: 2;
}

#about h3{
    font-size: 18px;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    margin: 0 0 10px 0;
}

/*客服*/
/*#online{*/
    /*position: fixed;*/
    /*left:100%;*/
    /*top:50%;*/
/*}*/



/*  课程展示  */
.course_show{
	margin-top:110px;
}
.course_show_margin_top {
	margin-top:70px;
}

.course_show >ul>li{
	list-style:none;
}
.no_border {
    border:none;
}
.bg_eee {
    background-color:#eee;
}

.course_show >h2 {
    font-size: 38px;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
    text-align:center;
}
.course_show > p {
    font-size: 20px;
    opacity: .75;
    text-align:center;
    margin-bottom:30px;
}

.course_show > ul {
    margin-top:48px;
    list-style:none;

}

/* 课程标题介绍 */
.content {
   position: relative;
}

#course_title {
    width: 80%;
    height: 70%;
    overflow: hidden;
    margin: auto;
    position: absolute;
    color: #fff;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/*课程标题背景*/
.title {
    background: rgba(0,0,0,0.7);
    margin-bottom: 0;
    font-size: 18px;
    margin: 10px 0 0 0;
    line-height: 30px;
    transition: background 200ms ease-in;
    -webkit-font-smoothing: subpixel-antialiased

}



.alias {
    background: rgba(0,0,0,0.3);
    font-size: 13px;
    transition: background 200ms ease-in;
    margin-bottom:0px;
}

/*课程图片移开鼠标效果*/

.content a {
	color:#FFF;
}

.content a:hover {
	text-decoration:none;
	-moz-opacity:0.85 !important; filter:alpha(opacity=85); opacity: 0.85;  _-moz-opacity:0.85;  
}

.content a:visited{

}

.content a:active {
	text-decoration:none;
	color:#fff;
}
.meta {
    background: #fff;
    padding: 10px;
    color: #838383;
    text-align: left;
}


/*课程页引擎展示*/
.m2_show li {
        list-style:none;
	margin-bottom:30px;
}

/*去除内边距:*/
.no_padding {
	border:1px solid #f1f1f1;
	padding:0;
}

.course_m2_div {
	/*background-color:#E87902;*/
	background-color:#DE5601;
        padding:20px;
        text-align:center;
}
.course_m2_div img {
        width:163px;
	max-width: 100%;
	display: block;
        height: auto;
	vertical-align: middle;
	margin: auto;
}

a.course_m2_link {
	color:#333;
	text-decoration:none;
}

a.course_m2_link:hover {
	-moz-opacity:0.55 !important; filter:alpha(opacity=55); opacity: 0.55;  _-moz-opacity:0.55;
}




/*引擎展示标题和描述*/

.course_m2_desc {
}

.course_m2_desc h3 {
	color:#666;
	font-size: 25px;
	font-weight: 300;
	text-align:center;
}

.course_m2_desc p {
	font-size: 16px;
        opacity: .75;
        text-align:center;

}


/*引擎课程展示页面*/
.m2_jumbotron_bg {
	padding:25px 0 0 0;
	background-color:#2E962D;
}

.m2_info_desc {
    text-align: center;

}

.m2_img + h1 {
	text-align:center;
}

.container .meta_m2_info p{
	text-align:center;
}

.meta_m2_info p span {
	margin-left:30px;
}

/*引擎课程展示的引擎图片*/
.container .m2_img img {
        width: 163px; 
	max-width: 100%;
	height: auto;
	display: block;
	vertical-align: middle;
	margin:0 auto;
}

.meta_m2_info {
	background-color:#2E962D;
}

/*引擎标题和详细介绍*/
.description {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.9;
    text-align:center;
    padding: 60px 0 80px 0;
}

.description h2 {
    font-size: 38px;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 30px 0;
}

.description p {
    font-size: 18px;
    opacity: .75
    

}

/*单个引擎所对应的课程目录*/
.course_top h2 {
    text-align:center;
    font-size: 38px;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
}

.m2_course_item {
    /*padding: 0 10px;*/
    margin-bottom: 135px;
}

.m2_course_item .item {
    opacity: 0.8;
    border-bottom: 1px solid #eee;
    margin: 0em;

}
.item_counter {
    font-family: 'Lato','Helvetica Neue','Open Sans',Arial,Helvetica,sans-serif;
    font-size: 60px;
    font-weight: 100;
    line-height: 1em;
    opacity: 0.8;
    color: #1b1c1d;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
}
.item_counter .value {
     width:35px;
     height:40px;
     line-height:40px;
}

.item .span5 {
   display: inline-block;
   margin-left:30px;
}

.header a {
   color:#333;
   text-decoration:none;
}

.header a h3 {
   font-size: 24.5px;
   line-height: 40px;
   font-weight: 300;
}

/*课程时长*/
.item .span2 {
  float:right;
  margin-top:30px;
}



/* ----------cousrse课程页面----------- */
#showcase-course{
    margin-top: 70px;
    position: relative;
    background-color:#000;
}

.alpha-line {
    border-color: rgba(255,255,255,.201) rgba(255,255,255,.204);
    border-top-style: solid;
    border-top-width: 1px;
}

.alpha-line .span4 {
    width: 250px;
    float: left;
    min-height: 1px;
    background: rgba(0,0,0,0.7);
    margin-left:30px;
    margin-top: 90px;
    padding: 40px 30px 25px 30px;
    padding-top: 15px;
    color: #ccc;
}

.alpha-line .span4 h3 {
    font-size:28px;
    border-color: rgba(255,255,255,.201) rgba(255,255,255,.204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: 100;
    padding-bottom: 10px;
    margin-top:35px;
    margin-bottom:35px;
    line-height: 40px;
}

.alpha-line .span4 p {
    font-size:16px;
    margin: 0 0 30px;
    line-height:25px;
}


.alpha-line .span4 p a {
    font-size:20px;
    width: 100%;
    height: 45px;
    padding: 8px 14px;
    box-sizing: border-box;
}
/*视频截图*/
.video-screenshot{
   margin: 70px 0;
}

.video-screenshot img {
   width:550px;
   height:350px;
}

/*课程作者展示*/
.course-info {
    position: absolute;
    top: 180px;
    right: 0px;
    color: #fff;
}

.course-info h1 {
    background: rgba(0,0,0,0.7);
    padding: 10px 30px;
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 100;
}

.course-info p {
    background: rgba(0,0,0,0.3);
    padding: 5px 30px;
    margin-bottom: 0;
    text-align: right;
    margin: 0 0 10px;
}


/* 课程目录和介绍  */
#course_message {
    margin:35px 0;

}

.course_left {
    padding: 20px 35px 0 100px;
    border-right:1px solid #DEDEDE;
}

#view {
     padding:20px 0 50px 0;

}

#view li {
    font-size:16px;
    color:#333;
    height:47px;
    border:none;
    border-bottom: 1px solid #EEE;
}

/*右侧课程详细信息*/
.box {
    padding: 25px 10px 25px 35px;
    border-bottom: 1px solid #eee;
    word-wrap: break-word;
    color: #919191;
}

.box_img {
   color: #919191;
   padding: 10px 50px 25px 50px;
}
.box_no_bottom_bord {
    border-bottom:none;
}
.phone_pad_title {
    margin-bottom:30px;
}

.course_right ol {
    padding: 0;
    margin: 0 0 10px 25px;

}
.box .list li {
    padding: 5px 0;
}

.box a {
    color: #919191;
}

.box a:hover {
    color:#333;
    text-decoration:none;
}


/*视频播放页面*/
.plv_main {
    width:100%;
    
    margin:0 auto;
}
.plv_video-bg {
/*    background-color:#3c3c3c; */
    background-color:#3c3c3c;
}
.plv_video_title {
    padding:10px;
    font-weight:bold;
    color:#FFF;
    opacity:0.9;
    line-height: 1.5;
}
.plyr {
    border-radius: 8px;
}

/*用户登陆页面*/
#account_main{
    /*background-color: #F8F8F8;*/
}

#account_main form{
    margin-top:60px;
    margin-bottom: 150px;
}
.account-header{
    margin-top: 160px;
    margin-bottom: 50px;
    margin-left: 40px;

}
#user{
    border-top: 1px solid #ccc;
    padding-top: 30px;
    margin-top: 20px;
    margin-bottom: 270px;
}

#user-login-form{
    margin-top: 30px;
    padding-bottom: 35px;
    position: relative;
}

#user-login-form ul {
    position: absolute;
    bottom: 0;
    right: 0;
    list-style: none;
    margin: 0;
    width: 180px
}

#user-login-form ul li {
    display: inline;
    padding-right: 5px;
}

#user-login-form ul li  a{
    color: #ccc;
}

#user-login-form ul li  a:hover{
    color: #fff;
    text-decoration: none;
}

.js-img-up {
    margin-top: 60px;
}


.btn_login{
    width:100%;
}

.user_login_inp_bottom{
    margin-bottom: 25px;
}
a.course_down_file{
    color: #eee;
}

a.course_down_file:hover{
    color: #fff;
}

/*会员订阅页面*/
#singup_main{

    margin-top: 150px;
    margin-bottom: 30px;
    /*padding: 30px;*/
}

.singup_content_height{
    height: 450px;

}
#singup_main_left h4,#singup_main_right h4{
    margin-top: 44px;
    margin-bottom: 60px;
}
#singup_main_center h4{
    font-family: "STSongti-SC",serif;
    font-weight: lighter;
    font-size: 54px;
    color: #DE5200;
    letter-spacing: 4px;
    margin-top: 20px;
    margin-bottom: 41px;
}


/*订阅页面课程特色介绍*/

#course_tx{
	height: 780px;
    overflow: hidden;
	background: url(../image/feature-bg.png)top center no-repeat; 0;
    
}

.w1000{
	width:1000px;
	margin:0 auto;
}

.feature-tit {
    padding-top: 27px;
}
.tit-style {
    color: #424242;
    font-size: 40px;
    text-align: center;
    height: 149px;
    line-height: 149px;
}

.feature-wrap {
    width: 1030px;
    margin-left: -15px;
    background: rgba(0,0,0,.04);
    padding-top: 12px;
    overflow: hidden;
}

.feature-box {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    padding-top: 14px;
    padding-bottom: 50px;
	border-radius:5px
}

.feature-box.line {
    border-bottom: 1px solid #e1e4e5;
}

.feature-box__item {
    width: 332px;
    float: left;
    height: 194px;
    padding-top: 30px;
    border-right: 1px solid #e1e4e5;
}

.feature-box__item--img {
    display: block;
    margin: 0 auto;
}

.feature-box__item--name {
    text-align: center;
    line-height: 52px;
    margin-top: 9px;
    font-size: 24px;
    color: #424242;
}

.feature-box__item--detail {
    color: #7d7d7d;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.feature-box__item.last {
    border: 0;
}


/*评价*/
.pj {
    padding-bottom: 49px;
    background: url("../image/pj-bg.jpg") top center no-repeat;
}

.pj-tit {
    font-size: 40px;
    color: #373737;
    text-align: center;
    padding-top: 49px;
    line-height: 72px;
}

.pj-tit2 {
    font-size: 20px;
    color: #319B31;
    margin-bottom: 26px;
    text-align: center;
}

.pj-box {
    width: 900px;
    margin: 0 auto;
}

.pj-box__item {
    box-shadow: 0 0 30px #89d4da;
    margin-bottom: 34px;
    padding: 15px 0;
    background: #fff;
    text-align: center;
    border-radius: 6px;
}

.pj-box__item--text {
    position: relative;
    width: 717px;
    height: 71px;
    display: inline-block;
    text-align: left;
}

.pj-box__item--img {
    height: 90px;
    display: inline-block;
    margin-right: 20px;
    border-radius: 100%;
}

.pj-box__item--text .item-top, .pj-pat__tab {
    font-size: 14px;
}

.pj-box__item--text .item-talk {
    color: #424242;
    font-size: 14px;
    line-height: 25px;
}

.pj-box__item--text .item-top__name {
    color: #424242;
}

.pj-box__item--text .item-top__course {
    margin-left: 36px;
    color: #319B31;
    font-weight: 600;
}

.pj-box__item--text .item-top__time {
    position: absolute;
    line-height: 21px;
    height: 21px;
    top: 0;
    right: 0;
    color: #424242;
}



/*信息提示页面*/
#msg_main{
    margin-top: 150px;
    margin-bottom: 200px;
    padding: 150px;
}
#msg {


}
/*小屏幕平板,大于768px*/
@media (min-width: 768px) {
    .tab-h2{font-size: 26px;}
    .tab-p{font-size: 16px;}
    .text h3{ font-size: 22px; }
    .text p{  font-size: 15px;  }
    .tab2-text{float:left;}
    .tab2-img{float:right;}
    .jumbotron h1{  font-size: 30px; padding: 0 0 0 20px;}
    .jumbotron h4{  font-size: 16px; padding: 0 0 0 20px;}
    .info_content{ margin: 0 0 20px 0;}
    .info_content h4{ font-size: 16px;}
    #about p{ font-size: 14px; }
    #about h3{  font-size: 19px; }
    .server_title h4 {  font-size: 19px;  }
    .price{font-size: 36px;  }
    .jumbotron h1 {font-size: 34px; }
    .jumbotron .container p { font-size: 18px; }
    #video_info h1 {  font-size: 28px;  }dd
    .course-info {top: 270px;right:20px;}
    .course-info h1 {font-size:20px;}
    .video-screenshot img {width:350px;height:280px;margin-right:20px;}
    #singup_main_center h4{margin-top: 20px; margin-bottom: 41px;}
    .m2_course_item {padding: 0 160px;margin-bottom: 135px;}
    .item_counter .value { width:70px;height:80px;line-height:80px;}
    .alpha-line .span4{width:300px;}
    #course_title {width:50%;}
}

/*中等屏幕显示器,大于992px*/
@media (min-width: 992px) {
    .tab-h2 {
        font-size: 28px;
    }

    .tab-p {
        font-size: 17px;
    }

    .text h3 {
        font-size: 24px;
    }

    .text p {
        font-size: 16px;
    }

    .jumbotron h1 {
        font-size: 33px;
        padding: 0 0 0 20px;
    }

    .jumbotron h4 {
        font-size: 17px;
        padding: 0 0 0 20px;
    }

    .info_content h4 {
        font-size: 18px;
    }

    #about p {
        font-size: 15px;
    }

    #about h3 {
        font-size: 20px;
    }

    .server_title h4 {
        font-size: 20px;
    }

    .price {
        font-size: 38px;
    }

    .jumbotron h1 {
        font-size: 36px;
    }

    .jumbotron .container p { font-size: 22px; }
    #video_info h1 {  font-size: 34px; font-weight: 200; }
    .course-info {top: 240px;right:80px;}
    .course-info h1 {font-size:30px;}
    .video-screenshot img {width:440px;height:280px;}
    #singup_main_center h4{margin-top: 14px; margin-bottom: 20px;}
    .course-info {top: 270px;right:20px;}
    .course-info h1 {font-size:35px;}
    .video-screenshot img {width:400px;height:350px;margin-right:50px;}
    #singup_main_center h4{margin-top: 20px; margin-bottom: 41px;}
    .m2_course_item {padding: 0 160px;margin-bottom: 135px;}
    .item_counter .value { width:70px;height:80px;line-height:80px;}
    .alpha-line .span4{width:410px;}
    #course_title {width:70%;}
}

/*大屏幕桌面显示器,大于1200px*/
@media (min-width: 1200px) {
    .tab-h2{font-size: 30px;}
    .tab-p{font-size: 18px;}
    .text h3{ font-size: 26px; }
    .text p{  font-size: 18px;  }
    .jumbotron h1{  font-size: 36px; padding: 0 0 0 20px;}
    .jumbotron h4{  font-size: 18px; padding: 0 0 0 20px;}
    .info_content h4{ font-size: 20px;}
    #about p{ font-size: 16px; }
    #about h3{  font-size: 22px; }
    .server_title h4 {  font-size: 22px;  }
    .price{font-size: 40px;  }
    .jumbotron h1{  font-size: 36px;  }
    .jumbotron .container p { font-size: 22px; }
    #video_info h1 {  font-size: 36px; font-weight: 200; }
    .course-info {top: 270px;right:225px;}
    .course-info h1 {font-size:35px;}
    .video-screenshot img {width:570px;height:350px;}
    #singup_main_center h4{margin-top: 20px; margin-bottom: 41px;}
    .m2_course_item {padding: 0 160px;margin-bottom: 135px;}
    .item_counter .value { width:70px;height:80px;line-height:80px;}
    .alpha-line .span4{width:410px;}
    #course_title {width:80%;}
}
.d1{margin:0;padding:0;list-style:none}
.tbox {margin:0 0 4px 58px;width:1093px;border-bottom:1px solid #DFF2F5;overflow:hidden;}
.tbox dt {height:36px;border:1px solid #DFF2F5;overflow:hidden;clear:both;background:url(../images/fl-bg.gif) left top repeat-x;background-size:auto 100%}
.tbox dt strong {height:36px;line-height:36px;padding-left:22px;padding-right:4px;display:block;float:left;color:#397CBE;background:url(../images/fbico.gif) 4px center no-repeat;letter-spacing:1px;font-size:18px}
.tbox dd {border-left:1px solid #DFF2F5;border-right:1px solid #DFF2F5;padding:4px 4px 0px;overflow:hidden;}
.d1 li {height:36px;line-height:36px;overflow:hidden;float:left;width:32%;margin-right:1%;font-size:16px}
.d1 li span {color:#777;margin-right:10px;float:left;}
.ico3 li {padding-left:16px;background:url(../images/ico-3.gif) 7px center no-repeat;}