@charset "utf-8";
/* =s Reset */
html{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-overflow-scrolling: touch;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-ms-overflow-style: -ms-autohiding-scrollbar;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:sup;}
sub{vertical-align:sub;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* =e Reset */
header,footer,nav{display: block;}
::-moz-selection{background:#fe917b; color:#fff;} 
::selection {background:#fe917b; color:#fff;} 
html,body{background:#0c0a12;font-family: PingFangSC-Light,'helvetica neue','hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
body{color:#333; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale}
i{font-style:normal;}
a{text-decoration: none;color: #333;border: 0;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.clr:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;}
.clr{zoom:1;}
.fl{float: left;}
.fr{float: right;}
.inner{width: 1200px;margin: 0 auto;}
.juejin{
	background-image: url(../images/juejin01/bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center 0;
    padding-bottom: 215px;
}
.juejin-banner{position: relative;height: 720px;background: url(../images/juejin01/juejin-banner.jpg) no-repeat center top;min-width: 1200;}
.juejin-course-intro{}
.juejin-course-intro .title{text-align: center;padding-top:35px;}
.juejin-course-intro .main{position: relative;margin-top: 150px;border:1px solid #504531;padding:125px 0 50px 0;}
.juejin-course-intro .main p{font-size: 20px;color:#af9257;line-height:48px;text-align: center;}
.juejin-course-intro .main .menu{position: absolute;top: -92px;width: 785px;font-size: 0;text-align: center;left: 50%;margin-left:-392px; }
.juejin-course-intro .main .menu a{position: relative;width: 190px;height:185px;display: inline-block;background: url(../images/juejin01/icons.png) no-repeat;color: #fff;font-size: 32px;line-height: 128px;}
.juejin-course-intro .main .menu .a1{background-position: -26px -12px;}
.juejin-course-intro .main .menu .a2{background-position: -243px -12px;margin: 0 95px;}
.juejin-course-intro .main .menu .a3{background-position: -471px -12px;}
.juejin-course-intro .main .menu a:before,
.juejin-course-intro .main .menu a:after{
	/*content: "";*/
	position: absolute;
	width: 10px;
	height: 3px;
	background-color: #15151D;
	top: 91px;
}
.juejin-course-intro .main .menu a:before{left:-10px;}
.juejin-course-intro .main .menu a:after{right: -5px;}
.juejin-course-plan{padding-top: 92px;}
.juejin-course-plan .title{text-align: center;}
.juejin-course-plan .main{padding-top: 50px;}
.juejin-course-plan .plan{float: left;width: 600px;}
.juejin-course-plan .plan .tit span{/*font-family:Mangal;*/font-size: 57px;color: #dbb76c;border-bottom: 1px solid #AF9258;display: inline-block;line-height: 72px;}
.juejin-course-plan .plan p{font-size: 19px;color: #fff;padding-top: 48px;}
.juejin-course-plan .plan p span{color: #af9257;font-family: arial;display: inline-block;width: 155px;font-size: 20px;}
.juejin-course-plan .plan.r .tit span{color: #888;border-bottom: 1px solid #888;}
.juejin-course-plan .btns{padding: 60px 0;text-align: center;}
.juejin-course-plan .btns a{display: inline-block;width: 304px;height: 74px;border-radius:37px;-webkit-border-radius:37px;text-align: center;line-height: 74px;background-color: #af9257;color: #fff;font-size: 34px;letter-spacing: 3px;}
.juejin-course-plan .imgs{padding-top: 23px;text-align: center;}
.juejin-course-plan .imgs img{display: block;margin-top: 30px;}

/*讲师介绍*/
.juejin-lecturer .title{text-align: center;padding-top: 40px;}
.juejin-lecturer .main{padding-top: 50px;}
.juejin-lecturer .main .item{width: 310px;height: 456px;background: #534b3c;float: left;}
.juejin-lecturer .main .item.item1{background:url(../images/juejin01/xn-bg.jpg) no-repeat;}
.juejin-lecturer .main .item.item2{background:url(../images/juejin01/hu-bg.jpg) no-repeat;}
.juejin-lecturer .main .item.item3{background:url(../images/juejin01/zhang-bg.jpg) no-repeat;}
.juejin-lecturer .main .item2{margin: 0 135px;}
.juejin-lecturer .main .item .imgs{height: 160px;margin: 45px auto 0 auto;}
.juejin-lecturer .main .item img{display: block;width: 158px;height: 158px;border-radius: 100%;-webkit-border-radius: 100%;margin: 45px auto 0 auto;}
.juejin-lecturer .main .item h3{text-align: center;font-size: 32px;text-align: center;color: #fff;padding-top: 15px;}
.juejin-lecturer .main .item p{padding: 20px 25px 0;color: #c6c6c6;font-size: 16px;line-height: 30px;}

.juejin-advantage {padding-top: 63px;}
.juejin-advantage .title{text-align: center;}
.juejin-advantage .main{padding-top: 55px;}
.juejin-advantage .main .item{float: left;width: 312px;height: 419px;position: relative;margin-left: 130px;background:url(../images/juejin01/ad-bg.png) no-repeat;}
.juejin-advantage .main .item.item1{margin-left: 0;}
.juejin-advantage .main .item .num{position: absolute;width: 86px;height: 66px;right:42px;top: 3px;}
.juejin-advantage .main .item .num em{display: inline-block;background: url(../images/juejin01/icons.png) no-repeat;}
.juejin-advantage .main .item1 .num em{background-position: -56px -214px;width: 62px;height: 62px;margin-left: 11px;}
.juejin-advantage .main .item2 .num em{background-position: -149px -216px;width: 73px;height: 62px;margin-left: 8px;}
.juejin-advantage .main .item3 .num em{background-position:-253px -216px;width: 73px;height: 62px;margin-left: 7px;}
.juejin-advantage .main .item .tit{height: 126px;margin: 89px 0px 0 2px;padding-left: 31px;background-color: #af9257;color: #fff;width: 250px;}
.juejin-advantage .main .item .tit h2{font-size: 45px;padding: 10px 0;}
.juejin-advantage .main .item .tit h3{font-size: 24px;}
.juejin-advantage .main .item .txt{padding:24px 0 0 40px;}
.juejin-advantage .main .item p{font-size: 20px;color: #dbb76c;line-height: 42px;}

.juejin-dominant .title{margin: 90px 0 62px 0;text-align: center;}
.juejin-dominant .main{width: 1200px;height: 466px;background: url(../images/juejin01/fit-bg.png) no-repeat;}

.juejin-goal .title{padding:90px 0 60px 0;text-align: center;}
.juejin-goal .main{border:1px solid #675739;padding: 40px 0;}
.juejin-goal .main em{float: left;background: url(../images/juejin01/icons.png) no-repeat -61px -316px;width: 112px;height: 112px;margin: 15px 90px 0 90px;}
.juejin-goal .main .txt{overflow: hidden;font-size:22px;color: #dbb76c;line-height: 50px;}



.juejin-fix{height: 135px;position: fixed;bottom: 0;left:0;width: 100%;background: #14121c;}
.juejin-fix .inner{width: 1200px;height: 135px;background:url(../images/juejin01/footfix-bg.png) no-repeat;}
.juejin-fix .inner .left{float: left;width: 900px;}
.juejin-fix .inner .left h1{font-size: 48px;color: #cea255;line-height: 1;padding-top: 18px;}
.juejin-fix .inner .left .price{padding-top: 25px;overflow: hidden;line-height: 30px;}
.juejin-fix .inner .left .zn-price{font-size: 24px;color: #af9257;letter-spacing: 2px;float: left;}
.juejin-fix .inner .left .zn-price span{font-size: 18px;letter-spacing: 1px;}
.juejin-fix .inner .left .n-price,
.juejin-fix .inner .left .num {float: left;padding-left: 58px;font-size: 24px;color: #af9257;}
.juejin-fix .inner .left .n-price{padding-left:0;padding-right:58px;color: #fff;}

.juejin-fix .inner .left .num span{font-size: 36px;vertical-align: bottom;padding: 0 2px;}
.juejin-fix .inner .btn{float: right;margin-top: 32px;} 
.juejin-fix .inner .btn a{display: inline-block;width: 284px;height: 70px;text-align: center;line-height: 70px;background-color: #af9257;color: #fff;border-radius: 35px;-webkit-border-radius: 35px;font-size: 33px;letter-spacing: 2px;}
.juejin-fix .inner .btn a:hover,
.juejin-course-plan .btns a:hover{opacity:0.9;filter:alpha(opacity=90);}