* CSS Document */
body,div,p,span,ul,li,dl,dt,dd,a,ol,input,button,img,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; list-style:none; border:0;}
body{ font-family:'Microsoft Yahei','Simsun'; color:#363739; font-size:14px; line-height:24px; background:#eaeef4; }
a{ color:#fff; text-decoration:none;}
img{display: block;border: none;}
a:hover{text-decoration:none;}
body,input,button,img{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i{font-style:normal;}
input,button{font-family:"微软雅黑";}
.w1200{width: 1200px; margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right; }
.clearfix::after {clear: both; content: ""; display: block; height: 0;}

/**** public.css **/

/****** public_top **/
.top{ width: 100%;height:32px; line-height: 32px; background: #474747; font-size: 12px;color: #fff; }
.top_con .dl .icon{ width: 12px;height: 12px; background:url(/data/static/images/index/login_icon.png) no-repeat 0 0;display: inline-block;vertical-align: -1px; margin-right:6px; }
.top_con .dl{ padding-right: 5px; display: inline-block; }
.top_con .dl,.top_con .zc { font-size: 12px;color: #fff; }
.header_con{ width: 100%;height: 67px;  background: #fff; }
.header_con .logo{ width: 152px;height: 48px;background: url(/data/static/images/user_backstage/logo.png) no-repeat 0 0; display: block;}
.header_con .w1200{ padding-top: 15px; }
/****** public_btn **/
.page_con .next_btn{ width: 226px;height: 60px;line-height: 60px;text-align: center;display: block;color: #fff;font-size: 30px;border-radius: 10px;background: #ff6600;margin:30px auto 0;cursor:pointer; }
.page_con .next_btn:hover{ background: #de5a02; }
.page_con .w1200{ padding-bottom: 40px; padding-top: 40px; }



/****** page_con **/
.page_con{ width: 100%;background:#adcdea; height: auto; }
.page_con .step01,.page_con .step02,.page_con .step03{ margin:0 auto 40px; }


/*** 课程邀请码 **/
.code{ width:860px;height: 310px; padding:30px 0 0 40px; background: #fff;margin:0 auto; }
.code h3{ font-size: 24px;color: #ff6600;height: 108px;line-height: 108px; }
.code .code_text{ width: 770px;height: 50px; line-height: 50px; padding:15px 0 15px 20px; font-size: 16px;color: #000;background: #f6f6f6;  }


/*** 开课页面样式 **/
.open_course .course_title{ font-size: 34px;color: #255da7;text-align: center; padding:10px 0 50px 0; }
.open_course .course_box{  width: 1160px;background: #fff;border-radius: 10px; padding-left: 40px; padding-top: 40px; padding-bottom: 40px; }
.open_course .course a{ width: 304px;height: 52px;line-height: 52px;text-align: center;display: inline-block; font-size: 18px;color: #3575ca; border:1px solid #3575ca; display: inline-block; margin:15px;  }
.open_course .course a:hover,.open_course .course a.on {background: #3575ca;color: #fff;}

/*** 学习课程页面样式 **/
.study_course .course a{ width: 368px;height: 62px;line-height: 62px;text-align: center;display: inline-block; font-size: 18px;color: #3575ca; border:1px solid #3575ca; display: inline-block; margin:15px; }
.study_course .course a:hover,.study_course .course a.on{ background: #3575ca; color:#fff;}
.study_course .course_box{ width: 860px;background: #fff;border-radius: 10px; padding-left: 60px; margin:0 auto; padding-bottom: 40px; }
.study_course .course_box h4{ height: 70px;line-height: 70px;font-size: 18px;color: #ff6600; padding-left: 15px; }


/*** 兑换成功页面样式 **/
.success .success_con{ width: 1200px;background: #fff;border-radius: 10px; padding:60px 0 60px 0; }
.success .success_con .p{ width: 980px; padding: 35px 0; text-align: center;font-size: 22px;color: #4c4c4c;margin:0 auto;background: #f3f3f3; }
.success .success_con .p a{ color: #ff6600; }
.success .success_con .btn a{ width: 280px;height: 60px;line-height: 60px;text-align: center;display: inline-block;background: #ff6600;font-size: 20px; margin:0 10px;  }
.success .success_con .btn a:hover{ opacity: .8; }
.success .success_con .btn { text-align: center; padding: 30px 0 30px 0;}
.code_box {text-align: center; }
.code_box dl { width: 180px;  display: inline-block;text-align: center;margin:0 10px; }
.code_box dl dt{ margin-bottom: 10px; }
.code_box dl dt img{ width: 180px;height: 180px; }
.code_box dl dd{ font-size: 18px;color: #4c4c4c; text-align: center; }