body {
	font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
	overflow-x: hidden;
	overflow-y: scroll;
	color: #555;
}

.fontC01 {
	color: #2196f3;
}

.fontC02 {
	color: #555;
}

.fontC03 {
	color: #888;
}

.fontC04 {
	color: #00cc66;
}

.fontS16 {
	font-size: 16px;
}

.fontS18 {
	font-size: 18px;
}

.fontS20 {
	font-size: 20px;
}

.fontS24 {
	font-size: 24px;
}

.fontS28 {
	font-size: 28px;
}

.fontS30 {
	font-size: 30px;
}

.fontS36 {
	font-size: 36px;
}

.lineH30 {
	line-height: 30px;
}

.lineH43 {
	line-height: 43px;
}

.fontBold {
	font-weight: bold;
}

.inblock {
	display: inline-block;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt60 {
	margin-top: 60px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml60 {
	margin-left: 60px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb30 {
	margin-bottom: 30px;
}

.pt30 {
	padding-top: 30px;
}

.pt60 {
	padding-top: 60px;
}

.pl20 {
	padding-left: 20px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb60 {
	padding-bottom: 60px;
}

.borig {
	border-right: #dcdcdc solid 1px;
}

.borig2 {
	border-right: #f5f5f5 solid 1px;
}

.borleft {
	border-left: #f5f5f5 solid 1px;
}

.borbot {
	border-bottom: #dcdcdc solid 1px;
}

ul, ol, li {
	list-style: none;
}

.unline {
	text-decoration: underline;
}

em, i {
	font-style: normal;
}

.hover1:hover {
	color: #2473b6;
}
/*登录注册*/
.login_top {
	background: #ffffff;
	padding: 30px 0;
	border-bottom: #eee solid 1px;
}

.login_top .txt {
	font-size: 28px;
	margin-left: 20px;
	padding-left: 20px;
	border-left: #eee solid 1px;
}

.loginbox {
	background: #2196f3;
	padding-top: 50px;
}
@media (max-width: 768px) {
	.loginbox {
		padding-top: 0px;
	}
}

.login {
	padding: 0;
	background: #fff;
}

.login h4 {
	margin: 0;
	padding: 20px 0 20px 30px;
	border-bottom: #dcdcdc solid 1px;
}

.login .formbox {
	padding: 30px;
}

.login .form-group {
	position: relative;
	margin-bottom: 20px;
}

.login .form-group span {
	display: inline-block;
	position: absolute;
	top: 1px;
	left: 1px;
	color: #c1c1c1;
	font-size: 20px;
	padding: 13px 15px 10px 15px;
	background: #f3f3f3;
	border-right: 1px solid #ececec;
}

.login .form-group .form-control {
	padding-left: 50px;
}

.login .form-group a.qq {
	width: 49%;
	text-align: center;
}

.login .form-group a.qq:hover {
	color: #0886be;
	text-decoration: none;
}

.login .form-group a.wx:hover {
	color: #00ae56;
}

.register {
	width: 468px;
	margin: 0 auto;
	padding: 60px 0;
}

.register .form-group {
	margin-bottom: 25px;
}

.register .form-group .control-label {
	line-height: 30px;
	text-align: right;
}
/*忘记密码*/
.forget {
	margin-top: 60px;
	position: relative;
}

.forget .line {
	position: absolute;
	top: 14px;
	left: 18%;
	width: 70%;
	height: 3px;
	background: #f8f8f8;
}

.forget .line1, .forget .line2, .forget .line3, .forget .line4 {
	position: absolute;
	top: 14px;
	left: 15%;
	height: 3px;
	background: #2196f3;
}

.forget .line1 {
	width: 12%;
}

.forget .line2 {
	width: 37%;
}

.forget .line3 {
	width: 62%;
}

.forget .line4 {
	width: 75%;
}

.forget .num {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 25px;
	text-align: center;
	background: #c1c1c1;
	color: #fff;
	border: #c1c1c1 solid 2px;
	border-radius: 50%;
}

.forget .on {
	color: #fff;
	background: #2196f3;
	border: #2196f3 solid 2px;
}

.success {
	width: 320px;
	padding: 60px 0;
	margin: 0 auto;
}

.footer {
	border-top: #f3f3f3 solid 1px;
	border-bottom: #eee solid 1px;
	padding: 10px 0 0 0;
}

.footer a {
	color: #888;
	margin-left: 50px;
}
/*主页面*/
.box {
	background: #fff;
}

.nav01 {
	background: #303030;
	margin-bottom: 0;
	border-radius: 0;
}

.nav01 .nav>li>a {
	padding: 15px 30px;
	color: #bdbdbd;
	font-size: 14px;
}

.nav01 .nav>li>a:focus,.nav01 .nav>li>a:hover, .nav01 ul li.cur a {
	text-decoration: none;
	background: #0a0a0a;
	color: #fff;
}

.nav01 ul.navbar-right li a {
	padding: 15px 10px;
	position: relative;
}

.nav01 li.dd, .slidebox {
	position: relative;
}

.nav01 li.dd .num, .nav01 ul.navbar-right .num {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	border-radius: 20px;
	background: #f19600;
	color: #fff;
	font-size: 12px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.nav01 li.dd .num {
	right: 15px;
}

.slide {
	position: absolute;
	width: 116px;
	top: 36px;
	right: 0px;
	font-size: 13px;
	z-index: 99999;
	color: #fff;
	background: #0a0a0a;
	padding-top: 15px;
	display: none;
}

.slide p {
	margin: 0;
	padding: 10px 0;
	cursor: pointer;
	border-top: #1c1c1c solid 1px;
}

.slide p:hover {
	color: #f19600;
}

.nav01 ul.navbar-right .slidebox {
	width: 140px;
}

.nav01 ul.navbar-right .slide {
	width: 126px;
}

.pay1 {
	border-top: #dcdcdc solid 1px;
	padding: 20px 15px;
}

.pay_type {
	padding: 20px 7px;
}

.pay_type .bor {
	padding: 15px;
	border: #ececec solid 1px;
}

.pay_type .bor2 {
	padding: 25px 7px;
	border: #2196f3 solid 2px;
}

.pay_type .bor2 label img {
	border: #cccccc solid 1px;
}

.inp_bor {
	padding: 10px;
	border: #ececec solid 1px;
}

.nav-tab2 {
	padding: 10px 0;
	border-bottom: 1px solid #dcdcdc;
}

.nav-tab2 ul li {
	float: left;
	margin-bottom: -10px
}

.nav-tab2 ul.nav > li > a {
	color: #555;
	font-size: 16px;
	position: relative;
	display: block;
	padding: 18px 30px;
}

.nav-tab2 ul.nav>li.active a,.nav-tab2 ul.nav>li>a:focus,.nav-tab2 ul.nav>li>a:hover {
	border-bottom: #2196f3 solid 1px;
	color: #2196f3;
	background: none;
}

.nav-tab2 .num {
	position: relative;
}

.nav-tab2 .num em {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	font-size: 12px;
	color: #fff;
	background: #f19600;
	text-align: center;
	line-height: 20px;
}

.news li {
	padding: 20px 15px 10px 15px;
	border-bottom: #dcdcdc solid 1px;
}
/*个人设置*/
.photo .picbpx {
	width: 160px;
	height: 160px;
	display: inline-block;
	margin-left: 25%;
}

.photo .pic {
	display: inline-block;
	background: #f3f3f3;
	padding: 10px 35px;
	font-size: 180px;
	color: #e4e4e4;
}

.photo .pic2 {
	display: inline-block;
	width: 78px;
	height: 78px;
	font-size: 78px;
	background: #fff;
	color: #ececec;
	border-radius: 50%;
	margin: 40px 0 0 40px;
}

.photo .pic3 {
	display: inline-block;
	width: 160px;
	height: 160px;
	font-size: 160px;
	background: #fff;
	color: #ececec;
	border-radius: 50%;
}

.photo .pic4 {
	display: inline-block;
	width: 120px;
	height: 120px;
	font-size: 120px;
	background: #fff;
	color: #dbe6eb;
	border-radius: 50%;
}

.safe {
	margin: 0 20px 20px 20px;
	padding: 20px 20px 15px 20px;
	border: #ececec solid 1px;
}

.safe .fa {
	display: inline-block;
	width: 60px;
	text-align: center;
	font-size: 40px;
}
/*弹出框*/
.popbox-container {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.popbox-container .popbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.popbox-container .popbox-wrapper {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	_position: absolute;
	_top: 100px;
}

.safebox {
	background: #fff;
}

.safe_nav {
	padding: 15px 20px;
	border: #dcdcdc solid 1px;
}
/*课程*/
.noke {
	height: 210px;
	padding-top: 70px;
}

.noke a:hover {
	color: #2473b6;
}

.no_pic {
	height: 470px;
	padding-top: 110px;
}

.no_btn {
	color: #2196f3;
	padding: 5px 15px;
	border-radius: 3px;
	border: #2196f3 dashed 1px;
}

.no_btn:hover {
	color: #fff;
	background: #2196f3;
	text-decoration: none;
}

.kc_box {
	padding: 20px 0;
	border-bottom: #dcdcdc dashed 1px;
}

.kc_box .pic1 img {
	width: 263px;
	height: 149px;
}

.kc_box .pic2 img {
	width: 550px;
	height: 307px;
}

.kc_box ul {
	margin-top: 5px;
	padding-left: 15px;
}

.kc_box ul li em {
	display: inline-block;
	width: 68px;
	height: 20px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	background: url(../images/kc.png) no-repeat;
}

.time-graph {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.canvas {
	width: 130px;
	height: 130px;
}

.time-graph p {
	color: #2196f3;
	position: absolute;
	top: 42px;
	left: 42px;
}

.lb_menu {
	border-bottom: #dcdcdc solid 1px;
	padding: 15px;
}

.lb_menu select {
	border: #eee solid 1px;
	width: 160px;
	height: 28px;
	line-height: 30px;
}

.lb_cont {
	padding: 0;
	margin: 15px;
	position: relative;
}

.lb_cont p {
	padding: 15px;
	color: #fff;
	background: #2196f3;
	margin-bottom: 20px;
}

.lb_cont p em {
	cursor: pointer;
}

.lb_cont .lb_box {
	width: 100%;
	color: #888;
	font-size: 16px;
	padding: 0 15px;
}

.lb_cont .lb_box dl dd {
	padding: 15px 0 15px 50px;
	border-bottom: #dcdcdc solid 1px;
}

.lb_cont .lb_box dl dd a {
	font-size: 14px;
	padding: 3px 25px;
	border: #2196f3 solid 1px;
}

.lb_cont .lb_box dl dd a:hover {
	color: #fff;
	background: #2196f3;
	text-decoration: none;
}

.zb_list {
	margin: 15px 15px 0 15px;
	padding: 15px 20px;
	border-bottom: #dcdcdc dashed 1px;
}

.zb_list .btn1 {
	display: inline-block;
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: #2196f3 solid 1px;
}

.zb_list .btn1:hover {
	background: #2196f3;
	color: #fff;
	text-decoration: none;
}

.wx_pic {
	padding: 30px 0;
}
/*视频*/
.video_right {
	position: relative;
	box-sizing: border-box;
}

.video_right .video_btn {
	position: absolute;
	right: -1px;
	top: 35%;
	background: #242424;
	border: #666 solid 1px;
	font-size: 16px;
	color: #bdbdbd;
}

.video_right .video_btn span {
	padding: 30px 10px;
}

.video_nav {
	color: #8d8d8d;
	background: 000
}

.video_nav dl {
	padding: 20px 10px;
	margin-right: 10px;
	border-left: #666666 solid 1px;
	padding-bottom: 200%;
}

.video_nav dl dt, .video_nav dl dd {
	line-height: 30px;
	cursor: pointer;
	position: relative;
}

.video_nav dl dd {
	margin-left: 10px;
}

.video_nav dl dt:hover, .video_nav dl dd:hover, .video_nav dl .on {
	color: #f19600;
}

.video_nav dl dt em, .video_nav dl dd em {
	display: block;
	position: absolute;
}

.video_nav dl dt em {
	width: 10px;
	height: 10px;
	left: -15px;
	top: 11px;
	border-radius: 20px;
	border: #666 solid 1px;
	background: #242424;
}

.video_nav dl dd em {
	width: 7px;
	height: 7px;
	left: -24px;
	top: 13px;
	border-radius: 20px;
	border: #666 solid 1px;
	background: #242424;
}