@charset "UTF-8";

html,body{font-family: "Microsoft YaHei",Verdana,Arial,sans-serif; font-weight: normal;}
ul,li{ list-style: none;}
a{ text-decoration:none; cursor:pointer;  }
a:link { text-decoration: initial} 
a:visited {text-decoration: initial} 
a:hover{text-decoration:initial;} 
a:active {text-decoration: initial}
a:focus{ outline-style:none;outline: none; }
.rel{ position: relative;}
.w100{ width: 100%;}
.h-auto{ height: auto;}
.p0{padding: 0;}
.m0{margin: 0;}
.pt0{ padding-top: 0;}
.fl{float:left;}
.fr{float:right;}
.white{ color:white;}
.grey{color: #a4a4a4;}



.fa-ello{ font-family:'fontello';}
.fa-icon{ font-family:'iconfont';}
.fa{font-family:'FontAwesome';}

.icon-comment{position: relative; top:-1px;}


/*整体布局*/
.indexbox{ padding: 60px 0; }
.indexbox h3{ position: relative; left:15px; font-size: 2.8571em; margin: 0; margin-bottom: 40px;  color: #444;}
.indexbox h3 .newgif{ position: relative; left:-5px; top:-15px;}
.pagebox{ padding: 25px 0;}
.pagebtn{ position: absolute; right: 0; top:0;}
.pagebtn a{transition: all .3s ease; }

/* 两列右侧自适应布局-左栏定宽，右栏自适应 */
.g-sd1{position:relative;float:left;width:190px;margin-right:-190px;}
.g-mn1{float:right;width:100%;}
.g-mn1c{margin-left:200px;}
/* 两列左侧自适应布局-右栏定宽，左栏自适应 */
.g-sd2{position:relative;float:right;width:230px;margin-left:-230px}
.g-mn2{float:left;width:100%;;}
.g-mn2c{margin-right:240px;}
/*左右固定，中间自适应*/
.g-sd51,.g-sd52{position:relative;float:left;width:230px;margin:0 -230px 0 0;}
.g-sd52{float:right;width:190px;margin:0 0 0 -190px;}
.g-mn5{float:left;width:100%;}
.g-mn5c{margin:0 200px 0 240px;}

.transition{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease}



/*首页头部*/
/*背景圆角左下角阴影*/
.ckbg-shadow,.cktop-login,.cktop-reg,.submit_button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);-moz-box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);}

.cktop .cktop-login{ display: inline-block; padding: 0 16px; line-height: 2em; background-color: #26c3d6;  font-size: 14px;color:#fff;   }
.cktop .cktop-left{ float: left; text-align: left; color: #fff; line-height: 30px; font-size: 12px;}
.cktop .cktop-reg{ margin-bottom: 10px; display: inline-block; background-color: #2d3e50; padding: 0 16px; color: #fff; line-height: 30px; }
.cktop .cktop-login a{color: #fff;}
.rev_slider_wrapper{ height: 630px;}


.cknav-header{ z-index: 1000; position: absolute; top:0; width: 100%;}
.cknav-default .cknav-bgbar{ position: relative;}
.cknav-header .js_navbg{ z-index: 1; position: absolute; left:0 ;}
.cknav-bgbar li{ position: relative; z-index:2;display:inline-block;margin-left:2px;padding:0 5px; }

.cknav-default .cknav-bgbar .scroll_blob,.cknav-default .cknav-bgbar li.active{border-radius:4px;background-color:#26c3d6;-webkit-box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);-moz-box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);color:#fff;}
.cknav-default .cknav-bgbar li a{display:block;padding:10px 15px;color:#fff;font-size:16px;border-radius:4px;}
.cknav-default .cknav-bgbar .active a,.cknav-default .cknav-bgbar .active a:active,.cknav-default .cknav-bgbar li.active,.cknav-default .cknav-bgbar li.active a,.cknav-default .cknav-bgbar>.active>a,.cknav-default .cknav-bgbar>.active>a:focus,.cknav-default .cknav-bgbar>.active>a:hover{background-color:#26c3d6;color:#fff;}
.cknav-default .cknav-bgbar li a:active,.cknav-default .cknav-bgbar li a:focus,.cknav-default .cknav-bgbar li:hover,.cknav-default .cknav-bgbar>li>a:focus,.cknav-default .cknav-bgbar>li>a:hover{color:#fff;}


.cknav-default .cknav-bgbar .scroll_blob{position:absolute;z-index:1; float: none; left:0;}
.cknav-default .navbar-toggle {border-color: #fff}
.cknav-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent;}
.cknav-default .navbar-toggle .icon-bar{background-color: #fff}
.cknav-default .navbar-collapse, .cknav-default .navbar-form{ border-color: transparent; border:none;}

.coding-logo{ display: inline-block; margin-left: 0!important; width: 420px; height: 50px;  background: url(../images/common/coding-logo-index.png) no-repeat; background-size: 100% 100%; }

.cknav-default{padding: 15px 0; position: relative; background-color: transparent; border-color:transparent; }
.cknav-default::after{position:absolute;top:7.25em;right:0;left:0;display:block;width:100%;height:.4em;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#fff;-webkit-box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);-moz-box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);content:' ';}

/*二级导航*/
.cknav-default  .navbar-header{float:left; max-width: 430px;}
.cknav-default  .navbar-collapse{float:right; display: inline-block;}
@media (max-width: 768px){
	.cknav-default  .collapse{ display: none;}
	.cknav-default  .collapse.in{ display: block;}
}
.cknav-bgbar .nav-sub{ display: none;  width: 150px; padding: 10px; margin: 0; margin-left: -75px; list-style: none; position: absolute;left:50%;top:40px; text-align: center; background-color: #26c3d6}

.nav-sub li{ border-radius:0; margin: 0; width: 100%;}
.cknav-default .cknav-bgbar .nav-sub li a{ margin-bottom: 2px; border-radius:0;  margin: 0; width: 100%; }
.cknav-default .cknav-bgbar .nav-sub li a:hover{background-color: #0CA8B8;border-radius:4px;}
.cknav-default .cknav-bgbar .blob_over  a,.cknav-default .blob_over .nav-sub  li a{color:#fff;}

.cknav-default .ckform li{list-style: none;}
.ckform .dropdown a{color: #fff;}
.ckform .glyphicon-search{ top:5px;}

/*二级页面顶部导航*/
.cknav-two .coding-logo{  background: url(../images/common/coding-logo1.png) no-repeat; }
.cknav-two{ color: #26c3d6; position: static;}
.cknav-two .cknav-bgbar li a{color:#26c3d6; }


.cknav-default .nav-sub li a{color:#fff; }

/*下拉滚动后的导航*/
.scroll-header{position:fixed;top:0;z-index:1000;background-color:#24b6c8;-webkit-box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);-moz-box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);}
.scroll-header .cknav-default{margin-bottom:0;padding:10px 0;}
.scroll-header .cktop{display:none;}
.scroll-header .cknav-default::after,.cknav-two .cknav-default::after{width:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 0 0 0 transparent;-moz-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;}
.scroll-header .coding-logo{background: url(../images/common/coding-logo.png) no-repeat;}


/*登录后*/
.login-after{ height: 40px;}
.nav-user{float:right; margin-right: 5px; padding-top: 10px;}
.nav-user .avatar{ width:30px; height: 30px; margin-right:5px; border-radius: 50%; margin-top: -5px; border:1px #26C3D6 solid;}
.nav-user .user-nickname{ width: auto; max-width: 100px;}
.nav-user .avatar img{ width: 100%; border-radius: 50%;}
.nav-user .caret{ position: absolute;top:10px;}
.nav-user>li>a:focus, .nav-user>li>a:hover,.nav-user>li>a,.nav-user .open>a, .nav-user .open>a:focus, .nav-user .open>a:hover{ background-color: transparent; color: #26C3D6;}
.nav-user .dropdown-toggle{ }
.navbar-nav>li>a{ padding: 0;}
.navbar-nav>li>.dropdown-menu{ margin-top: 10px}
.bg-danger {background-color: #26C3D6; color: #fff;}

.arrow{border-width:8px;z-index:10}
.arrow,.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}
.arrow:after{border-width:7px;content:""}
.arrow.top{left:50%;margin-left:-8px;border-top-width:0;border-bottom-color:#eee;border-bottom-color:rgba(0,0,0,.1);top:-8px}
.arrow.top:after{content:" ";top:1px;margin-left:-7px;border-top-width:0;border-bottom-color:#fff}

/*登录后-改版2*/
.login-after2{ height: 40px; position: relative;}
.login-after2 .aft-userimg{  width: 36px; height: 36px; padding: 2px;}
.login-after2 .aft-userimg .tx{width: 36px; height: 36px; border-radius: 50%; border:2px #e5e5e5 solid;}

.login-after2 .aft-info{position: absolute; right:0; top:45px;  width: 354px; height: 230px; text-align: left; background-color: #fdfeff;z-index: 10; }
.login-after2 .aft-info .caret{ position: absolute; right:20px; top:-5px; border-width: 5px;color: #2c3d4e; transform:rotate(180deg);-ms-transform:rotate(180deg); 	/* IE 9 */-moz-transform:rotate(180deg); 	/* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */-o-transform:rotate(180deg); }
.aft-info .info-top { height: 100px; width: 100%; background-color: #2c3d4e;}
.info-top .loginout{position: absolute; right:20px; top:24px; color:#f15f6f }
.info-top .tx { display: inline-block;margin: 20px 30px; width: 54px; height: 54px;  border-radius: 50%; border:2px #e5e5e5 solid;}
.info-top .txbtn{ display: inline-block; float:left;}
.info-top .name{ padding-top: 20px; font-size: 20px; color: #faf8f8; }
.info-top .name p{margin-bottom: 0;line-height: 25px;}
.info-top .exp {line-height: 20px;}
.info-top .exp a{ font-size: 14px; color: #9da5ad;}
.info-bottom{ width: 100%; height:128px; }
.info-bottom>a{ position: relative; float: left; display: inline-block; padding-top: 75px;  width: 33.3333%; height:100%;font-size: 15px; color: #2c3d4e; text-align: center;}
.info-bottom>a:hover{color: #f15f6f}
.info-bottom>a>span{ position: absolute; display: inline-block; width: 40px; height: 40px; background:url(../images/common/regiconpng.png) no-repeat;  }
.info-bottom .zhuye-icon{ left:40px; top:22px;background-position:  0 -430px}
.info-bottom .message-icon{left:40px; top:22px;background-position: 0 -470px;}
.info-bottom .account-icon{left:40px; top:22px;background-position: 0 -510px;}
.info-bottom .message-icon em{ position: absolute; right:0; top:7px; width: 10px; height: 10px; background-color: #e75969; border-radius: 50%;}

@media (max-width: 768px){
	.aft-info{ width: 100%;}
}


/*最新视频*/
.js_newvideo{ overflow: hidden;}　　
.js_newvideo .swiper-slide{ width:30%}
.new-video-item{ margin-right: 20px; position: relative; border-radius: 6px; margin-bottom: 20px; }
.video-title {padding: 0 5px; font-size:1.5em;  color: #fff; height: 3em; line-height:3em; }
.video-pic{ position: relative; width: 100%;}
.video-pic img{ width: 100%; border-radius: 6px; border-top-left-radius: 0; border-top-right-radius: 0;}
.video-play{ z-index: 2; width: 40%;  position: absolute; bottom:20px; left:30%;  display: block; font-size: 1.2em; line-height: 2em; height: 2em;color: #fff;
	background-color: rgba(0,0,0,0.2);
    -webkit-box-shadow: -4px 3px 0 0 rgba(128,128,128,0.3);
    -moz-box-shadow: -4px 3px 0 0 rgba(128,128,128,0.3);
    box-shadow: -4px 3px 0 0 rgba(128,128,128,0.3);
}
.video-play:hover{ color: #fff; z-index: 2;}
.pagebtn a:hover span{color: #444; transition: all .5s ease;}
.js_newvideo .swiper-wrapper,
.js_enterprise .swiper-wrapper,
.js_student .swiper-wrapper
{
transition-duration: 500ms;
-moz-transition-duration: 500ms; /* Firefox 4 */
-webkit-transition-duration: 500ms; /* Safari 和 Chrome */
-o-transition-duration: 500ms; /* Opera */}
.js_enterprise .swiper-lazy{ height: 153px;}
.js_student .swiper-lazy{ height: 497px;}


/*加薪利器经典课程*/
.triangle{ position: absolute; top:0; left:50%; width: 0; height: 0; font-size: 0; margin-left: -40px; border-width: 30px 40px; border-style: solid dashed dashed dashed; border-color: white transparent transparent transparent; overflow: hidden;  }
.cknav-course{ width: 330px; border:none;}
.cknav-course li{ margin-bottom: 0; cursor: pointer;}
.cknav-course li a{ width: 108px; text-align: center; background-color: #26c3d6;color: #fff; border-radius: 6px;border:none;  transition: all .3s ease-in; }
.cknav-course>li.active>a,
.cknav-course>li.active>a:focus,
.cknav-course>li>a:focus,
.cknav-course>li.active>a:hover 
{color: #fff;background-color: #f55c6d;border:none;}

.cknav-course>li>a:hover {text-decoration: none;background-color: #f55c6d;color: #fff;}

.course-item{  position: relative; background-color: #fff; border-radius: 6px; overflow: hidden; margin-bottom: 50px;}
.course-pic{ width: 100%;}
.course-pic img{ width: 100%; border-radius: 6px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.course-name,.course-info{padding: 0 5px; font-size:1.2857em;  color: #fff; height: 5em; line-height:5em; overflow: hidden; }
.course-info{ padding:0 10px; font-size: 16px;border-radius: 6px; background-color: #fff;}
.course-info p{ margin: 0; line-height: 2.5em;}
.course-info p span{ margin: 0; line-height: 2.5em;}
.course-info p.action{ margin-top: -5px;}
.course-info .course-icon{ margin-right: 15px;}
.course-info .course-icon i{ margin-right: 10px;}
.course-info .course-price{ display: inline-block; font-weight: bold;}


.course-back{ padding: 30px; border-radius: 6px; width: 100%; height: 100%;  position: absolute;left:0 ; top:0; color: #fff;}
.course-back .course-backname{ padding-top: 20%; font-size: 16px;}
.course-back .course-backname a{color: #fff;}
.course-back .course-backname a:hover{color: #fff;}
.course-back .course-backinfo{ text-align: left; font-size: 1.1428em;}
.course-back .course-btn{ position: absolute; bottom:5%;text-align: center; }
.course-back .course-btn a{ margin-right: 20px; font-size: 1.1428em;  background-color: #fff; color: #e05100;}

.skin-course-red,.skin-course-red .course-info {color: #f55c6d;}
.skin-course-red .course-name,.skin-course-red .course-back{ background-color: #f55c6d;}
.skin-course-blue,.skin-course-blue .course-info {color: #26c3d6;}
.skin-course-blue .course-name,.skin-course-blue .course-back{ background-color: #26c3d6;}
.skin-course-block,.skin-course-block .course-info {color: #2d3e50;}
.skin-course-block .course-name,.skin-course-block .course-back{ background-color: #2d3e50;}

.allcourse{ margin-top: 3.5714em; }
.allcourse a{ display: inline-block; padding:0.7142em 3.214em;  font-size: 1.2857em; color: #fff;  background-color: #26c3d6;}
@media (max-width: 1200px) {
  .course-info .course-icon{ margin-right: 5px;}
  .course-info .course-icon i{ margin-right: 2px;}

}

 

/*公开课+答疑+代码片段*/
.openclass{ margin-top: 15px;}
.calendar ul{ margin-bottom: 15px; padding: 0 1%; width: 98%;}
.calendar li{ margin:0;/* padding: 8px 2px;  */float:left; width: 14%; text-align: center; /*border:2px solid transparent;*/ list-style: none;border-radius: 4px}
.calendar .daybox{ margin: 0;}
.calendar .today .day_wrap{ border-color: #26c3d6}
.month .month-cur{ width: 70%; color: #26c3d6}
.calendar-tip{ z-index: 10; position: fixed; top:0;left:0; padding: 10px; background-color: #26c3d6; color: #fff; border-radius: 4px;}
.calendar-tip .ca-title{font-size: 16px;}
.calendar-tip .ca-time{font-size: 14px;}
.calendar-tip .reg{text-align:center;border-radius:4px;background-color:#f55c6d;color:#fff;padding:5px}
.calendar .day_wrap{display:block;position:relative;margin:1px;border:2px solid transparent;padding:8px 4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.calendar a.day_wrap{color:#26c3d6}
.calendar a.day_wrap:hover,.calendar a.active{background-color:#26c3d6;color:#fff}
.openclass .daybox a:after{font-family:fontello;content:'\e83c';position:absolute;left:48%;bottom:-4px}

/*.openclass .month a:hover{
	background-color: #26c3d6;color: #fff;
}*/
.month_prev a,.month_next a{display: block; color: #26c3d6;}
.month_prev a:before {font-family: 'fontello'; content:'\e8af'}
.month_next a:before {font-family: 'fontello'; content: '\e8b0'}

.qa{}
.js_qa{overflow: hidden; margin-top: 25px;}
.qa h4{ font-size: 1.785em; height: 1.5em; line-height: 1.5em;  color: #444}
.more,.qa h4 .more,.goodnews .more{float: right; color: #444;font-size: 12px;transition: all .5s ease;}
.more,.qa h4 .more:hover,.goodnews .more:hover{ color: #a4a4a4;}
.goodnews ul{list-style: none;}
.js_goodnews {overflow: hidden; height: 240px;}
.qalist{list-style: none; margin: 0; padding: 0;}
.qalist li{ margin: 0; padding-top: 1em; padding-bottom: 1em;  height: 6.624em;}
/*.code li{ margin-bottom: 30px;}*/
.qalist .qalist-pic{float: left; width: 4.6875em; height: 4.6875em; margin: 0 1.25em 4px 0; overflow: hidden;border-radius: 6px;}
.qalist .qalist-top{float: left;font-size: 2.1418em; width: 1.5em; height: 1.5em; line-height: 1.5em;  text-align: center; margin: 0 .5em 4px 0; overflow: hidden;
    border-radius: 6px; color: #fff; }
.qalist-con h5{ margin-top: 0; line-height:1.1428em; font-size: 1.1428em;}
.qalist-con h5 a{color: #333}
.qalist-con .qalist-answer{color: #9C9D9E; line-height: 1.3125em; font-size: 12px;}





/*最新开班*/
.js_newclass{ overflow: hidden;}

.newclass-item{position:relative;float:left;overflow:hidden;margin-right:1%;margin-bottom:10px;width:19%;height:10.1428em;}
.newclass-item1,.newclass-item2{position:absolute;top:0;float:left;padding:10px;width:100%;border-radius:4px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.newclass-item p{margin-bottom:0;color:#fff; }
.newclass-item div{color:#fff;}
.newclass-top{margin-bottom:5px;width:100%;height:auto;}
.newclass-status{float:right;margin-right:20px;text-align:right;font-size:1.85em;}
.newclass-day{float:right;width:1.29em;border-left:1px #65717f solid;font-size:5.5em;line-height:.961em;}
.newclass-time{float:right;display:inline-block;padding-right:5px;width:7.1428em;border:1px #f6b7be solid;background-color:#e4485a;text-align:right;font-size:1em;line-height:1.4285em;}
.newclass-type{text-align:right;font-size:16px; height: 22px; overflow: hidden; font-size: 14px; line-height: 22px;}
.newclass-type span{display:inline-block;margin-right:5px;width:20px;height:20px;background-color:#fff;text-align:center;font-size:14px;}
.newclass-item a{color:#fff;}
.css-item:hover .newclass-item1{left:100%;z-index:5;opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
.css-item:hover .newclass-item2{left:0;z-index:15;opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}

.newclass-item2{left:0;}
.css-item .newclass-item1{z-index: 10; left: 0}
.css-item .newclass-item2{z-index: 5; opacity: 0;left: -100%}

.skin-newclass-red .newclass-day,
.skin-newclass-blue .newclass-day{ border-color: #fff}
.skin-newclass-red{ background-color: #f55c6d}
.skin-newclass-red .newclass-time{ background-color: #e4485a; border-color: #f6b7be;}
.skin-newclass-red .newclass-type span{ color: #f55c6d}
.newclass-item a{color: #65717f}

.skin-newclass-blue{ background-color: #26c3d6}
.skin-newclass-blue .newclass-time{ background-color: #1eb2c4; border-color: #c0f1f7;}
.skin-newclass-blue .newclass-type span{ color: #26c3d6}

.skin-newclass-block{ background-color: #2d3e50; color: #65717f;}
.skin-newclass-block .newclass-time{ background-color: #233547; border-color:#455b72;}
.skin-newclass-block .newclass-type span{ color: #2d3e50; background-color: #65717f;}
.skin-newclass-block a,.skin-newclass-block  p,.skin-newclass-block  div{color: #65717f}

@media (max-width: 768px){
	.newclass-status{ margin-right: 2px;}
	.newclass-item1, .newclass-item2{ padding: 5px;}
}



/*就业喜报*/
/*p.goodnews-name+p.goodnews-ltd+p.goodnews-salary*/
.goodnews-item{ padding: 10px 0; border-bottom: 1px #ccc dashed;}
.goodnews-toux{float: left; width: 7em; height: 7em; margin-right: 1em; overflow: hidden;border-radius: 3.5em;}
.goodnews-name{ color: #26c3d6; font-size: 14px;}
.goodnews-ltd{color: #2d3e50; font-size: 14px;}
.goodnews-salary span{ font-size: 14px; width: 7em;  background-color: #f55c6d; color: #fff; padding: 2px 10px;}


/*名企双选会*/
.js_enterprise{ overflow: hidden;}
/*.enterprise-img{ margin:0 10px ;}*/
.enterprise-line{padding-bottom: 20px; border-bottom: 1px #e4e7e8 solid}
/*.enterprise-line .indexbox{ padding-bottom: 0;}*/
.mq-v{ padding: 0; }
.mq-v li{ margin-bottom: 0; padding: 10px;  list-style: none; }
.mq-v li:hover{background-color: #f5efef;}
.mq-v .mq-v-pic{float:left; margin-right: 20px; width: 86px; height: 75px; }
.mq-v-info{ height: 75px; margin-left: 105px;border-bottom: 1px #e4e7e8 solid}
.mq-v-time{ color: #999; font-size: 12px;}
.mq-v-title a{ color: #2d3e50; font-size: 14px;}
.mq-v-title span{float: right; margin-right: 10px;}
.mq-v-title span i{margin-right: 20px;}
.allvideo{ margin-top: 3.5714em; }
.allvideo a{ display: inline-block; padding:0.7142em 3.214em;  font-size: 1.2857em; color: #fff;  background-color: #f55c6d;}
.md-v{ padding: 4% 3% 23% 13%; width: 100%; background:url(../images/index/videobg.png) no-repeat;background-size:100% auto;}
.md-v-img,.md-vplay{ position: relative;}
.js_videolist li{cursor:  pointer;}
.md-v-img:before,.video-pic:before{position:absolute;top:50%;left:50%;z-index:2;margin-top:100px;color:#fff;content:'\e80d';text-shadow:-4px 3px 0 rgba(0,0,0,.2);font-size:4em;font-family:fontello;opacity:0;cursor:pointer;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);filter:alpha(opacity=0);-ms-transition:all ease .3s;}
.md-v-img:hover:before,.new-video-item:hover .video-pic:before,.video-pic:hover:before{margin-top:0;opacity:1;filter:alpha(opacity=1);}
.video-pic:hover:before,.new-video-item:hover .video-pic:before { margin-top: -30px;}

.hover_icon_play:before {content: '\e80d'}
.hover_icon_link:before {content: '\e812'}
.hover_icon_zoom:before {content: '\e823'}
.hover_icon_view:before { content: '\e843'}

/*学员作品*/
.js_student{ overflow: hidden;}
.student{ position: relative; margin-right: 20px; position: relative;overflow: hidden; margin-bottom: 10px; }
.student-info{ z-index: 2; position: absolute; bottom:-2px;left:0; width: 100%; padding: 0 5px; font-size:1.2857em;  color: #fff; height: 5em; line-height:5em; opacity: 0;filter: alpha(opacity=0);  }
.student-info{ padding:0 10px; font-size: 1.1428em;background-color: #fff;}
.student-info p{ margin: 0; line-height: 2.5em;}
.student-info p span{ margin: 0; line-height: 2.5em;}
.student-info .student-icon{ margin-right: 15px;}
.student-info .student-icon i{ margin-right: 10px;}

/*教师*/
.teacher{ padding: 3em 0; line-height: 1.5em; background-color: #1eaace; font-size: 14px; color: #fff; text-align: center;}
.teacher .tx-img{border-radius: 50%; width: 100px; height: 100px;}

.sc_slider_controls_wrap{position:absolute;top:50%;right:0;left:0;z-index:2;padding-bottom:5px;height:0;color:#fff;}
.teacher .swiper-slide{z-index:1;padding:0 100px;}
.sc_slider_controls_wrap a{display:block;margin-top:-1em;width:2em;height:2em;box-shadow:none;color:#fff;text-align:center;font-size:6em;font-size:2.5em;line-height:2em;opacity:1;cursor:pointer;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;-ms-transition:all ease .5s;filter:alpha(opacity=1);}
.sc_slider_controls_wrap a:hover{background-color:#24b6c8;}
.sc_slider_controls_wrap .sc_slider_prev{float:left;margin-left:-100px;}
.sc_slider_controls_wrap .sc_slider_next{float:right;margin-right:-100px;}
.sc_slider_controls_wrap a:before{font-family:fontello;}
.sc_slider_controls_wrap .sc_slider_next:before{content:'\e80f';}
.sc_slider_controls_wrap .sc_slider_prev:before{content:'\e810';}
.sc_slider_swiper+.sc_slider_controls_wrap a,.sc_slider_swiper:hover .sc_slider_controls_wrap a{opacity:1;filter:alpha(opacity=1);}
.sc_slider_swiper:hover .sc_slider_controls_wrap .sc_slider_prev{margin-left:20px;}
.sc_slider_swiper:hover .sc_slider_controls_wrap .sc_slider_next{margin-right:20px;}

@media (max-width: 768px){
	.teacher .swiper-slide{ padding:  0 20px;}
}


/*footer*/
.bgfooter{ background-color: #2f332f;}
.footer-logo{ padding: 20px 0;}
.footer-contact{ color: #cdcdcd; padding: 40px 0; }
.footer-contact  dl{float:left; margin-right: 20px;}
.footer-contact  dt{font-size: 16px; margin-bottom: 10px; color: #a5a5a5 }
.footer-contact  dd a{ color: #a5a5a5; font-size: 14px;}
.contact-left{ padding-left: 40px; border-left:1px #4a4c4a solid; margin-bottom: 10px; font-size: 12px; line-height: 20px;}
.contact-left .tel{ margin-bottom: 0; font-size: 2.5em; line-height: 1.2em; color: #c92c2c;}
.footer-erwema{}
.footer-erwema span{ margin-left: 10px;  display: inline-block; text-align: center;}
.footer-erwema .weibo img{ background-color: #fff; }
.footer-erwema span img{margin-bottom: 10px; padding: 5px; background-color: #fff; border-radius: 4px;  }
.friend-link { text-align: left;}
.friend-link h5{ display: inline-block; margin: 15px 0; color: #2e322e; font-size: 14px;}
.friend-link a{ width: 120px; margin-bottom: 10px; float:left; padding: 0 10px; border-right: 1px #5a5a5a solid;   font-size: 12px; line-height: 15px;  line-height: 1; display: inline-block;color: #5a5a5a; }
.friend-link a:last-child{border-width: 0;}
.friend-link-a{ margin-left: -10px; margin-top: 20px;}
.copyright{ text-align: center; background-color: #fff; color: #484848; font-size: 14px;  line-height: 4.2em; }
.copyright span{color: #f55c6d }

@media (max-width: 768px){
	.contact-left{ border-left:0; padding-left: 10px;}
}


.mask{ z-index: 1; position: absolute;left:0; top:0; width: 100%; height: 0; background-color:#000; filter: alpha(opacity=20); opacity: .2; }
.new-video-item:hover .mask{height: 100%; transition: all .3s ease-in;}

/*首页banner skin.css*/
.tparrows.default{display:none;background:0;background-color:transparent;color:#fff;line-height:40px;}
.tparrows.default:before{font-size:3em;font-family:fontello;}
.tp-leftarrow.default:before{content:'\e810';}
.tp-rightarrow.default:before{content:'\e80f';}
.tp-bullets.simplebullets.round .bullet{margin-left:16px;width:10px;height:10px;border:1px solid transparent;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:0;background-color:#fff;}
.tp-bullets.simplebullets.round .bullet.selected{border:1px solid #fff;background-color:transparent;}
.texture_bg_slider:after,.texture_bg_slider_full:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:url(../images/index/texture_top.png) center top repeat-x,url(../images/index/texture_slider.png) left top repeat;content:' ';}
.texture_bg_slider_full:after{background:url(../images/index/texture_top.png) center top repeat-x,url(../images/index/texture_slider.png) left top repeat;}
/*.texture_bg_slider_full:after{background:url(../images/index/texture_center.png) center center no-repeat,url(../images/index/texture_top.png) center top repeat-x,url(../images/index/texture_slider.png) left top repeat;}*/

.tp-splitted{font-family:"Microsoft YaHei",Verdana,Arial,sans-serif;}
.tp-caption a{display:inline-block;color:#e05100;text-decoration:none;text-shadow:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.tp-caption a:hover{color:#ffa902;}
.title,.tp-caption.title{border-color:#222;border-style:none;border-width:0;background-color:transparent;color:#fff;text-decoration:none;font-family:"Microsoft YaHei",Verdana,Arial,sans-serif;}
.slide_text,.tp-caption.slide_text{border-color:#fff;border-style:none;border-width:0;background-color:transparent;color:#fff;text-decoration:none;font-size:18px;line-height:27px;}
.slide_button,.tp-caption.slide_button{display:block;padding:20px 20px 20px 20px;border-color:#222;border-style:none;border-width:0;border-radius:4px 4px 4px 4px;background-color:rgba(255,255,255,1);-webkit-box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);-moz-box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);color:#e05100;text-decoration:none;font-weight:700;font-size:18px;line-height:18px;}
.slide_button{z-index:7;padding:10px;width:150px;height:auto;text-align:center;white-space:normal;}
.slide_button:hover span{color:#ffa902;}
.slidetextcentered,.tp-caption.slidetextcentered{border-color:#fff;border-style:none;border-width:0;background-color:transparent;color:#fff;text-align:center;text-decoration:none;font-size:18px;line-height:27px;}
.titlecentered,.tp-caption.titlecentered{border-color:#222;border-style:none;border-width:0;background-color:transparent;color:#fff;text-align:center;text-decoration:none;font-family:"Microsoft YaHei",Verdana,Arial,sans-serif;}


/*登录框*/
.popup_wrap{z-index:100;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#fff;-webkit-box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);-moz-box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);box-shadow:-4px 3px 0 0 rgba(0,0,0,.2);}
.popup_wrap{width:24em;}
.popup_wrap .popup_close{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.popup_wrap .form_left{padding-right:0;width:100%;border:0;}
.submit_button{display:inline-block;padding:.85em 1.15em;background-color:#2d3e50;color:#fff;text-align:center;font-weight:700;font-size:.875em;line-height:1.3em;}

/*==========================================================================*/
/*课程 begin*/
.courses-header{ padding: 2.1428em 0  2.1428em; background-image:url(../images/common/bg_over.png);background-repeat:repeat-x;background-position:center top;background-color:#26c3d6}
.courses-h1{ padding-right: 30px; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; margin: 10px 0; color: #fff; font-size: 3.0714em; line-height: 1.5em;}

.breadcrumbs{ float: right; margin-top: 24px;  font-size: 14px;}
.breadcrumbs .breadcrumbs_item{display:inline-block;padding:8px 12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#fff;background-color:#fff;color:#26c3d6;vertical-align:top;}
.breadcrumbs .breadcrumbs_delimiter{position:relative;display:inline-block;margin:8px 12px;color:#fff;vertical-align:top;text-align:center;}
.breadcrumbs .breadcrumbs_delimiter{color:#e3ebf0;}
.breadcrumbs a.breadcrumbs_item:hover{background-color:#007c9c;}
.breadcrumbs span.breadcrumbs_item{color:#9e9e9e;}
.breadcrumb{background-color: #fff; color: #26c3d6;}
.breadcrumb  a{color: #26c3d6}
.breadcrumb .active a{color: #9e9e9e;}

.courses .cknav-course{ width: 440px;}

.courses-typehead{ margin: 0; padding: 20px 20px;}
.courses-typehead h2{ margin:0; padding: 1em 0; font-size: 1.4285em; color: #303030;}
.courses-typehead .typehead-title{font-size: 1em; line-height: 1.7857em; color: #666;}
.typehead-info .es-icon-book,.typehead-info .glyphicon-time,.typehead-info .es-icon-people { font-size: 20px; font-style: normal;}
.typehead-info .glyphicon-time{position: relative; top:4px;}
.typehead-info .stars span{display: inline-block; margin-right: -4px;  color: #1eaace;}
.typehead-info>span{ margin-right: 20px; color: #737373; font-size:14px;}
.typehead-active{ float: right; color: #1eaace; }
.typehead-active .stars span{display: inline-block;margin-right: -4px;}
.typehead-active .stars span:before{margin: 0;font-size:15px;}
.typehead-studybtn{ display: inline-block; margin-left: 1.75em; padding: 0 1.75em; font-size:20px; text-align: center; line-height: 2.8em; color: #fff; border-top-right-radius: 6px; border-top-left-radius:6px;}
.typehead-studybtn:hover{color: #fff;}



.courses-typecon{ margin: 0 0 40px 0; padding: 5px; background-color: #fff; border-top-right-radius: 10px; border-top-left-radius:10px;}
.courses-typecon .type-stage{}
.courses-typecon .type-stage h2{ font-size:1.2857em; line-height: 1.5714em; }
.courses-typecon .type-stage p{ margin-bottom: 20px; padding-bottom: 30px;border-bottom: 1px #f0f0f0 solid;  font-size:1em; line-height: 1.5714em; color: #666}
.courses-typecon .course-info{ background-color: #f4f7f9;}


.courses-details { padding: 25px; background-color: #fff;  border-top-left-radius: 10px;border-top-right-radius: 10px;}
.courses-details .cour-dimg{ width: 440px; height: 220px;   border-top-left-radius: 10px;border-top-right-radius: 10px;}
.cour-info{ padding: 0; position: relative; height: 220px;}
.cour-info ul,.info li{ margin: 0; list-style: none;}
.cour-info h1{ margin-top: 5px; line-height:26px;max-height:52px;position:relative;padding:0 170px 0 40px;width:100%;text-align:left;color:#444;font-size:20px;overflow:hidden}
.cour-info .action{position:absolute;top:20px;right:0;width:160px}
.cour-info .action .share{position:absolute;right:100px;height:22px;margin-left:5px;top:2px;font-size:13px}

.cour-info .action .share>a{display:block;width:53px;line-height:22px;color: #f55c6d}
.cour-info .action .fa-heart,.hz-course-before .info .action .fa-share-alt{display:inline-block;font-size:12px;border-radius:50%;background:#999;color:#fff;width:22px;height:22px;line-height:22px;text-align:center;margin-right:5px}
.cour-info .action .favorite{font-size:13px;position:absolute;right:20px;top:2px;line-height:22px; color: #f55c6d;}
/*.cour-info .action .unfavorite{color: #999}*/
/*.cour-info .action .favorite.active i{background:#15c288;color:#fff}*/
.cour-info .score{color:#f55c6d;padding:8px 0 0 40px;height:32px;line-height:16px;font-size:12px}
.cour-info .score>span{margin-right:5px;margin-left:0;display:inline-block;float:left}

.stars-0,.stars-1,.stars-2,.stars-3,.stars-4,.stars-5{background:url(../images/common/stars.png) no-repeat scroll 0 0 transparent;vertical-align:middle;width:85px;display:inline-block;height:16px}
.stars-5{background-position:0 0}
.stars-4{background-position:0 -16px}
.stars-3{background-position:0 -32px}
.stars-2{background-position:0 -48px}
.stars-1{background-position:0 -64px}
.stars-0{background-position:0 -80px}

.cour-info .warning{padding-left:40px;line-height:30px;height:30px}
.cour-info .metas{height:100px;position:absolute;bottom:0;width:100%}
.cour-info .metas.roomret{margin-top:27px}
.cour-info .metas li{background:#f0f0f0;height:100%;width:25%;float:left;text-align:center;padding:25px 25px 15px}
.cour-info .metas li:first-child{ border-top-left-radius: 10px;}
.cour-info .metas li:last-child{ border-top-right-radius: 10px;}
.cour-info .metas li p{margin:8px 0 0 0}
.cour-info .metas li i{font-size:20px;line-height:20px}
.cour-info .metas li.bd{border-right:1px solid #ddd}
.cour-info .metas li.join{padding:0 ; background-color: #f55c6d}
.cour-info .metas li.join a{background-color: #f55c6d;font-size:18px;padding-top:38px;display:block;height:100%;width:100%; color: #fff;}
.cour-info .action .icon-heart,.cour-info .action .icon-uniE605{display:inline-block;font-size:12px;border-radius:50%;background:#f55c6d;color:#fff;width:22px;height:22px;line-height:22px;text-align:center;margin-right:5px}

.cour-info .course-price{padding-left:40px; font-size:26px; font-weight: bold; color: #f55c6d;}
.cour-info .course-price a{font-size:16px; color:#f55c6d; position: relative; bottom:4px; }
@media (max-width: 992px){
	.cour-info .course-price{padding-left:0;} 
}
/*分享*/
.share-box{top:-47px;left:28px;min-width:115px;padding:5px 0;margin-left:-74px;background:#fff}
.share-box:after{content:'';position:absolute;border:8px solid transparent;border-top:8px solid #fff;top:100%;left:50%;margin-left:-8px}
.share-box a{margin:0 0 0 9px!important;display:block;float:left;height:25px;width:25px;border-radius:5px;text-align:center}
.share-box .weixin{background-color:#89dbc0}
.share-box .weibo{background-color:#f27a6a}
.share-box .qq{background-color:#8fcdf0}
.share-box .qzone{background-color:#59ba89}
.share-box a i{font-size:20px;color:#fff;display:block;width:100%;height:100%;line-height:25px}

.modal-sm{ z-index: 1050;}
.modal-title {word-break: break-all}
.modal-body {word-wrap: break-word;overflow: hidden}
.modal-body img {max-width: 100%;height: auto}
.modal-backdrop {background-color: rgba(104,96,96,0.55)}

.score .stars span{display: inline-block; margin-right: -2px; }
.score .stars span:before{margin: 0;font-size:15px;}
.cour-tree,.qa-tab,.code-list-left,.code-details-left,.about-con,.publish-con,.news-tab,.forgetpage,.video-tabs
{float:left;width: 70%; margin-right: 5%; padding: 30px; background-color: #fff; border-top-left-radius:10px; border-top-right-radius:10px; }
.cour-teach,.qa-slider,.code-cate-slider,.about-slider,.publish-slider,.news-slider
{float:left; width: 25%; padding: 20px; background-color: #fff; border-top-left-radius:10px; border-top-right-radius:10px; }

.cour-tree-tab{ margin: 0; padding: 0; border-bottom:1px #e4e7e8 solid;}
.cour-tree-tab li{ width: 120px; padding-bottom: 4px; border:0; margin: 0; float:left;border:1px #e4e7e8 solid; border-left-width: 0;border-bottom-width: 0; border-top-left-radius:4px; border-top-right-radius:4px;  text-align: center; }
.cour-tree-tab li:first-child{border-left-width: 1px;}
.cour-tree-tab li a{ display: inline-block; font-size: 1.1428em; line-height: 3.125em; padding:  0 20px; color: #2d3e50; }
.cour-tree-tab .active,.cour-tree-tab li:hover{ padding-bottom: 0; border-bottom: 5px solid #1eaace; }
.cour-tree-tab .active a,.cour-tree-tab li:hover a{ color: #1eaace; }


.tree-item h2{ margin-bottom: 0; font-size: 1.2857em; line-height: 1.666em;  }
.tree-item .tree-title{ position: relative; overflow: hidden;border: 1px solid #e4e7e8;/*padding: .7em .5em .7em 3.6111em;*/padding: 12px .5em 12px 3.6111em; border-top-left-radius:6px; border-top-right-radius: 6px; color: #1eaace;  cursor: pointer;transition:all .3s ease;  }
.tree-item h2:hover{color:#007c9c; border-color: #007c9c;}
.tree-item h2:hover .jian{background-color: #007c9c}
.tree-item .h2-active{border: 1px solid #1eaace;}
.tree-item .jia,.tree-item .jian{ position: absolute;left:0; top:0;/* width: 2.7777em; */height: 100%; text-align: center; background-color: #e4e7e8; color: #fff;  transition:all ease .3s; }
.tree-item .jian{ margin-top:-3.0555em; }
.h2-active .jia,.h2-active .jian{ background-color: #1eaace}
.h2-active .jia{margin-top:3.0555em;}
.h2-active .jian{margin-top:0;}
.icon-plus:before,.icon-minus:before{ font-size:2.1428em; position: relative; top:0.263em;}
.tree-ul{ margin: 0; padding: 20px 0;  border: 1px solid #e4e7e8; border-top-width: 0; font-size: 14px; color: #666; border-bottom-left-radius:6px; border-bottom-right-radius: 6px; overflow: hidden; }
.tree-ul .tree-node{ margin: 0 1px; padding: 0 15px; height: 2.5em; line-height: 2.5em; display: block;font-size: 14px; color: #666;transition:all .3s ease;word-break:break-all; }
.tree-ul .active a,.tree-ul a:hover{ background-color: #e8faff; }
.tree-node .number{ margin-right: 12px;}
.tree-ul .cour-hour{float:right;}
.cour-hour .glyphicon-play-circle{ display: inline-block; margin-left: 12px; color: #1eaace;}
.cour-tree .cour-tab-info{ margin: 0; padding: 20px 0; font-size: 14px; color: #666; }
.cour-tree .cour-tab-info>p{margin: 40px 0; }

.cour-teach h3{ margin-bottom: 0; padding-top: 20px; padding-bottom: 30px; line-height:1.25em; font-size:  16px; color: #435161;}
.cour-teach-info,.slider-discuss,.slider-related{ padding-bottom: 30px; border-bottom: 1px #f4f7f9 solid;}
.cour-teach-info .teach-img img{ width: 80px; height: 80px; border-radius: 50% 50%; }
.cour-teach-info .teach-name{ margin-left: 20px; font-weight: normal;  color: #f55c6d  }
.cour-teach-info .teach-name a{ color: #f55c6d  }
.cour-teach-info .teach-details{font-size: 14px; color: #3d3d3d; line-height: 2.1428em;}

/*课程-我要评论*/
.cour-comment{ padding-top: 20px;}
.cour-message{ padding-left: 0;}
.cour-message li{ padding: 25px 0; border-bottom: 1px #eee dashed;}
.cour-message .cour-msg-pic{ padding-right: 10px; display: inline-block; float: left; outline:none;}
.cour-message .cour-msg-pic img{width: 50px; height: 50px; border-radius: 50%;}
.cour-msg-body{ display: table-cell; width: 1000px;}
.cour-msg-name { font-size: 14px; color: #999;}
.cour-msg-name span{ font-size: 14px; color:#1eaace }
.cour-msg-name .cour-msg-time{font-size: 12px; font-style: normal;}
.cour-msg-con{ margin-bottom: 0; color: #616161; font-size: 14px;}
.cour-msg-con .cour-replaybtn{ color: #1eaace; }
.cour-replay-con{ padding-left: 60px;}
.cour-replay-con li{ padding: 10px 0; }
.cour-replay-con li:last-child,.cour-message li:last-child{border-width: 0;}



/*课程-在线回答*/
.cour-ask{}
.publishbtn{ width: 110px; text-align: center;}
.cour-askul{ padding-left: 0;}
.cour-askul li{ margin-top: 20px; overflow: hidden;}
.cour-ask-left{ float:left;margin-top: 5px;margin-right:-50px; padding: 5px 0; width: 50px; height: 50px; line-height: 20px; font-size: 14px; color: #fff; text-align: center;border-radius: 4px;}
.cour-ask-list{ width: 715px; float:right; margin-left: 15px;  width:100%;padding-left: 10px; color: #949494; font-size: 12px; border-bottom: 1px #eee solid; }
.cour-ask-list-r{ margin-left: 50px;}
.cour-ask-list .cor-ask-tit{ font-size: 16px; color: #000;}
.cour-ask-list .cor-ask-tit a{  color: #000;}
.cour-ask-list .cour-ask-name{  color: #949494;}
.cour-ask-list .cour-ask-fbname{color: #a5a5a5}
/*课程-下载资料*/
.cour-downul{ color: #616161; padding-left: 0;}
.cour-downul .text-blue{color: #1eaace;}
.cour-downul li{ margin: 0; padding:  20px 0; border-bottom:1px #eee solid;}
.cour-downbtn{ margin-top: 20px; text-align: right;}
.cour-downbtn em{ margin-right: 5px;}
.cour-downbtn a{color: #fff;}
.cour-downbtn a:hover{color: #fff;}
.cour-downul .downbtn{background-color: #14adbf}




.slider-discuss {}
.slider-discuss ul,.slider-related ul { margin: 0; padding: 0;}
.slider-discuss li { position: relative; line-height: 2.2857em;}
.slider-discuss li a{ padding-left: 20px; font-size: 14px; color: #0ea4b6;}
.slider-discuss li:before{font-family:'fontello';content:'\e83c';position:absolute;left:10px;top:0; color: #0ea4b6}
.slider-discuss .dis-time{ float: right; font-size: 12px;color: #9a9a9a;}

.slider-related li{ margin-bottom: 20px;}
.slider-related li:last-child{ margin-bottom: 0;}
.slider-related .related-title{ padding-left: 0; font-size: 14px;color: #3d3d3d; line-height: 1.4285em;}
.slider-related li span{ float:left;}

/*课程 end*/

/*问答 begin*/
.qa-tab{ width: 72%}
.qa-slider{ width: 22%}

.talk-list{ padding-top: 25px;}
.talk-list .talk-img{float:left; width: 75px;}
.talk-list .talk-info{ width: 560px; float:left; padding-left: 20px; font-size: 12px; }
.talk-list .talk-show{float:right; }

.talk-list .talk-img img{ border-radius: 5px; width: 75px; height: 75px;}
.talk-list .talk-img a{ width: 100%; display: inline-block; text-align: center; color: #65717f; font-size:12px;}
.talk-list .glyphicon-option-horizontal{ width: 20px; height: 20px; border-radius: 50%; background-color: #1eaace; color: #fff; text-align: center; line-height: 20px; margin-right: 5px;}
.talk-list .label,.cor-ask-tit .label,.news-tab .label{margin-left: 5px; padding: 0 5px;border:1px #1eaace solid; border-radius: 4px; text-align: center; line-height: 20px; height: 20px; color: #1eaace}
.talk-info .talk-title a{font-size: 14px; color: #343434;}
.talk-info .talk-replyer a{font-size: 12px; }
.talk-info .talk-source a{ color: #7c8f94;}
.talk-show>span{display: block; text-align: right; font-size: 14px; line-height: 2em; color: #666;}
.talk-icon{ margin-left: 10px; color: #666}
.talk-icon i{ margin-right: 10px;}


.talk-list .talk-img a.vip{color: #f55c6d;}
.skin-blue .glyphicon-option-horizontal{ background-color: #1eaace;}
.skin-blue .talk-replyer,.skin-blue .talk-replyer a,.skin-blue .talk-icon{ color: #1eaace;}
.skin-red .glyphicon-option-horizontal{ background-color: #f55c6d;}
.skin-red .talk-replyer,.skin-red .talk-replyer a,.skin-red .talk-icon{ color: #f55c6d;}

.qa-slider{}
.qa-slider .qabtnp{ margin-bottom: 40px;}
.qa-slider .qabtn{ display: inline-block; padding: 1em 2.1428em; background-color: #1eaace; color: #fff;font-size: 1.714em; text-align: center;  } 
.slider-tab{ padding-bottom: 30px; border-bottom: 1px #f4f7f9 solid;}
.slider-tab a{ display: inline-block; margin-right: 15px; margin-bottom: 10px; padding: 0 10px; font-size: 12px;background-color: #5bc0de;color: #fff; line-height: 2.5em; border-radius: 4px;}
.slider-qatitle{ margin:20px 0; font-size: 16px; color: #2d3e50}
.active-user{ margin-left: -20px;}
.active-user  a{ margin: 0 0 20px 20px; display: inline-block; float: left; }
.active-user  img{ width: 60px; height: 60px; border-radius: 50%;}
.active-user  p{ margin: 10px 0; text-align: center; color: #000;}

/*问答详情*/
.qadetails{ padding-top: 25px;}
.qadetails h2{ font-size: 20px; color: #646464;} 
.qadetails h2 span{ margin-right: 10px; display: inline-block; color: #fff; border-radius: 50%; background-color:#0294ba; width: 20px; height: 20px; line-height: 20px; text-align: center;font-size: 14px; } 
.qadetails h2 a{ float: right; display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; background-color: #0294ba;}
.qadetails .ask-info{ margin-bottom: 0; padding: 10px; background-color: #f6f6f6;}
.qadetails .ask-img{ border-radius: 2px; width: 25px; height: 25px; }
.qadetails .ask-time{color: #999 ;}
.qadetails .ask-time b{color: #000 ;}
.qadetails .ask-views span{color:#1eaace}
.qa-details-share{ display: inline-block;position: relative; left:0;top:12px;margin-left: 0; }
.qa-details-con{ margin: 10px 0 ; width: 100%;}
.qa-details-edit{ margin: 50px 0 20px 0;}
.qa-details-btnbox{height: 45px; margin-top:10px; margin-bottom: 30px;}
.replaybtn,.publishbtn{  padding: 10px 15px;  display: inline-block; font-size: 18px; background-color: #5bc0de; color: #fff; }
.replaybtn:hover,.publishbtn:hover,.replaybtn:focus,.publishbtn:focus{color: #fff; background-color: #31b0d5;}
.publishbtn.disabled{background-color: #ccc; cursor: not-allowed;}

.message{color: #646464;}
.message-sms,.replay-sms{ margin-bottom: 10px; position: relative; overflow: hidden}
.message-sms .message-img,.replay-sms .replay-img{ width: 75px; height: 75px; margin-right: 20px; float:left;}
.message-sms .message-img img,.replay-sms .replay-img img{ width: 75px; height: 75px; margin-right: 20px; float:left; border-radius: 50%}
.message-con,.replay-con{position:relative;background-color:#fff;border:1px solid #1eaace;padding:1.2em 1.2em .875em;overflow:hidden;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.message-sms:after{content:' ';position:absolute;z-index:1;top:10px;left:89px;width:11px;height:30px;-webkit-transform:rotate(30deg) skewY(-45deg);-moz-transform:rotate(30deg) skewY(-45deg);-ms-transform:rotate(30deg) skewY(-45deg);-o-transform:rotate(30deg) skewY(-45deg);transform:rotate(30deg) skewY(-45deg);background-color:#fff;border-left:1px solid #1eaace;border-bottom:1px solid #1eaace}
.message-name{color:#1eaace;font-size:14px}
.message-info{color:#666}
.message-replaybtn{padding:5px 10px;display:inline-block;font-size:14px;background-color:#5bc0de;color:#fff}
.message-replaybtn:hover,.message-replaybtn:focus{color:#fff;background-color:#31b0d5}
.replay-sms{margin-bottom:10px;color:#797979}
.replay-sms .replay-con{width:600px;float:left}
.replay-sms .replay-img{width:45px;height:45px;margin-left:28px;margin-right:0;float:left}
.replay-sms .replay-img img{width:45px;height:45px}
.replay-sms:after{content:' ';position:absolute;z-index:1;top:20px;right:68px;width:11px;height:30px;-webkit-transform:rotate(30deg) skewY(-45deg);-moz-transform:rotate(30deg) skewY(-45deg);-ms-transform:rotate(30deg) skewY(-45deg);-o-transform:rotate(30deg) skewY(-45deg);transform:rotate(30deg) skewY(-45deg);background-color:#fff;border-top:1px solid #1eaace;border-right:1px solid #1eaace}
.replaytext{ display: none; font-size: 12px;border: 2px solid #d4d9dd;
    -webkit-box-shadow: inset 0 3px 3px #ebebeb;
    box-shadow: inset 0 3px 3px #ebebeb; outline: none;  padding: 5px; width: 100%;}
.replaytext:hover{border-color: #24b6c8; 
    -webkit-box-shadow: inset 0 3px 3px #ebebeb;
    box-shadow: inset 0 3px 3px #ebebeb;}
/*问答 end*/

/*代码片段 begin*/
.code-tab{ width: 100%; margin-right: 0; float:none;}
.code-cate{ margin: 12px 0; margin-left: -4%; padding: 0;}
.code-cate li{ float:left; width: 21%; margin-left: 4%; padding: 0 10px; position: relative;  height: 36px; line-height: 36px;  list-style: none; font-size: 14px; color: #666666}
.code-cate li a{ padding-right:40px; display: inline-block;width: 100%; font-size: 14px; color: #666666;white-space:nowrap;text-overflow: ellipsis; overflow: hidden;}
/*.code-cate li.active{ background-color: #1eaace; color: #fff; border-radius: 4px; }*/
.code-cate li:hover,.code-cate li.active{border-bottom: 1px #1eaace solid;}
/*.code-cate li.active a{color: #fff}*/
.code-cate li  span{ width: 30px;position: absolute; right:10px;}

.code-tabcon-row{margin-top: 10px;padding: 30px;  background-color: #fff; border-radius:10px;}
.code-tabcon{ margin-left:-2%;}
.code-item{ margin-left: 2%; margin-bottom: 20px; float:left; width: 23%;-moz-box-shadow:2px 2px 10px #ccc; -webkit-box-shadow:2px 2px 10px #ccc; box-shadow:2px 2px 10px #ccc;  padding: 10px; }
.code-item-pic{ width: 100%; height: 284px; overflow: hidden;}
.code-item-pic img{ width: 100%; }
.code-item-title{ width: 100%; padding: 0 10px; margin: 0; font-size: 16px; color: #666; line-height: 2.5em;height: 2.5em;}
.code-item-details{padding: 0 10px; font-size: 14px; line-height:1.4285em; color: #999 }
.code-item-info,.code-hobby-info{ margin-top: 20px; padding: 0 10px;color: #999;}
.code-item-info a{ font-size: 12px; color: #999; line-height: 1.666em;}

	/*代码片段 二级*/
.code-list-left{}
.code-list-left ul,.code-list-left li{list-style: none;padding-left: 0;margin-bottom: 0px;}
.code-left-top{ color: #2d3e50;}
.ck-radio{ position: relative;top:5px; margin-left:5px; width: 20px; height: 20px; display: inline-block;  background:url(../images/common/radio.png) no-repeat ;}
.ck-radio-check{background-position: 0 -20px;}
.code-left-top a{ font-size: 14px; color: #666; margin-right: 10px;}
.code-list{ padding: 30px 0; border-bottom: 1px #ccc solid;}
.code-list-img{ width: 20%; float:left;}
.code-list-info{ width: 80%; margin-left: 20%; padding-left: 15px;}
.code-list-img img{ width: 100%}
h3.code-list-title{ margin-bottom: 10px; font-size: 18px; line-height: 2em; color: #666;}
.code-list-title a{ display: inline-block; color: #666;font-size: 18px; }
.code-list-title .collect{float:right; font-size: 14px; color: #14adbf;}
.code-list-title .collect span{ position: relative; top:1px;}
.code-list-about{ font-size: 14px; color: #a7a7a7; line-height: 20px;}
.code-list-details{font-size: 14px;  line-height: 20px; color: #999;}
.code-list-action{ margin-top: 30px;}
.code-list-action em{ margin-right: 5px;}
.code-list-action a{ margin-right: 10px; display: inline-block;padding:10px; font-size: 16px; color: #fff; }
.code-list-action a:hover,.code-list-action a:focus{color: #fff;}
.code-list-left li:last-child{border-bottom-width:0;}
	
.code-cate-slider{ padding: 0;}
.code-cate-slider h2{font-size: 16px;}
.slider-code{ padding: 10px 0;  color: #666; font-size: 14px;}
.code-cate-slider .tree-title{border-radius: 0;}
.code-cate-slider .tree-title:first-child{border-top-left-radius:6px;}
/*.slider-code li a:before{ position: absolute;left:15px; top:50%; display: inline-block; width:5px; height: 5px; background-color: #1496b7; content:' '; -webkit-transform: rotateZ(45deg)   ; transform: rotateZ(45deg)   ;}*/
.slider-code a{position: relative; width: 100%; padding: 10px 60px 10px 30px; display: inline-block; color: #666; font-size: 14px; line-height: 1.4285em;white-space:nowrap;text-overflow: ellipsis; overflow: hidden;}
.slider-code li a .num{ position: absolute;right: 30px; }

	/*代码片段 详情*/
.code-details-left{ }
.code-details-left h2{color: #666; font-size: 1.71428em; }
.code-de-info ul{ padding: 0; color: #999; font-size: 14px; line-height: 2.1428em;}
.code-de-info ul li{ float:left; width: 50%;}
.code-de-info ul span{color: #1eaace;}
.code-de-info .downbtn{float:right; font-size: 24px; padding: 15px 25px; display: inline-block; color: #fff; background-color: #f55c6d;}
.code-de-info .downbt .glyphicon{ margin-right: 5px;}
.code-de .code-hobby{color: #666; font-size: 14px;}
.code-de-tit{ margin-top: 30px; font-size: 16px;}
.code-hobby{ width: 100%; padding: 0;}
.code-hobby li{ height: 35px; line-height: 35px; border-bottom: 1px #c8c8c8 dashed; position: relative;}
.code-hobby .code-hobby-cate{ position: absolute;left:0;top:0; width:40px;color: #26c3d6}
.code-hobby .code-hobby-tit{ padding-left: 40px; width: 100%; padding-right: 260px;}
.code-hobby a{ color: #666;}
.code-hobby .code-hobby-info{ padding:0; margin-top:0; display: inline-block; width: 260px; position: absolute;right:0; top:0; text-align: right;}
.code-hobby .code-hobby-info a{ color: #999;}

.code-details-message .replay-sms .replay-con{ width: 576px;}
/*代码片段 end*/


/*关于我们*/
.about{ padding: 25px 0;}
.about .pad25{ padding:0 25px;}
.about-con  h2{ padding: 0 10px 20px 10px;  margin-top: 0; margin-bottom: 40px; border-bottom: 1px #e7eaeb solid; font-size: 18px; }
.about-slider{z-index: 10;}
.about-nav{ padding-left: 0;}
.about-nav li { border-bottom: 1px #e7eaeb solid;}
.about-nav li a{ position: relative; width: 100%; margin:15px; padding-left: 15px;   border-left:5px #fff solid; display: inline-block; height: 30px; line-height: 30px; color: #2d3e50; font-size: 16px;transition: all 1s ease; }
.about-nav li.active a,.about-nav li:hover a{border-left:5px #0caebd solid;  color: #0caebd;  }
.about-nav li a span{  position: absolute; right:15px; top:0; color: #1eaace;opacity: 0;filter:alpha(opacity=0) }
 .about-nav li.active a span{opacity: 1; filter:alpha(opacity=1) }
.about-address{ padding: 0 25px; margin-bottom: 50px; color: #878787; font-size: 14px;}
.about-address .text-blue{ color: #0caebd;}

.about-us{font-size: 14px; line-height: 30px;}
.about-erweima{ margin-top: 20px; padding-left: 0;}
.about-erweima li{ float:left; padding:0 20px; margin: 20px 0; border-right: 1px #edf1f2 solid; font-size: 14px; color: #26c3d6; line-height: 30px; text-align: center;}
.about-erweima li:last-child{ border-right-width: 0;}

.expertul{ padding-left: 0;}
.expertul li{ margin-bottom: 30px;}
.expertul .people-pic{ float: left;}
.expertul p{ margin-bottom: 0;}
.expertul .people-des{ padding-left: 230px; color: #60686b; font-size:14px; }
.expertul .people-name{  margin-bottom: 10px; padding: 10px 0; color: #8f8f8f; font-size:20px; border-bottom: 1px #d9ddde dashed; line-height: 30px; }
.cours-feature{ padding-left: 0;}
.cours-feature li{ margin-bottom: 40px; color: #878787; font-size: 14px; line-height: 20px;}
.cours-feature .text-blue{ color: #0caebd;}
.learn img{ width: 100%; margin-bottom: 20px;}
/*.learn>.row{ margin-bottom: 25px;}*/
.jobcon{ color: #0caebd;}
.jobcon h3{ font-size: 16px; color: #0caebd; }
.jobcon h3.text-red{ color:#f55c6d; }
.jobul{ margin-bottom:60px; padding-left: 0; color:#878787; font-size: 14px;  }
.jobul li{ margin-top: 30px;}
.jobul span{ color:#0caebd; }
.jobul span.text-red{ color:#f55c6d; }
.jobul p{ margin: 20px 0; line-height: 30px;}


/*404*/
.error{ padding: 150px 0; text-align: center;}
.errorimg{position: relative;}
.errorimg .err-text{ position: absolute; bottom:13.71%; left:35.30%; font-size: 40px; color: #fff; text-align: left;}

/*发布问题*/
.publish{ padding:  25px 0;}

.publish-con .control-label{font-size: 14px; color: #343434; font-weight: normal;}
.publish-con .form-group{ padding:20px 0; }
.publish-con .subbtn{ width: 80px; text-align: center;  border-radius: 4px;  background-color: #dc5261; color: #fff;}
.publish-con .subbtn:hover{ color: #fff;}
.publish-con .inp-error{color: red;}
.publish-type a{ margin-right: 10px;}
.publish-type a span{ margin-right: 5px;}
.publish-slider h3{color: #2d3e50; font-size: 16px;}
.publish-slider .slider-discuss li a{ position: relative; width: 100%;}
.publish-slider .slider-discuss li:before{ font-size: 25px;}

/*新闻资讯*/
.news{ padding: 25px 0;}
.news-lists{}
.news-item{ padding: 20px 0; border-bottom: 1px #f2f2f2 solid; overflow: hidden;}
.news-item .g-sd1{ width:222px;margin-right:-222px;}
.news-item .g-mn1c{margin-left:242px;}
.news-info{ font-size: 14px; color: #848484;}
.news-info .news-title{ display: inline-block;margin-bottom: 10px; font-size: 18px; color: #666;}
.news-action span{margin-right: 10px;}
.news-action span i{margin-right: 5px;}

.news-tab h2{ margin:  20px 0; font-size: 24px; color: #666;}
.news-tab .iconbox{ margin-bottom: 20px; font-size: 12px; color: #666;}
.news-tab .iconbox span{ margin-right: 10px;}
.news-tab .iconbox span i{ margin-right: 5px;}
.news-tab .tit{margin-top: 30px; font-size: 16px; color: #0ea4b6; line-height: 2; }
.news-tab .tit-con{ font-size: 14px;color: #666}
.news-tab .labelbox{ margin-top: 80px; margin-bottom: 25px;}
.news-tab .nextorpre{ background-color: #f2f2f2; border-top:1px #f2f2f2 solid; padding: 10px 15px; margin: 0 -29px;}
.news-tab .nextorpre a{ font-size: 14px; color: #5a5a5a; line-height: 1.5}
.news-tab .nextorpre span{ margin:  0 5px; color: #bbbbbb;}


/*标签页面*/
.labelpage{ padding: 25px 0;}
.labelbox{ width:100%;  padding: 30px; background-color: #fff; border-top-left-radius:10px; border-top-right-radius:10px; }
.labels{ margin-bottom: 20px; }
.labels .label{color: #0294ba;margin-right: 20px; padding: 0 5px;border:1px #0294ba solid; border-radius: 4px; text-align: center; font-size: 16px; line-height: 1.5; font-weight: 100;}
.labels .label:hover,.labels .label:focus{color: #0294ba}
.labels  .active,.labels .label:hover,.labels .label:focus{color: #f56373; border-color: #f56373;}
.labelbox .tit{ margin:20px 0;color: #666; font-size: 18px;color: #0294ba; border-bottom: 1px #0294ba solid; line-height: 1.5;  }

/*忘记密码*/
.forgetpage{ width: 100%; padding: 0 10%; float: none; margin-right: 0;}
.forgetpage h2{  text-align: center;}
.forgetpage .pro{ position: relative; min-height: 80px;}
.pro .line,.pro .line-pro{ position: relative; margin-top:70px; height: 0; width: 100%; border-top:3px #dbdbdb solid;}
.step{ position: absolute; left:100%; top:-12px; text-align: center;}
.stepcon{margin-left: -50%; min-width: 60px; width: 80px;}
.stepcon .circlebox{ margin: 0 auto; width: 24px; height: 24px; line-height: 24px;  text-align: center; font-size: 16px; color: #fff;background-color: #dbdbdb; border-radius: 50%;}
.stepcon .circlebox em{ display:none; position: absolute;left:0;top:8px;font-weight: normal;  width: 8px; height: 8px; border-radius: 50%; background-color: #fff; margin-left: -4px;  }
.stepcon .info{ margin-top: 15px; margin-bottom: 0;}
.step1{left:0;}
.step2{left:33.3333%;}
.step3{left:66.6666%;}
.step4{left:100%;}
.pro .active{ color:#e75969 }
.pro .line-pro{ margin-top: 0; position: absolute; left:0; top:-3px; width: 0; border-color:#e75969 }


.pro1 .line-pro{ width:0}
.pro2 .line-pro{ width:33.3333%}
.pro3 .line-pro{width: 66.6666%;}
.pro4 .line-pro{width: 100%;}

.pro1 .step1 .circlebox,
.pro2 .step1 .circlebox,.pro2 .step2 .circlebox,
.pro3 .step1 .circlebox,.pro3 .step2 .circlebox,.pro3 .step3 .circlebox,
.pro4 .step1 .circlebox,.pro4 .step2 .circlebox,.pro4 .step3 .circlebox,.pro4 .step4 .circlebox
{ background-color: #e75969;}
.pro1 .step1 .circlebox b,
.pro2 .step1 .circlebox b,.pro2 .step2 .circlebox b,
.pro3 .step1 .circlebox b,.pro3 .step2 .circlebox b,.pro3 .step3 .circlebox b,
.pro4 .step1 .circlebox b,.pro4 .step2 .circlebox b,.pro4 .step3 .circlebox b,.pro4 .step4 .circlebox b
{ display: none;}
.pro1 .step1 .circlebox em,
.pro2 .step1 .circlebox em,.pro2 .step2 .circlebox em,
.pro3 .step1 .circlebox em,.pro3 .step2 .circlebox em,.pro3 .step3 .circlebox em,
.pro4 .step1 .circlebox em,.pro4 .step2 .circlebox em,.pro4 .step3 .circlebox em,.pro4 .step4 .circlebox em
{ display: inline-block;}
.pro1 .step1 .stepcon,
.pro2 .step1 .stepcon,.pro2 .step2 .stepcon,
.pro3 .step1 .stepcon,.pro3 .step2 .stepcon,.pro3 .step3 .stepcon,
.pro4 .step1 .stepcon,.pro4 .step2 .stepcon,.pro4 .step3 .stepcon,.pro4 .step4 .stepcon
{ color: #e75969;}


.forgetcon{ width: 70%; margin: 0 auto;}
.forgetcon .form-group{margin-top: 50px;}
.forgetcon .for-label{ padding-right: 0; margin-top: 10px; text-align: right; font-size: 16px; color: #333333; font-weight: 100;}
.for-inp{height: 50px; }
.forgetcon  .for-sub{  padding: 10px; display: inline-block; width: 100%;  background-color: #2dacbd; border-radius:4px; font-size: 16px; line-height: 2; color: #fff; border:none; text-align: center;}
.forgetcon .help-block{color: red;}
.forgetcon .gologin{ display: inline-block; margin: 70px 0 20px 0; color: #848383; font-size: 14px;  text-align: right;}
.forgetcon .info{  margin-top: 50px; line-height: 1.5}
.forgetcon .info b{ color: #e75969; font-weight: 100;}
.forgetcon .succ .glyphicon{ color: #e75969; font-size: 25px; margin-right: 10px; position: relative; top:7px;}
.forgetcon .succ a{ color: #333;}


@media (max-width: 768px) {
	.forgetpage{ width: 100%; padding: 0;  }
	.stepcon{ width: 60px;}
	.forgetpage .pro{ margin: 0 60px; }
	.forgetcon{ width: 90%; }
	.forgetcon .form-group{ margin-top: 10px;}
	.forgetcon .gologin{ margin-top: 20px;}
}



/*用户中心*/
.user-header{ width:60%; margin: 0 20%; text-align: center;}
.user-header .avatar{position: relative; left:25px; display: block;}
.user-header .avatar .avatar-img{ width: 110px; height: 110px; border-radius: 50%; border:2px #fcf9f9 solid;}
.user-header .avatar b{ position: relative; top:-10px; left:-25px; display: inline-block; width: 40px; height: 40px; background: url(../images/common/regiconpng.png) no-repeat; background-position: 0 -150px; }
.user-header .avatar b.vip2{background-position: 0 -190px;}
.user-header .avatar b.vip3{background-position: 0 -230px;}
.user-header .avatar b.vip4{background-position: 0 -270px;}
.user-header .avatar b.vip5{background-position: 0 -310px;}
.user-header .avatar b.vip6{background-position: 0 -350px;}
.user-header .name{ margin-top: 10px; font-size: 20px; color: #fff}
.user-header .name span{ margin-left: 10px; font-size: 12px;}
.user-header .action{  font-size: 16px; color: #feffff;}
.user-header .action a{ margin:0 12px; position: relative; display: inline-block; padding: 0 24px 0 42px; color: #feffff;line-height: 30px; border:1px #feffff solid; border-radius: 5px; text-align: center;}
.user-header .action a em{ position: absolute; left:10px; top:2px; width:25px; height: 25px;  background:url(../images/common/regiconpng.png) no-repeat; background-position: 0 -125px;}
.user-header .action .glyphicon{position: absolute; left:10px; top:8px; }
.user-header .action em{ display: inline-block;}
.user-header .intro{font-size: 16px; color: #d2f7fc;}


.userbox{padding:50px 0;}
.user-nav{ width: 280px; margin-right: -280px;}
.user-con{ margin-left: 310px; padding: 30px; background-color: #fff; border-radius: 5px;}
	/*用户中心-左侧导航*/
.user-nav-ul{ padding:5px 0; border-radius: 5px; background-color: #fff;}
.user-nav-ul li{ border-bottom: 1px #e5e5e4 solid; }
.user-nav-ul li a{ position: relative; display: inline-block; border-left:5px solid transparent; padding: 25px 50px; width: 100%; font-size: 16px; line-height: 1.5; color: #3d3e3e; background-color: #fff; transition: color .3s,border-color .3s;}
.user-nav-ul li a i{ position: absolute; left:86px; top:18px;display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color:#e65a69; }
.user-nav-ul li:last-child{border-bottom: 0;}
.user-nav-ul li a.active,.user-nav-ul li a:hover{ color: #e65b69; border-left:5px solid #e65b69;}



@media (min-width: 992px) and (max-width:1200px) {
	.user-nav{ width: 200px; margin-right: -200px; }
	.user-con{ margin-left:220px;}
}

@media (max-width: 992px) {
	.user-nav{ width: 100%; margin-right: 0; float:none; position: static;}
	.user-con{ margin-left:0; width: 100%; padding: 10px;}

	.user-nav-ul{ padding: 5px 10px;}
	.user-nav-ul li{float:left;}
	.user-nav-ul li:last-child{ border-bottom: 1px #e5e5e4 solid; }
	.user-nav-ul li a{ padding: 10px 20px; width: 120px; font-size: 14px;}
	.user-nav-ul li a i{left:55px; top:5px;}	
}
@media (max-width: 768px){
	.user-header{ width: 90%; margin:0 5%;}
}




/*用户中心-我的课程*/
.user-con-action{float:right; margin-bottom: 30px;}
.user-con-action a{ display: inline-block;margin-left: 20px; color: #666; transition: color .3s;}
.user-con-action a.active,.user-con-action a:hover{color: #e65a69;}
.user-course{ border:1px #e5e5e4 solid;}
.user-course .course-name,.user-course .course-info{ font-size: 14px;}
.user-course .course-back .course-backinfo{ font-size: 14px;}
.user-course .course-back .course-backname{ font-size: 16px;}
@media (max-width: 992px) {
	.user-course{margin-bottom:20px;}
}

/*用户中心-我的回答*/
.user-list,.user-list-msg{ padding-left: 0;}
.user-list li,.user-list-msg li{ margin-top: 20px;}
.user-list .g-mn1,.user-list-msg .g-mn1{border-bottom: 1px #eee solid;}
.user-list-l,.user-listmsg-l{margin-right:-50px; padding: 5px 0; width: 50px; height: 50px; line-height: 20px; font-size: 14px; color: #fff; text-align: center;border-radius: 4px;}
.user-list-r,.user-listmsg-r{padding-left: 10px; padding-bottom: 20px;  margin-left:50px; }
.user-list-r .time,.user-listmsg-r .time{color: #949494; font-size: 12px;}
.user-list-r .tit,.user-listmsg-r .tit{ font-size: 16px; color: #000;}
.user-list-r .label{margin-right: 5px; padding: 0 5px;border:1px #f45b6d solid; border-radius: 4px; text-align: center; line-height: 20px; height: 20px; color: #f45b6d}
.user-list-r .lastreplay{font-size: 14px; color: #999}

/*用户中心-我的私信*/
.user-listmsg-l{ padding:0;}
.user-listmsg-l img{ width: 50px; height: 50px; border-radius: 50%; }
.user-listmsg-r .tit{ padding-right: 10px; width: 100%; display: inline-block; position: relative;}
.user-listmsg-r .tit i{position: absolute; right:0; top:5px;  display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color:#e65a69; }
.user-listmsg-r  .tit2{font-size: 14px; color: #7f7e7e}

/*用户中心-我的笔记*/
.user-notelist{ padding:0;}
.user-notelist li{padding: 25px 20px;border-bottom: 1px #eee solid;}
.user-notelist-l{ margin-right: -135px; width: 135px;}
.user-notelist-l img{ border-radius: 10px; }
.user-notelist .g-mn1c{ margin-left: 135px; padding-left: 20px;}
.user-notelist-r .tit{ padding-right: 10px; width: 100%; display: inline-block; position: relative; font-size: 16px; color: #3d3e3e;}
.user-notelist-r .time{ padding: 20px 0; font-size: 14px; color: #8d8d8d}
.user-btn2,.user-btn2:hover{ display: inline-block; color: #fdfafa; font-size: 14px; height: 30px; line-height: 30px; background-color: #e65a69; padding: 0 10px; border-radius: 4px }
@media (max-width: 768px){
	.user-notelist li{padding:10px;}
	.user-notelist-l{width: 100px;  margin-right: -100px;}
	.user-notelist .g-mn1c{ margin-left: 100px; padding-left: 10px;}
	.user-notelist-r .time{ padding: 0; }
}

/*用户中心-我的班级*/
.user-classs{float:left; width: 25%;max-width:180px; }
.user-classinfo{float:left; width: 70%; margin-left: 5%;}
.user-classinfo .classname {color: #33a2d9}
.user-peplist{ margin-top: 20px;}
.user-pepitem{ margin-bottom: 20px; padding: 15px 10px; border:1px #e5e5e5 solid; text-align: center; border-radius: 4px;}
.user-peplist .avatar{ display: block;  width: 60%; max-width: 106px;  margin:  0 auto; }
.user-peplist .avatar img{ width: 100%;  border-radius: 50%;border:2px #e5e5e6 solid;}
.user-peplist .action .user-btn2{ margin-bottom: 10px;}
.bg-attention,.bg-attention:hover{background-color: #2fb8ca}
@media (max-width: 768px){
	.user-peplist{margin-right:-15px; margin-right: -15px;}
	.user-peplist > div{ padding: 0 5px;}
	.user-pepitem{margin-bottom: 10px; padding: 5px;}
}



/*用户中心-通知*/
.user-noitce{ padding-left: 0;}
.user-noitce li{ padding: 20px 10px; border-bottom: 1px #e5e5e4 solid;}
.user-noitce li a{ line-height: 1.5; color: #333; font-size: 14px;}
.user-noitce li .time{ float:right; color: #999; }

/*用户中心-我的考试*/
.user-exam{ padding-left: 0}
.user-exam li{ padding:20px 10px; border-bottom: 1px #e5e5e4 solid; }
.user-exam-tit a{ display: inline-block; padding-right: 100px; width: 100%;  }
.user-exam-tit,.user-exam-tit a { font-size: 16px; color: #333;}
.user-exam-tit .user-score{ position: absolute; bottom:-3px; right:0;}
.user-exam-tit .user-score b{ font-weight: normal; font-size: 25px; color: #e65b69;}
.user-exam-source{  font-size: 14px; color: #999}
.user-btn,.user-btn:hover{ display: inline-block; font-size: 12px; line-height: 22px; color: #585858; border: 1px #e5e5e5 solid; padding: 0 10px; border-radius: 2px;}
.user-btn .glyphicon{ display: inline-block; margin-right: 3px;}


/*用户中心-我的博客*/
.blog-nav-ul li a{padding:18px 50px; }
.blog-nav-ul .write,.blog-nav-ul .write:hover{color: #fff; text-align: center; background-color: #e75969;border-radius: 4px; font-size: 20px; }
.blog-nav-ul .write .pen{border-bottom: 1px #fff solid; margin-right: 5px;}
/*博客详情*/
.blog-con{}
.blog-con .breadcrumb a{font-size: 14px; color: #999}
.blog-con .breadcrumb a:hover,.blog-con .breadcrumb .active{color: #e75969;}
.blog-con .breadcrumb>li+li:before{content: "\003E"}
.blog-details{ padding-top: 0;}
.blog-details h2{ font-size: 18px; color:#333; font-weight: 700;}
.blog-details .subtit{ padding-left: 30px; font-size: 16px; color:#666;}
.blog-details .ask-info{ padding-left: 30px; color:#999;}
.blog-details .action{display: inline-block; margin: 0 5px; color: #999; font-size: 14px; }
/*博客列表*/
.blog-list{ padding: 20px 0; border-bottom: 1px #e5e5e4 solid;}
.blog-list .g-sd1{  width: 50px; height: 50px; line-height: 2; font-size: 25px; margin-right: -50px; border-radius: 4px; text-align: center; color:#fff;}
.blog-list .g-mn1c{ margin-left: 60px;}
.blog-list .bgblue{background-color: #1eaace;}
.blog-list .bgred{background-color: #f55c6e;}
.blog-list .tit{ font-size: 14px; color: #333;}
.blog-list .action a{ display: inline-block;  font-size: 14px; color: #999;}
.blog-list .action  em{display: inline-block; font-style: normal; margin: 0 5px;color: #999;}
/*评论博客*/
.blog-list .tx{ width: 50px; height: 50px; border-radius: 50%;}
.blog-list .action{ color: #7f7e7e;}
.blog-list .action .del{ float: right; color: #e75969;}
/*分类管理*/
.blog-cateform{}
.blog-cateform .control-label{ padding-right: 0; width: 80px; text-align: left; color: #666; font-size: 16px; font-weight: 400;}
.blog-cateform  .add{ display: inline-block; padding: 0 20px;  background-color: #2fb8c9; color: #fff; border-radius: 4px; text-align: center; line-height: 35px; height: 35px;border:none;}
.blog-catetab{}
.blog-catetab .tit{ margin: 20px 0; color: #333; font-size: 16px; font-weight: 700;}
.blog-catetab  th{background-color: #f5f5f5;}
.blog-catetab  th,.blog-catetab  td{ color: #666; font-size:14px; border-color: #c5c5c5; text-align: center;}
.blog-catetab .tabbtn{ margin-right: 10px; color: #e75969;}
/*发布文章*/
.blog-pubform{}
.blog-pubform .attribute{  padding-top: 7px;}
.blog-pubform .attribute label{ font-size: 14px; color: #999;}
.blog-pubform .sel{ display: inline-block; padding: 0 15px; height: 25px; line-height: 25px; border:1px #ccc solid; color: #666; }
.blog-pubform .check{ position: relative; display: inline-block; margin-right: 15px; padding: 0 15px;height: 25px; line-height: 25px; border:1px #ccc solid;color: #666; }
.blog-pubform .check.active,.blog-pubform .check:hover{border:1px #e65b69 solid; color: #e65b69; }
.blog-pubform .check.active i,.blog-pubform .check:hover i{ width: 9px; height: 8px; position: absolute; bottom: 0; right: 0; background: url(../images/common/regiconpng.png) no-repeat; background-position:0 -550px; }
.blog-pubform .pubbtn{display: inline-block; padding: 0 30px;  background-color: #e75969; color: #fff; border-radius: 4px; text-align: center; line-height: 35px; height: 35px;border:none;}
.blog-pubform .inp-error{color: red;}



@media (max-width: 992px) {
	.blog-nav-ul li a{ padding: 10px; width: 110px; font-size: 14px;}
}
@media (max-width: 768px){
	.blog-nav-ul .write, .blog-nav-ul .write:hover{ font-size: 14px;}
}

/*用户中心-我的vip*/
.user-viptab{ margin-bottom: 35px;}
.user-viptab th{ text-align: center;}
.user-vip dt{ font-size: 16px; line-height: 2; color: #f66475;}
.user-vip dd{ font-size: 12px; line-height: 3; color: #686767;}

/*翻页 begin*/
.pagination{ margin:0 auto;text-align:center;margin-top:20px}
.pagination a{border-radius:3px;display:block;padding:9px;position:relative;padding-left:15px;padding-right:15px;margin-left:5px;background:#09c;float:left;color:#fff}
.pagination a:active,.pagination a:hover{color:#FFF}
.pagination a:active{opacity:1;filter:alpha(opacity=1)}
.pagination a:hover{opacity:.8;filter:alpha(opacity=.8)}
.pagination .disabled,.pagination .pg_disabled{background:#999;cursor:not-allowed}
.pagination .onpage span,.pagination .onpage:after{display: inline-block; background:#09c; position: absolute; left:50%; bottom:0; margin-left: -5px; width: 0; height: 0; border:5px #fff solid; border-color:  transparent transparent  #fff transparent}
.pagination .onpage:after{ content: ''}

/*翻页 end*/


/*==============================================*/
/*漂浮侧边栏 begin*/
.fixed-bar .fa-icon{width:100%;height:100%;cursor:pointer;line-height:50px;text-align:center;display:block;font-size:20px;color:#999; font-style: normal;}
.fixed-bar .icon-uniE60B{ font-size: 35px;}
.fixed-bar .es-icon-qq{ font-size: 40px;}
.fixed-bar{position:fixed;right:10px;z-index:100000;bottom:10px}
.fixed-bar li{height:52px;width:52px;background-color:#fff;border:1px solid #ddd;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.fixed-bar li .fixed-bar-icon:hover{background:#26c3d6}
.fixed-bar li .fixed-bar-icon:hover i{color:#fff}
.fixed-bar li:hover{border-color:#26c3d6}
.fixed-bar li:hover .fixed-bar-text{display:block}
.fixed-bar li:hover .fixed-bar-icon{display:none}
.fixed-bar .hz-weixin{position:relative}
.fixed-bar .hz-weixin a{display:block!important}
.fixed-bar .hz-weixin a:hover{background:#26c3d6}
.fixed-bar .hz-weixin a:hover .icon-erweima{color:#fff}
.fixed-bar .hz-weixin .icon-erweima{font-size:40px}
.fixed-bar .hz-weixin .weixin{position:absolute;left:-160px;width:150px;top:50%;margin-top:-88px;background:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0;filter:alpha(opacity=0);z-index:-1;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0)}
.fixed-bar .hz-weixin .weixin p{margin-bottom:0; color: #999; font-size: 14px;}
.weixin .img-responsive{padding: 10px;}
.fixed-bar .hz-weixin .weixin:after{content:'';position:absolute;border:8px solid transparent;border-left:8px solid #fff;top:50%;margin-top:-8px;right:-16px}
.fixed-bar .hz-weixin:hover .weixin{opacity:1;filter:alpha(opacity=100);z-index:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);transform-origin:right 50%;-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;-o-transform-origin:right 50%}
.fixed-bar a{display:block}
.fixed-bar .fixed-bar-text{display:none;color:#fff;padding:5px 10px;background:#26c3d6}
.fixed-bar .go-top{display:none}
.fixed-bar .go-top .hz-icon{font-size:35px}
.fixed-bar .go-top,.fixed-bar .hz-feedback{margin-top:-1px}
.fixed-bar .hz-app{border:1px solid #26c3d6}
.fixed-bar .hz-app a{padding:15px 13px}

/*add 2016.02.16 */
.fixed_kf{position:fixed;top:150px;right:0;z-index:100000;}
.fixed_kf a{ display: inline-block; width: 60px; background-color: #3d3d3d; }
.fixed_kf a em{display: inline-block; width: 60px; height: 60px; background: url(../images/common/float.png) no-repeat;  background-position: 0 -60px }
.fixed_kf a i{display: block; padding:10px 15px;  width: 60px; height: 130px; color: #fff; background-color: #f35055; font-size: 20px;  text-align: center; font-style: normal;}

.kb_pop{display: none;}
.kb_con{ position: absolute; z-index: 1200;  width: 600px; }
.kb_close{ position: absolute; right:15px; top:15px; display: inline-block; width: 25px; height: 25px; background: url(../images/index/kaibantk.png) no-repeat ; background-position: 0 -105px;  font-size: 20px;color: #fff; text-align: center; cursor: pointer;}
.kb_mask{ position: absolute; background-color:#000;left: 0;width: 100%;height: 100%;opacity: 0.5;filter:alpha(opacity=50);position: absolute;top: 0;z-index: 1100; }
.kb_zxbtnbox{ padding-left: 0; position: absolute; top:78.534%;width: 100%;}
.kb_zxbtnbox li{ float: left; width: 33%;text-align: center;}
.kb_zxbtnbox li a{ display: inline-block; width: 100%;background: url(../images/index/kaibantk.png) no-repeat ;width: 120px; height: 35px; }
.kb_zxbtnbox .kb_zxbtn1{ background-position: 0 0; }
.kb_zxbtnbox .kb_zxbtn2{ background-position: 0 -35px; }
.kb_zxbtnbox .kb_zxbtn3{ background-position: 0 -70px; }

@media (max-width: 768px){
	.kb_con{ width: 90%;}
}


/*漂浮侧边栏 end*/

/*登录注册 begin*/
.login,.pop-con{ position: absolute; z-index: 1200}
.login-reg-mask,.pop-mask{ background-color:#000;left: 0;width: 100%;height: 100%;opacity: 0.5;filter:alpha(opacity=50);position: absolute;top: 0;z-index: 1100; }


.login-box{ position: absolute;left:0;top:0; padding:30px 50px 40px; width:380px;z-index:11;background:#fff;box-shadow:2px 2px 15px #ddd;-webkit-transition:-webkit-transform .7s ease,visibility .7s ease,z-index .7s ease;-moz-transition:-moz-transform .7s ease,visibility .7s ease,z-index .7s ease;-o-transition:-o-transform .7s ease,visibility .7s ease,z-index .7s ease;transition:transform .7s ease,visibility .7s ease,z-index .7s ease}
.login-box.active{z-index:-1;visibility:hidden;transform:rotateY(90deg);-ms-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);-o-transform:rotateY(90deg)}
.login-box.reset{padding:0;box-shadow:none;margin:0;position:static;background:#eff3f6;margin:auto;width:280px}
.login-box h1{color:#444;font-size:22px;margin-bottom:30px}
.login-box h1>a{color:#26c3d6;font-size:18px}
.login-box h1>a>i{margin-left:10px}
.login-box .checkbox input{margin-top:3px}
.login-box .form-group{position:relative;color:#999}
.login-box .for-passwordbtn{color: #e75969;}

.login-box .form-group>.control-label{display:none}
.login-box .form-group>.controls .fa-label{position:absolute;top:13px;left:15px;padding-right:15px;border-right:1px solid #eee;height:18px;line-height:18px;width:30px}
.login-box .form-group>.controls .fa-label>i{font-size:20px;position:absolute;top:0;left:0}
.login-box .form-group .form-control{width:100%;height:45px;border-radius:5px;padding-left:15px}
.login-box .form-group .ident{width:125px;padding:0 10px;line-height:45px; font-size: 14px;}
.login-box .form-group .ident-img{height:45px}
.login-box .form-group .ident-img img{width:100%;height:100%}
.login-box .form-group .remember_me{position:static;font-weight:500}
.login-box .login-btn{border:0;width:100%;height:45px;margin-bottom:10px;font-size:16px; background-color:#26c3d6;  text-align:center;border-radius:5px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.login-box.register{transform:rotateY(90deg);-ms-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);-o-transform:rotateY(90deg);z-index:-1;visibility:hidden}
.login-box.register.active{z-index:11;visibility:visible;display:block;transform:rotateY(0);-ms-transform:rotateY(0);-moz-transform:rotateY(0);-webkit-transform:rotateY(0);-o-transform:rotateY(0);transition-delay:.5s;-moz-transition-delay:.5s;-webkit-transition-delay:.5s;-o-transition-delay:.5s}
.login-modal-reset{background:#eff3f6;border-radius:10px}
.login-modal-reset .modal-header{border:0;margin-top:10px}
.login-modal-reset .modal-header h4{font-size:22px;color:#26c3d6;padding-bottom:5px}
.login-modal-reset .modal-header>img{display:block;margin:auto}
.login-modal-reset .modal-body{padding:0}
.login-modal-reset .modal-footer{border:0}
.login-modal-reset .controls .fa{color:#26c3d6!important}
.login-modal-reset .toregister{font-size:16px;text-align:center;padding-bottom:15px; }
.login-delay{transition-delay:.5s;-moz-transition-delay:.5s;-webkit-transition-delay:.5s;-o-transition-delay:.5s}
.login-box .form-group .help-block{color: red; display: none;}
.login-box .js_message{color: red}
.login-box .group-error .form-control{border-color: red;}
/*登录注册 end*/


/*注册页面*/
.regpage{background: linear-gradient(#2dc7dc, #21c4da);}
.regpage-box{ background: url(../images/regbg.jpg) right 100px no-repeat;}
.regpage-box .login-box { position: static; margin: 55px 10px 130px 65px; }
.regpage-box .controls{ position: relative;}
.regpage-box .form-group .inp{border-radius:0;padding-left: 45px; border:0;border-bottom: 1px #ccc solid;box-shadow:none }
.regpage-box .regicon{ position: absolute; top:10px;left; display: inline-block; width: 25px; height: 25px; background: url(../images/common/regiconpng.png) no-repeat; background-position: 0 0;}
.regpage-box .emailicon{ position: absolute; top:10px; font-size: 18px;}
.regpage-box .nickname{background-position: 0 -25px;}
.regpage-box .lock{background-position: 0 -50px;}

.pop-mask{opacity: 0.8;filter:alpha(opacity=80);}
/*.pop-close{  display: inline-block; width: 30px; height: 30px; line-height: 1; font-weight: 100; position: absolute; right:-30px; top:3px; font-size: 20px;color: #fff; text-align: center; cursor: pointer;}*/
.pop-close{  position: absolute; right:-20px; top:-15px; display: inline-block; width: 40px; height: 30px; background: url(../images/common/regiconpng.png) no-repeat ; background-position: 0 -400px;  font-size: 20px;color: #fff; text-align: center; cursor: pointer;}



.social-login{position:relative;text-align:center;z-index:1}
.social-login>span{padding:0 10px;z-index:1;background-color:#fff}
.social-login .line{position:absolute;top:50%;left:0;width:100%;height:1px;background:#f1f1f1;margin-top:-1px;z-index:-1}
.social-login .social-icon{display:inline-block;margin:0 8px;border:2px solid #919191;color:#919191;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:35px;height:35px;line-height:33px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.social-login .social-icon>i{font-size:20px}
.social-login .social-icon:hover{color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.social-login .social-icon.social-weibo:hover{background:#e6162d;border-color:#e6162d}
.social-login .social-icon.social-qq:hover{background:#78c257;border-color:#78c257}
.social-login .social-icon.social-renren:hover{background:#3793f1;border-color:#3793f1}
.social-login .social-icon.social-weixin:hover{background:#1ec354;border-color:#1ec354}
.social-login .social-icon.social-yun:hover{background:#ff842e;border-color:#ff842e}
.social-login .social-icon.social-more:hover{background:#46c37b;border-color:#46c37b}
.login-section{margin:50px auto;width:460px;min-height:400px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
@media (max-width:767px){.login-section{width:100%;margin:20px auto}
}



/*视频播放页面*/
.header-video{ padding:  0 60px; width: 100%; height: 56px; background-color: #24b6c8; border-bottom: 3px #c2c4c6 solid; }
.header-video .video-tree{float:left; width: 30%; display: inline-block; height: 100%; line-height: 53px; color:#fff; font-size: 16px; overflow: hidden;}
.header-video .video-tree i{ margin-right: 20px; position: relative; top:10px; font-size: 30px;}
.header-video .video-tree span{ font-size: 14px; margin-left: 10px;}

.video-share { display: inline-block; float:left; margin:0 20px; padding: 14px 0; line-height: 25px;}
.video-share > span{ float:left; font-size: 14px; color:#fff;}
.video-share  a{margin:0 0 0 5px; display:block;float:left;height:25px;width:25px;border-radius:5px;text-align:center}
.video-share .weixin{background-color:#89dbc0}
.video-share .weibo{background-color:#f27a6a}
.video-share .qq{background-color:#8fcdf0}
.video-share .qzone{background-color:#59ba89}
.video-share  a i{font-size:20px;color:#fff;display:block;width:100%;height:100%;line-height:25px}

.actionbtn{ width: 30%; display: inline-block; margin:0 20px; float:right; height: 100%; font-size: 16px; color:#fff; }
.actionbtn .g-sd1{ margin-right: -90px; width: 90px;}
.actionbtn .g-mn1c{ margin-left: 90px;}
.actionbtn a{float:left; height: 34px;  margin:9px 8px 0 8px; padding: 0 20px;  display: inline-block;  font-size: 16px;  line-height:34px; color: #fff; }
.actionbtn .bgbtn{ position: absolute;left:0; width: 90px; background-color: #067c8a;}
.actionbtn .nextclass{  padding: 0 10px; overflow: hidden;}
.header-video .login-after2{ padding: 5px; width: 50px; float:right;}
@media (max-width: 1199px) {
	.header-video{ padding:  0 10px;}
	.actionbtn{ margin: 0 10px;}
}
@media (max-width: 768px){
	.actionbtn{ width: 40%;}
	.actionbtn a{ padding: 0 5px;}
}

.video-con{ background-color: #000; height: 800px; position: relative; overflow: hidden;}
/*.video-con .g-mn2c{margin-right:360px;}
.video-con .g-sd2{width:360px;margin-left:-3600px}
*/
.video-slider{width: 360px; height: 100%; position: absolute; right:-360px; top:0; background-color: #fff;  z-index: 1049; }
.video-action{position: absolute; width: 56px; padding-left: 0; top:50%; right:360px; list-style: none; margin-top: -90px;}
.video-action li{list-style: none; }
.video-action li a{padding:8px 0;margin-bottom:1px;text-align:center;display:inline-block;width:100%;color:#ccc;text-decoration:none;  background-color: #363e45; }
.video-action li a:hover,.video-action li.active a{ background-color: #13AEC0; color:#fff;}
.video-action li a i{ display: block;}

.video-slider h2{ margin:0 0 20px 0; font-size: 18px; color: #666; }
.video-slider .scrolltree{ position: absolute; height: 100%; padding:20px 0 20px 30px;  overflow: auto;}
.lesson-tree{ height: 100%; padding-left: 0; padding-right: 10px; }
.lesson-tree strong{ padding: 10px 20px; font-size: 16px; color: #18b0c1;display: block; white-space:nowrap;text-overflow: ellipsis; overflow: hidden; width: 100%; border:1px #47bad7 solid; border-top-left-radius: 4px; border-top-right-radius: 4px; font-weight: 400; }
.lesson-tree .lesson-jies{ margin: 0; padding: 0; list-style: none; border:1px #ccc solid; border-top-width:0;border-bottom-width:0  }
.lesson-tree li:last-child .lesson-jies{ border-bottom:1px #ccc solid;}
.lesson-tree .lesson-jies a{ position: relative; padding:10px  90px  10px 40px; font-size: 14px; color: #666; display: inline-block; white-space:nowrap;text-overflow: ellipsis; overflow: hidden; width: 100%;}
.lesson-tree .lesson-jies a.active{ color: #06a8bc}
.lesson-tree .lesson-jies a.active span{ display: inline-block;}
.lesson-tree .lesson-jies i{ position: absolute; left:18px; }
.lesson-tree .lesson-jies span{ display: none; position: absolute; right:18px; color:#06a8bc; }

/*视频互动区*/
.video-tabs{ margin-bottom: 20px;}
.video-ultab{ margin-bottom: 0; padding-left: 0; border-bottom: 1px #e4e7e8 solid;}
.video-ultab a{ position: relative; top:1px; float:left;  padding: 20px 20px 22px; display: inline-block; font-size: 16px; color: #2d3e50;}
.video-ultab a:hover,.video-ultab .active a{ padding-bottom: 20px; border-bottom: 2px #1eaace solid; color: #1eaace}

.video-notes{}
.video-notes ul{ padding-left: 0;}
.video-notes ul li{ padding: 15px 0;}
.video-notes .notesimg { width: 75px; margin-right: -75px;}
.video-notes .notesimg img{ width: 75px; height: 75px; border-radius: 4px; }
.video-notes .notesimg p{ text-align: center; color: #65717f}
.video-notes .notesimg .vip{color: #f55c6d;}
.video-notes .notesbody {margin:0 90px 0 75px; padding:10px 15px; color: #8d8d8d}
.video-notes .notesbody .tit{color: #343434}
.video-notes .seenotes{  width: 80px; margin-left: -80px;   padding-top: 15px; color: #fff;}
.video-notes .seenotes a{ display: inline-block; background-color: #e65a69; height: 30px; line-height: 30px; padding: 0 10px; color: #fff; border-radius: 4px;}
.video-notes .seenotes a:hover{color: #fff;}

.video-down{}
.video-down ul{ padding-left: 0; font-size: 16px; color: #333;}
.video-down ul li{ padding: 10px 20px;}
.video-down li img{ margin-right: 20px;}
.video-down .down{ float: right; display: inline-block; height: 30px; line-height: 30px; background-color: #e65a69; padding: 0 10px; color: #fff; font-size: 16px; border-radius: 4px;}
.video-down .down:hover{color: #fff;}

.video-related{ margin-bottom: 50px; padding: 30px; background-color: #fff;}
.video-related h3{ margin-top: 0; color: #435161; font-size: 16px;}
.video-related ul{ padding-left: 0; margin-left: -2%;}
.video-related ul li{ float:left; width:18%; margin-left: 2%;  }
.video-related ul li p{ text-align: center; margin:10px 0;}
.video-related .tit,.video-related .tit:hover{ text-align: center; color: #3d3d3d; font-size: 14px;}
.video-related .related-img{ width: 100%; display:block;}

.video-askul{ padding-left: 0;}
.video-askul .action,.video-askul .action:hover{ display: inline-block; margin-left: 5px; color: #1eaace; }

.m-reply{ margin:10px 0; padding-left: 0;}
.m-reply>li{ margin:0;}
.u-btn{display: inline-block; color: #1eaace;}
.u-btn1,.u-btn1:hover,.u-btn1:focus{padding: 0 5px;  display: inline-block; font-size: 14px; background-color: #5bc0de; color: #fff; }
.m-replyinp{ display: none;}
.m-replyinp .replaytext{ margin-bottom: 10px; display: block;}

.video-share1{ z-index: 101; position: fixed; top:110px; left:310px;}

@media (max-width: 1199px) {
	.video-tabs{ width: 100%;}
}
@media (max-width: 992px) {
  
}
@media (max-width: 768px){
  .video-related ul li{width:48%; margin-left: 2%;  }
}
@media (max-width: 320px){
  .video-related ul li{width:48%; margin-left: 2%;  }
  .video-slider{ width: 320px;}
}


/*博客列表*/
.blogheader{ background-color: #fff; border-radius:10px; padding: 20px 0 20px 20px; }
.blogheader-left{float:left;width: 70%; margin-right: 5%; padding:20px; }
.blogheader-right{float:left; width: 25%; padding: 20px;  }
.blogheader-left .tit{ position: relative;top:10px; float:left; display: inline-block; padding-top: 8px; color: #fff; font-size: 18px; width: 60px; height: 60px;  background-color: #f55c6d; border-radius: 50%; text-align: center; line-height: 20px;}
.blogheader-left ul{ padding-left: 0; float:left; margin-left: 20px; border-left: 1px #d9d9d9 solid; }
.blogheader-left ul li{ margin: 0 20px; float:left; width: 60px;}
.blogheader-left ul li img{ width: 60px; height: 60px; border-radius: 50%;}
.blogheader-left ul li p{ margin-bottom: 0; text-align: center;}
.blogbtn,.blogbtn:hover{ padding: 20px 0; display: inline-block; width: 100%; font-size: 20px; text-align: center; background-color: #26c3d6; color: #fff;}

.bloglist{ padding: 30px 0; border-bottom: 1px #e9e9e9 solid;}
.bloglist .g-sd1{ width: 60px; margin-right: -60px;}
.bloglist .g-sd1 img{ width: 60px; height: 60px; border-radius: 50%;}
.bloglist .g-mn1c{ margin-left: 80px;}
.bloglist .tit{display: inline-block; margin-bottom: 10px; color: #1eaace; font-size: 18px;}
.bloglist .other{color: #8a8a8a; font-size: 12px;}
.bloglist .name{color: #1eaace;}

.blog-slider{ background-color: #f4f7f9;}
.blog-slider .tree-item {margin-bottom: 25px;background-color: #fff; }
.blog-slider .blog-dlbox{ padding: 25px 0; display: none; }
.blog-slider .item_active .blog-dlbox{ display: block;}
.bloglist .des{ margin-top: 25px; line-height: 20px; font-size: 14px; color: #666;}
.blogdl{position: relative; padding:0 15px 5px 15px; margin-bottom: 0; }
.blogdl:before{  position: absolute;  display: inline-block; width: 20px; height: 20px; background-color: #25b6c7;  content:"\f067";font-family:'FontAwesome'; color: #fff;  text-align: center; line-height: 20px; border-radius: 2px; border:1px #fff solid;}
.blogdl dt{ margin-left:30px; font-size: 14px; cursor: pointer; color: #1eaace; }
.blogdl dd{ display: none; position: relative; margin:15px 25px;  padding-left: 15px; font-size: 14px; color: #666; }
.blogdl dd:before{  position: absolute; left:0px; display: inline-block; content:"\25c6"; color: #1496b7;}
.blogdl dd a{font-size: 14px; color: #666;}
.blog-slider .active dt{ color: #ff3f54;}
.blog-slider .active dd{ display: block;}
.blog-slider .active:before{ content: "\f068"; color: #ff3f54; background-color: #fff; border-color: #ff3f54;}

@media (max-width: 992px) {
  .blogheader-left{float:left;width: 100%; margin-right: 0; padding:20px; }
  .blogheader-right{float:left; width: 100%; padding: 20px;  }
  .blogheader-left ul li{ margin: 0 10px 10px;}
}
@media (max-width: 768px){
	.blogheader-left{padding:10px; }
	.blogheader-left .tit{ display: block; margin-bottom: 20px;}
  
}
/*博客详情*/
.blog-details1{}
.blog-details1 h2{ margin-bottom: 30px;}
.blog-details1 h2 span{ width: 25px; height: 25px; line-height: 25px;}
.blog-details1 .zan{ position: relative; top:-22px; width: 54px; height: 54px; line-height: 25px; font-size: 14px; color: #fff; text-align: center; line-height: 20px; background-color: #e75969}
.blog-details1 .zan em{ font-size: 20px; font-style: normal; }
.blog-slider1{}
.blog-slider1 .tit{ margin: 20px 0; font-size: 16px; color: #333}
.blog-slider1 ul{ padding-bottom: 30px; border-bottom: 1px #e0dddd solid; padding-left: 0; }
.blog-slider1 ul:last-child{ padding-bottom: 0px; border-width:0;}
.blog-slider1 .article_tit{ font-size: 14px; line-height: 2; color: #666;}
.blog-slider1 .article_tit span{ display: inline-block; width: 16px; height: 16px;  margin-right: 8px; font-size: 12px; background-color: transparent; border-radius: 50%; color: #666; text-align: center; line-height: 16px;}
.blog-slider1 .article_tit em{ font-style: normal;}
.blog-slider1 span.ck-bgred{background-color: #f55c6d; color: #fff;}
.blog-slider1 span.ck-bgblue{background-color: #26c3d6; color: #fff;}
.blog-slider1 span.ck-bgblock{background-color: #2d3e50; color: #fff;}
.blog-slider1 .ck-bgred em,.blog-slider1 .ck-bgblue em,.blog-slider1 .ck-bgblock em{display: none;}
.blog-slider1 .comment{ font-size:14px; line-height: 2; color: #666;}
.blog-slider1 .comment li { padding-bottom: 10px; border-bottom: 1px #cbcbcb dashed;}
.blog-slider1 .comment li:last-child{ border-width: 0;}
.blog-slider1 .comment a{color: #26c3d6;}

/*路线图*/
.route-con{ padding: 0; background-color: transparent; }
.route-type{  margin-bottom: 50px; padding: 30px; background-color: #fff;}
.route-slider{}
.route-con .tit{ font-size: 18px; color: #303030; margin-bottom: 20px;}
.route-con .content{ font-size: 14px; line-height: 2; color: #666;}
.route-action{ position: relative; top:20px; float: right;display: inline-block;  }
.route-action a{ margin-left: 15px; font-size: 14px; color: #666; }
.route-action a i{ margin-right: 5px; position: relative; top:4px; display: inline-block; background: url(../images/common/regiconpng.png) no-repeat; background-position: 0 -560px; width: 20px; height: 20px;  font-style: normal; }
.route-action .bs i{ background-position: -20px -560px;}
.line{ border-bottom: 1px #ccc solid; margin:40px 0;}

.routemap{ position: relative;}
.routemap .tit-one{float:left; position: relative; padding: 20px 15px; width: 90px; height: 90px; display: inline-block;  color: #26c3d6; font-size: 14px; line-height: 1.5; background: url(../images/common/yuan.png) no-repeat; text-align: center;}
.routemap .tit-one i{ position: absolute; right:-15px; top:50%; width: 15px; height: 1px; border-bottom: 1px #707d8b solid; font-style: normal; }

.route-two{float:left; margin-left: 15px; padding-left: 0;/* border-left:1px #707d8b solid;*/}
.route-two>li{ position: relative; width: 100%; padding-left:60px; padding-right: 30px;  border-left:1px #707d8b solid; border-top:1px #707d8b solid;}
.route-two>li:last-child{border-left:0;}
.tit-two,.tit-two:hover{ position: relative; top:-14px;text-align: center; width: 250px; display: inline-block; padding: 0 10px; background-color: #26c3d6; color: #fff; border-radius: 4px; font-size: 14px; line-height: 2; white-space:nowrap;text-overflow: ellipsis; overflow: hidden;}
.route-three{ position: relative; top:-34px; left:280px; padding-left: 0;}
.route-three>li{ position: relative; top:-1px; width: 100%;}
.route-three>li:first-child{ top:0;}
.route-three>li i{ display: inline-block; padding-bottom: 10px; padding-left:60px; border-left:1px #707d8b solid; border-top:1px #707d8b solid;}
.route-three>li:last-child i{ border-left-width: 0;}
.tit-three,.tit-three:hover{ position: absolute; top:-10px; left:70px; display: inline-block; padding-bottom: 10px;  color: #5a5a5a;  font-size: 14px; line-height: 1.5;white-space:nowrap;text-overflow: ellipsis; overflow: hidden; max-width: 250px;}
.routemap>.only{ padding-top: 45px;}
@media (max-width: 1199px) {
	.route-con{ width: 100%; margin-right: 0; padding: 10px;}
	.route-slider{float: none; padding: 0; margin-bottom: 10px;width: 100%}
	.route-hide-slider{ width: 100%;}
	.route-hide-slider li{float:left;}
	.route-hide-slider li a{width: auto;font-size: 14px; padding-left: 10px; margin: 10px 10px 10px 0;}
	.route-hide-slider li.active a,.route-hide-slider li:hover a{border-left:5px #0caebd solid;  color: #0caebd;  }
}
@media (max-width: 992px) {
	
}
@media (max-width: 768px){
	.routemap .tit-one i{ display: none;}
	.tit-two, .tit-two:hover{ z-index: 10;}
	.route-two{ margin-top: 20px; margin-left: 0;}
	.route-two>li{  padding: 0; border:0;}
	.route-three>li i{ position: relative; top:-30px; border-top:0; border-bottom:1px #707d8b solid; border-left:1px #707d8b solid; padding-left: 20px;}
	.route-three>li:last-child i{  border-left:1px #707d8b solid;}
	.route-three{ margin-bottom: 20px; position: static;}
  	.tit-three, .tit-three:hover{ left:30px; max-width: 200px;}
}


/*弹出框-标题*/
.com-pop-title{padding:0 80px 0 20px; height:42px; line-height:42px; border-bottom:1px solid #eee; font-size:14px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #F8F8F8; border-radius: 2px 2px 0 0;}
.com-pop-close{position:absolute; right:15px; *right:0; top:15px; line-height: initial;}
/* 弹出框-按钮栏 */
.com-pop-btn{text-align: right; padding:0 10px 12px; pointer-events: auto;}
.com-pop-btn a{height: 28px; line-height: 28px; margin: 0 6px; padding: 0 15px; border:1px #dedede solid; background-color:#f1f1f1; color: #333; border-radius: 2px; font-weight:400; cursor:pointer; text-decoration: none;}
.com-pop-btn a:hover{opacity:0.9; text-decoration: none;}
.com-pop-btn a:active{opacity:0.7;}
.com-pop-btn .com-pop-btn0{border-color: #4898d5; background-color: #2e8ded; color:#fff;}

/*弹出框-内容*/
.com-pop-content{position: relative; padding:20px; line-height:24px; word-break:break-all; overflow:hidden; font-size:14px; overflow:auto;}
/*弹出框*/
.com-pop-box{position:fixed; _position:absolute; pointer-events: auto;top:150px; left:50%; margin:0; padding:0; background-color:#fff; -webkit-background-clip: content; box-shadow: 1px 1px 50px rgba(0,0,0,.3); min-width: 300px; z-index: 1200}
.com-pop-mask{position:fixed; _position:absolute; pointer-events: auto;top:0; left:0; width:100%; height:100%; _height:expression(document.body.offsetHeight+"px"); background: #000; opacity: 0.8;filter:alpha(opacity=80); z-index: 1100;}

/*自动隐藏提示框 skin2 */
.com-skin2-box{min-width:100px; border-radius: 4px; /* padding: 10px 20px;*/ text-align: center; background-color:#fff; filter:alpha(opacity=100); /*background-color: rgba(255,255,255,0.8);*/ color: #2d3e50; border:none;}
.com-skin2-box .com-pop-content{ padding:10px 20px;}
.com-skin2-box .com-pop-title{ height: 0; display: none;}
.com-skin2-box .com-pop-close,.com-skin2-box .com-pop-btn{ display: none;}



.skin2{z-index: 1200; width: 500px; padding: 20px;background-color: #fff;-webkit-background-clip: border-box;  }
.skin2 .com-pop-title{padding: 0 0 10px 0; height: auto; line-height: 20px; font-size: 16px; color: #2f332f; background-color: #fff; border-bottom:1px #e4e7e8 solid;}
.skin2 .com-pop-close{ right: -20px; top:-15px;}
.skin2 .com-pop-close a{ display: inline-block;background: url(../images/common/regiconpng.png) no-repeat; width:40px; height: 30px; background-position: 0 -400px; }
.skin2 .com-pop-btn{ padding: 0 20px 0 0; }
.skin2 .subbtn{ display: inline-block; margin:0; height: auto; line-height: 1; padding:10px 15px; width: auto; text-align: center;  border-radius: 4px;  font-size: 18px; background-color: #5bc0de; color: #fff; border:none;}
.skin2 .subbtn.disabled{background-color: #ccc; cursor: not-allowed;}
.skin2 .inpdiv{ margin-bottom: 10px;}
.skin2 .err{ margin-bottom: 0; color: red;}

.qa-details-edit .inpdiv{ margin-bottom: 10px;}
.video-tabs .err{ margin-bottom: 0; color: red;}


/*低版本ie兼容友好提示 begin*/
#ie-alert-overlay{width:100%;height:100%;background-image:url(../images/common/bg.png);position:fixed;top:0;left:0;z-index:9999}
* html #ie-alert-overlay{position:absolute;z-index:9999}
#ie-alert-panel{width:594px;height:402px;position:fixed;background:url(../images/common/iealertsprite.png) no-repeat;background-position:-1px -109px;top:50%;left:50%;margin:-201px 0 0 -296px;padding:72px 0 0 72px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:700;color:#333;line-height:1.5em;z-index:10000}
#ie-alert-panel p{font-size:14px;width:486px;text-align:justify}
#ie-alert-panel img{border:0}
#ie-alert-panel span{font-size:18px;margin:0 0 20px 0;display:block;padding:0}
#ie-alert-panel ul{list-style:none;margin:0;padding:0}
#ie-alert-panel li{float:left;margin:0 22px 0 0}
#ie-alert-panel li.last{margin-right:0}
#ie-alert-panel a{display:inline-block}
#ie-alert-panel .red{color: red;}
.browser{position:absolute;bottom:35px}
.chrome,.firefox,.ie9,.opera,.safari{background:url(../images/common/iealertsprite.png) no-repeat}
.chrome{background-position:0 0;width:73px;height:96px;margin:0 4px 0 0}
.firefox{background-position:-292px 0;width:73px;height:98px}
.ie9{background-position:-179px 0;width:95px;height:98px}
.opera{background-position:-90px 0;width:73px;height:98px}
.safari{background-position:-387px 0;width:73px;height:98px;margin:0 4px 0 0}
/*低版本ie兼容友好提示 end*/

.ck-bgred{background-color: #f55c6d;}  /*偏红色*/
.ck-bgblue{background-color: #26c3d6;}  /*偏蓝色*/
.ck-bgblock{background-color: #2d3e50;}  /*偏黑色*/
.ck-bggrey{background-color: #f4f7f9;} /*灰色*/
.ck-bgwhite{background-color: #fff;} /*白色*/
.ck-red,.text-red,a.text-red,.skin-mq-red .mq-v-title ,.skin-mq-red .mq-v-title span{color: #f55c6d;}  /*偏红色*/
.ck-blue,.text-blue,a.text-blue,.skin-mq-blue .mq-v-title ,.skin-mq-blue .mq-v-title span{color: #26c3d6;}  /*偏蓝色*/
.ck-block,.text-block,a.text-block,.skin-mq-block .mq-v-title ,.skin-mq-block .mq-v-title span{color: #2d3e50;}  /*偏黑色*/
.text-overflow{ display: inline-block; white-space:nowrap;text-overflow: ellipsis; overflow: hidden; width: 100%; position: relative;  }


.pb0{padding-bottom: 0;}
.pl0{ padding-left: 0;}
.pt25{ padding-top: 25px;}
.mt50{margin-top: 50px;}
.pb25{ padding-bottom: 25px;}
.mb70{margin-bottom: 70px;}
.mb60{margin-bottom: 60px;}
.mb50{margin-bottom: 50px;}
.mb20{margin-bottom: 20px;}
.mt10{ margin-top: 10px;}
.dsblock{display: block;}

/*app下载页面*/
.p2{padding: 2px;}
.overflow-hide{overflow: hidden;}
.app{}
.roll1,.roll2,.roll3,.roll4,.roll5{ position: relative; height: 630px; }
.ck-bg-f6{ background-color: #f6f6f6; }
.ck-bg-f55c6d{ background-color: #f55c6d; }
.ck-bg-0c2140{ background-color: #0c2140; }
.ck-bg-58cde1{ background-color: #58cde1; }
.app-header{ width: 100%; height: 648px; background: url(../images/down/roll1_1.jpg) no-repeat top center; }
.down-btn{ float:left; width: 290px;}
.down-btn a{ display: inline-block; margin-right: 30px; margin-bottom: 22px;}
.downpic{ width: 130px; height: 130px; padding: 5px; background-color: #fff; text-align: center; overflow: hidden;}
.downpic img{ margin-bottom: 10px;}
.down-erweima{ float:left; width:130px; overflow: hidden;}
.down-erweima p{ width: 100%; text-align: center; font-size: 12px; line-height: 40px; color: #fff;}


.roll1_3{position: absolute; left:120px;top:180px;}
.roll1_2{position: absolute; right:50px;top:80px;}
.roll1 .down{ position: absolute; left:130px ;top:420px; }

.roll2_1{ position: absolute;left:20px;top:160px;}
.roll2_2{ position: absolute;left:150px;top:160px;}
.roll2_3{ position: absolute;right:190px;top:345px;}
.roll2_4{ position: absolute;right:170px;top:230px;}

.roll3_1{ position: absolute;left:625px;top:130px;}
.roll3_2{ position: absolute;right:-70px;bottom:-3px; z-index: 2;}
.roll3_3{ position: absolute;left:160px;bottom:-3px; z-index: 1;}
.roll3_4{ position: absolute;left:160px;top:230px;}

.roll4_1{ position: absolute;left:250px;top:0;}
.roll4_2{ position: absolute;left:380px;top:254px;}
.roll4_3{ position: absolute;right:222px;top:290px;}
.roll4_3 img{ border-radius: 50%; border:5px #79cbe1 solid;}
.roll4_4{ position: absolute;left:50%;top:50px;margin-left: -250px}

.roll5{ height: 610px; overflow: hidden;}
.roll5_1{ position: absolute;left:190px;top:250px; z-index: 2}
.roll5_2{ position: absolute;right:150px;bottom:0;z-index: 1}




@media (max-width: 1199px) {
	.coding-logo{width: 170px; background: url(../images/common/logo.png) no-repeat;  }
    .courses-details .cour-dimg{ width: 100%; height: auto;}
    .cour-tree{ width: 100%; margin-right: 0; margin-bottom: 10px; }
    .cour-teach{ width: 100%;}

    /*问答*/
    .qa-tab{ width: 65%;margin-right: 5%}
    .qa-slider{ width: 30%}
	.talk-list .talk-info{width: 370px;}

    .replay-sms .replay-con{ width: 386px; }
    .replay-sms .replay-img{ margin-left: 25px;}
	/*代码片段*/
    .code-details-message .replay-sms .replay-con{ width: 437px}

}

@media (max-width: 992px) {
    .cour-info h1,.cour-info .score,.cour-info .metas{ padding-left: 0;}
    /*问答*/
    .qa-tab,.qa-slider,.publish-slider,.news-slider{ width: 100%}
    .talk-list .talk-info{width: 550px;}

    .replay-sms .replay-con{ width: 516px }

    /*课程页面*/
    .cour-ask-list{ width: 650px;}

    /*代码片段*/
    .code-cate li{ width: 30%;margin-left:3%; }
    .code-item{ width: 30%; margin-left: 3%;}
    .code-list-left,.code-cate-slider,.code-details-left,.code-cate-slider,.publish-con,.news-tab
    {margin-bottom: 10px; width: 100%;}
    .code-details-message .replay-sms .replay-con{ width: 515px}

    /*404*/
	.errorimg img{ width: 100%;}
	.errorimg .err-text{  bottom:2.71%; left:35.30%; font-size: 30px; }

@media (max-width: 768px) {
	.indexbox { padding: 30px 0;}
    .img-responsive{ width: 100%}
    /*首页*/
    .cknav-course{ width: auto}
    .cknav-default{ padding: 0;}
    /*二级页面面包屑*/
    .courses-header{ padding: 10px 0;}
    .courses-h1{ font-size: 1.5em;}
    .breadcrumb{ margin-bottom: 0;}
    .breadcrumb>li{ margin-top: 5px;}
    /*二级页面导航*/
    .cknav-two .cknav-bgbar li a{color:#fff;}
    .cknav-two .navbar-toggle{border-color: #26c3d6}
    .cknav-two .navbar-toggle .icon-bar{background-color:#26c3d6;}
    .cknav-two .navbar-toggle:focus, .cknav-two .navbar-toggle:hover{}
    /*课程页面*/
    .courses-details{ padding: 5px;}
    .cour-info{height:inherit }
    .cour-info h1{padding-right:100px;}
    .cour-info .action .share{ right:20px; top:34px;}
    .cour-info .metas{ height: auto; position: static;}
    .cour-info .metas li{ padding:10px 0; width: 33.333%;max-height:70px;}
    .cour-info .metas li.join{ width: 100%; height: 70px;}
    .cour-info .metas li.join a{ padding-top: 22px;}
    .tree-item h2{ font-size: 1em;}
    .tree-ul .tree-node{ padding-right: 70px; position: relative; overflow: hidden;}
    .tree-ul .cour-hour{ float: none; position: absolute; right:5px; top:0;}
	
    .cour-ask-list{ width: 100%}
    .cour-ask-list-r{ margin-left: 0;}
	
	.cour-tree-tab{ border-bottom: 0;}
	.cour-tree-tab li{border-bottom-width:1px; padding-bottom: 0;}
	.cour-tree-tab li a{ font-size: 14px; }
    .cour-tree-tab .active,.cour-tree-tab li:hover{ padding-bottom: 0; border-bottom-width:1px; }
	.cour-tree-tab .active a,.cour-tree-tab li:hover a{ color: #1eaace;border-bottom-width:1px; font-size: 14px;  }

    /*漂浮侧边栏*/
    .fixed-bar .fa-icon,.fixed-bar .icon-uniE60B{ line-height: inherit; font-size: inherit;}
	.fixed-bar .es-icon-qq{ font-size: 25px;}
    .fixed-bar li{width:35px;height:35px; line-height: 35px;}
    .fixed-bar .hz-icon{line-height:35px}
    .fixed-bar .fixed-bar-icon{display:block!important}
    .fixed-bar .fixed-bar-text{display:none!important}
    .fixed-bar .hz-weixin .icon-erweima{font-size:30px}
    .fixed-bar .hz-weixin .weixin{width:100px;left:-110px;margin-top:-50px}

	
    /*问答*/
    .talk-img{width: 50px;}
    .talk-list .talk-info{width: auto;}
    .talk-list .talk-img img{ width: 50px;height: 50px;}
    .cour-tree-tab li a{ padding: 0 10px;}
    .talk-list .talk-info{ padding-left: 60px; float: none;}
    .talk-show>span{ display: inline-block;}
    .message-sms:after,.replay-sms:after{ width: 0; height: 0; border:none;}
    .replay-sms .replay-con{ width: 100%; }
    /*.replay-sms .replay-img{ margin-left: 10px; width: 10%;}*/
    .replay-sms .replay-img img{ width: 100%;}



     /*代码片段*/
    .code-cate li{ width: 48%;margin-left:2%; }
    .code-item{ width: 100%; margin-left: 0; }
    .code-list-left,.code-cate-slider{margin-bottom: 10px; width: 100%;}
	.code-list-img{ width: 100%; }
	.code-list-info{ width: 100%; margin-left: 0;padding-left:0;}

	.pagination a{ margin-bottom: 10px;}

	/*关于我们*/
	.about{ padding: 20px 10px;}
	.about-con{ padding: 10px; width: 100%;margin-right: 0;}
	.about-slider{ float: none; padding: 0; margin-bottom: 10px;width: 100%}
	.about-nav{ padding:  10px;}
	.about-nav li {float:left}
	.about-nav li a{width: auto;font-size: 14px; padding-left: 10px; margin: 10px 10px 10px 0;}
	.about .pad25{ padding: 0 10px;}
	.expertul .people-des{ float: left; width: 100%; padding-left:0;}

	/*404*/
	.errorimg .err-text{  bottom:2%; left:35.30%; font-size: 16px; }

	/*资讯*/
	.news-item .g-sd1{ width:100px;margin-right:-100px;}
	.news-item .g-mn1c{margin-left:120px;}

	/*登录注册*/
	.login-box{ width:320px; }


}




@media (max-width: 767px) {
	/*二级导航*/
	.cknav-bgbar .nav-sub{ position: static; margin-left: 0;  width: 100%;}
	.row{ margin-left: 0; margin-right: 0;}
    .js_newvideo,.js_newclass,.js_enterprise,.js_student{ margin-left: 15px; margin-right: 15px;}
	/*.indexbox{ padding: 30px 15px;}*/
	.indexbox h3{ font-size: 1.8em;}
	.coding-logo{ margin-left: 15px!important;}
	.cknav-default::after{ display: none;}
	.cknav-bgbar{ z-index: 10; background-color: #26c3d6; color: #fff;}
	.cknav-bgbar li{ width: 100%;}

	.video-play{ font-size: 1em;}

	.course-name, .course-info{ /*font-size: 1em;*/  height: auto; line-height: 2em;}

    .newclass-item{  width: 49%;margin-right: 1%;}

	.copyright{font-size: 12px; line-height: 2.2em;}
	.footer-contact dl{  margin: 0;}
	.footer-contact dt{ margin-top: 10px; width: 100%; text-align: center;}
	.footer-contact dt,.footer-contact dd{text-align: left; margin-right: 5px; float:left;}


}

@media (min-width: 768px) and (max-width:991px) {
    .newclass-item{ width: 32%;margin-right: 1%;}
    
}

@media (min-width: 992px) and (max-width:1199px) {


}