/*

 * -- BASE STYLES --

 * Most of these are inherited from Base, but I want to change a few.

 */



* {

	padding: 0;

	margin: 0;

}



body {

	color: #373737;

	font-size: 14px;

	font-family: "微软雅黑";



}



body::-webkit-scrollbar {

    display: none;

}



a {

	text-decoration: none;

	color: #333333;

}



a:focus,

a:hover {

	color: #0d3d88;

	text-decoration: none;

}





/*a.active {

	color: #FE9A40;

}*/



li {

	list-style: none;

}



h1,

h2,

h3 {

	margin: 0;

	font-size: 16px;

	font-weight: normal;

}



input[type=text],

input[type=password] {

	border: 1px solid #F4F4F4;

	display: inline-block;

	border-radius: 4px;

	background-color: #ffffff;

	height: 30px;

	line-height: 30px;

}



input[type=checkbox] {

	margin-top: 4px;

	margin-right: 4px;

	/* -webkit-appearance: none; */

	-moz-appearance: none;

	appearance: none;

	border-radius: 2px;

	width: 14px;

	height: 14px;

	line-height: 14px;

	text-align: center;

	border: 1px solid #f1f1f1;

	outline: 0;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



ul,

ol {

	margin: 0;

	padding: 0;

}



p {

	margin: 0;

	padding: 0;

}





/*loading*/



.edu-loading {

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 100%;

	z-index: 50000;

}



.load-indicator.loading {

	width: 100%;

	height: 100%;

	background: #00618C;

}



.edu-banner {

	position: relative;

}



.edu-videos-link.active {

	color: #00618C;

	font-weight: bold;

}



.main-wrapper-register {

	width: 1400px;

	margin: 0 auto;

	height: 400px;

	position: relative;

}





/*.login-panel {

	padding: 0 20px;

	z-index: 200;

	position: absolute;

	background: #ffffff;

	width: 400px;

	height: 330px;

	top: 154px;

	border-radius: 4px;

}*/



.signup-header {

	height: 40px;

	line-height: 40px;

	margin: 20px 0 0 10px;

}



.signup-header_title {

	letter-spacing: 0.1em;

	text-align: center;

	font-weight: bold;

}



.signup-details {

	overflow: hidden;

}



.signup-details_form__item {

	width: 100%;

	overflow: hidden;

	position: relative;

	height: 54px;

}



.signup-details_form__item:first-child {

	margin-top: 0;

}



.signup-details_form__item input[type=text],

.signup-details_form__item input[type=password] {

	padding-left: 10px;

	font-size: 14px;

	outline: 0;

	margin-right: 10px;

}



.login-input {

	width: 100%;

}



.signup-details_form__item input[type=checkbox] {

	display: block;

	float: left;

}



.signup-details_form__item a {

	color: rgb(255, 101, 1);

}





/*footer区域*/



.footer {

	background: rgb(68, 69, 71);

	color: #888;

	text-align: center;

	/*padding: 2em 0;*/

	padding: 30px 0;

}



.footer .edu-footer-logo {

	margin-bottom: 5px;

}



.footer p {

	font-size: 14px;

	color: #b5b5b5;

	letter-spacing: 0.6px;

}



.footer .content{

	height: 20px;

	line-height: 20px;

}



.edu-footer>img {

	margin: 0 auto;

	display: block;

}



.footer p.footer-logo {

	margin-bottom: 20px;

}



.footer i.iconfont {

	color: #FFBE36;

	font-size: 14px;

	margin-right: 6px;

}



.footer p.footer-bottom {

	margin-bottom: 5px;

}



.footer p.footer-other {

	padding: 10px 0;

	color: #FFBE36;

}



@media(min-width: 767px) {

	.banner-head {

		font-size: 4em;

	}

}



@media (min-width: 480px) {

	.banner-img {

		background-size: cover;

		width: 100%;

		height: auto;

	}

}





/*分页*/



.page-pagination {

	width: 600px;

	margin: 0 auto;

}



.page-pagi {

	border: 1px solid #eee;

	display: inline-block;

	text-align: center;

	background: #ffffff;

	margin-right: 3px;

	color: #666666;

	border-radius: 3px;

}



.pager-label {

	color: #00618C;

	margin-right: 10px;

}



.pager>li>a,

.pager>li>span {

	color: #00618C;

}



.pager-goto-btn {

	background: #00618C;

	border: none;

	padding: 6px 12px;

	color: #FFFFFF;

}



.pager-goto-btn:hover,

.pager-goto-btn:active {

	background: #00618C;

	color: #FFFFFF;

	border: none;

}





/*无数据*/



.article-default {

	display: block;

	width: 100%;

	text-align: center;

}





/*注册登录*/



.modal-login-bg {

	float: left;

	width: 280px;

}



.modal-login-form {

	float: left;

	width: 360px;

	padding: 0 30px;

}



.modal-dialog {

	width: 640px;

}



.modal-body {

	padding: 0;

	width: 650px;

	overflow: hidden !important;

}



.modal-login-form>h2 {

	width: 100%;

	text-align: center;

	margin-top: 30px;

	margin-bottom: 30px;

	font-size: 24px;

	font-weight: bold;

}



.input-wrapper {

	height: 70px;

}



.modal-login-form input[type=text],

.modal-login-form input[type=password] {

	height: 40px;

	line-height: 40px;

	border-radius: 8px;

	padding-left: 10px;

}



.btn-wrapper {

	margin-top: 10px;

}



.btn-login,

.btn-register {

	display: block;

	float: left;

	width: 136px;

	text-align: center;

	border: none;

	height: 36px;

	line-height: 36px;

	font-weight: bold;

	color: #FFFFFF;

	border-radius: 3px;

}



.btn-login {

	background: #00618C;

	margin-right: 25px;

}



.btn-register {

	background: #f88721;

}



.btn-login:hover,

.btn-login:active {

	color: #FFFFFF;

	background: #0481b8;

}



.btn-register:hover,

.btn-register:active {

	background: #fe9a40;

	color: #FFFFFF;

}



.input-wrapper .iconfont {

	height: 38px;

	line-height: 38px;

	font-size: 18px;

}





/*登录中*/



.btn-warning.disabled,

.btn-warning.disabled.active,

.btn-warning.disabled:active,

.btn-warning.disabled:focus,

.btn-warning.disabled:hover,

.btn-warning[disabled],

.btn-warning[disabled].active,

.btn-warning[disabled]:active,

.btn-warning[disabled]:focus,

.btn-warning[disabled]:hover,

fieldset[disabled] .btn-warning,

fieldset[disabled] .btn-warning.active,

fieldset[disabled] .btn-warning:active,

fieldset[disabled] .btn-warning:focus,

fieldset[disabled] .btn-warning:hover {

	background-color: rgb(224, 88, 0);

	border-color: rgb(224, 88, 0);

}





/*提示*/



.alert-warning {

	display: block;

	text-align: left;

	font-size: 12px;

	color: #105cfb;

	position: absolute;

	bottom: 0px;

	left: 5px;

}





/*消息提示*/



.alert-danger-inverse,

.alert-success-inverse {

	width: 100%;

	margin: 0 auto;

	position: fixed;

	top: 0;

	text-align: center;

	z-index: 300;

}





/*收藏功能*/



.edu-article-collect,

.edu-article-collected {

	position: absolute;

	right: 350px;

	top: 0;

	cursor: pointer;

}



.edu-article-collected {

	color: #007AFF;

}





/*文章详情页*/



.edu-content {

	overflow: hidden;

	margin: 0 auto;

	margin-bottom: 30px;

}



.edu-article-wrapper {

	position: relative;

	overflow: hidden;

	/*background: #f7f7f7;*/

	margin-bottom: 20px;

}



.edu-article-title {

	width: 1000px;

	margin: 0 auto;

	line-height: 1.41;

	margin-bottom: 20px;

	color: #333;

	font-size: 24px;

	font-weight: bold;

	padding-top: 20px;

	text-align: center;

}



.edu-article-posttime {

	display: block;

	width: 100%;

	text-align: center;

	font-size: 14px;

}



.main-wrapper {

	overflow: hidden;

}



.edu-article-content {

	margin: 20px 0;

}



.edu-article-content p {

	margin: 0 auto;

	width: 1000px;

	font-size: 16px;

	line-height: 1.8;

	letter-spacing: 1px;

}



.other-articles {

	float: right;

	margin-bottom: 30px;

	/*position: absolute;

	bottom: 0;

	right: 10px;*/

}



.other-articles a {

	display: block;

	margin: 5px 0;

}



.edu-article-other {

	width: 1000px;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	height: 30px;

}



#show-hide-container {

	z-index: 100;

	position: absolute;

	bottom: 0;

	width: 100%;

	background: linear-gradient(-180deg, rgba(255, 255, 255, .8) 0, #fff 63%);

	height: 65px;

	line-height: 65px;

	text-align: center;

	cursor: pointer;

}





/*右侧浮动*/

@media only screen and (min-width: 1280px) and (max-width: 1440px) {

	.right-nav {

		position: fixed;

		right: 120px;

		top: 300px;

		z-index: 200;

	}

}

@media only screen and (min-width: 1440px) and (max-width: 1680px) {

	.right-nav {

		position: fixed;

		right: 200px;

		top: 300px;

		z-index: 200;

	}

}

@media only screen and (min-width: 1680px) and (max-width: 1920px) {

	.right-nav {

		position: fixed;

		right: 370px;

		top: 300px;

		z-index: 200;

	}

}





.right-nav-item {

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	background: #0681B7;

	margin: 1px 0;

	border-radius: 4px;

}



.right-nav-item>a {

	display: block;

	color: #FFFFFF;

	width: 50px;

	height: 50px;

	border-radius: 4px;

	line-height: 50px;

}



.right-nav-item i {

	font-size: 24px;

}



.href-stop {

	display: block;

	color: #FFFFFF;

	width: 50px;

	height: 50px;

	border-radius: 4px;

	line-height: 50px;

	background-color: #bfd5de;

}





/*个人中心*/



.edu-content-menu {

	width: 180px;

	margin-right: 10px;

	float: left;

}



.edu-content-right {

	width: 1010px;

	float: left;

	overflow: hidden;

}



.personal-top-navbar {

	width: 100%;

	height: 230px;

	overflow: hidden;

	background-color: #fff;

	border-radius: 2px;

	margin-bottom: 10px;

}



.personal-item {

	text-align: center;

	margin-top: 10px;

}



.personal-navbar {

	overflow: hidden;

	left: 0;

	top: 0;

	z-index: 100;

	margin: 0;

	padding: 10px 0;

	background-color: #fff;

	color: #fff;

	border-radius: 2px;

	font-size: 0;

	box-sizing: border-box;

}



.nav-item {

	width: 100%;

	border-radius: 4px;

	margin: 10px 0;

}



.nav-item-current {

	width: 100%;

	margin: 10px 0;

}



.nav-item-hasborder {

	border-bottom: 1px solid #F0F0F0;

}



.nav-item>a {

	display: block;

	font-size: 16px;

	text-align: center;

	font-weight: bold;

	color: #383838;

	height: 55px;

	line-height: 55px;

}



.nav-item-current>a {

	display: block;

	font-size: 16px;

	text-align: center;

	font-weight: bold;

	background: #00618C;

	color: #FFFFFF;

	border-radius: 4px;

	height: 55px;

	line-height: 55px;

	margin-bottom: 10px;

}



.nav-item:hover>a {

	display: block;

	font-size: 16px;

	text-align: center;

	font-weight: bold;

	height: 55px;

	line-height: 55px;

	border-radius: 4px;

	background: #00618C;

	color: #FFFFFF;

}



.nav-item-current:hover>a {

	background: #00618C;

	color: #FFFFFF;

}



.nav-item .iconfont {

	color: #333333;

	font-size: 20px;

	position: relative;

	top: 1px;

	margin-right: 10px;

}



.nav-item-current .iconfont {

	color: #FFFFFF;

	font-size: 20px;

	position: relative;

	top: 1px;

	margin-right: 10px;

}



.nav-item:hover .iconfont {

	color: #FFFFFF;

}



.personal_user_avar {

	display: block;

	width: 100px;

	height: 100px;

	margin: 20px auto;

	margin-bottom: 10px;

	border-radius: 50%;

	border: 1px solid rgba(231, 231, 231, 1);

}



.personal-icon {

	font-size: 22px;

	position: relative;

	margin-right: 10px;

}



.nav-sub-item>a {

	display: block;

	width: 100%;

	height: 40px;

	text-align: center;

	line-height: 40px;

	font-size: 14px;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	position: relative;

	transition: all .3s;

	-webkit-transition: all .3s;

}



.nav-sub-item>a>i {

	margin-right: 10px;

}



.nav-sub-item-current>a {

	display: block;

	width: 100%;

	height: 40px;

	text-align: center;

	line-height: 40px;

	font-size: 14px;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	position: relative;

	transition: all .3s;

	-webkit-transition: all .3s;

	background-color: #00618C;

	color: #ffffff !important;

}



.nav-sub-item>a:hover,

.nav-sub-item>a:active,

.nav-sub-item>a:focus {

	background-color: #00618C;

	color: #ffffff !important;

}



.edu-nav-tabs {

	/*height: 60px;*/

	/*line-height: 60px;*/

	/*padding-left: 20px;*/

	overflow: hidden;

    padding: 10px 0;

	background: #FFFFFF;

	margin-bottom: 10px;

}



.person-right-menu-item {

	float: left;

	/*width: 65px;*/

	/*margin: 0 20px;*/

	margin-left: 20px;

	height: 40px;

    line-height: 40px;

    border-radius: 20px;

    width: 100px;

    text-align: center;

}



.person-right-menu-item>a {

	display: block;

	/*width: 65px;*/

	/*text-align: center;*/

    color: #000;

	border-radius: 20px;

}



.person-right-menu-item.current>a {

	/*display: block;*/

	/*width: 65px;*/

	/*text-align: center;*/

	background: #00618C;

	color: #fff;

	/*font-weight: bold;*/

	/*border-bottom: 3px solid #00618C;*/

}



.tab-content {

	background: #FFFFFF;

	min-height: 655px;

}



.edu-personal-input {

	height: 32px !important;

	line-height: 32px !important;

	border-radius: 3px !important;

	background: rgba(244, 244, 244, 1) !important;

	width: 213px !important;

	padding-left: 10px;

	box-shadow: none;

	-webkit-box-shadow: none;

	border: 1px solid #e5e5e5;

}



.edu-button {

	width: 80px;

	height: 30px;

	background: rgba(254, 154, 64, 1);

	border-radius: 3px;

	border: none;

	color: #FFFFFF;

}



.edu-button:hover {

	background: rgb(247, 137, 38);

}



.layui-form-radio>i:hover,

.layui-form-radioed>i {

	color: #FE9A40 !important;

}



.layui-input-block {

	margin-left: 0px !important;

}



.layui-form-item {

	margin-bottom: 0px !important;

}



.file-upload {

	width: 213px;

	height: 30px;

	background: #F4F4F4;

	border-radius: 3px;

	line-height: 30px;

	text-align: center;

	cursor: pointer;

}



.file-preload {

	margin-top: 10px;

	width: 213px;

	height: auto;

}



.file-preload>img {

	/*width: 213px;

	height: auto;*/

	height: 100px;

	width: auto;

}



.fileBox {

	width: 213px;

}



.edu-button:hover,

.edu-button:focus {

	color: #FFFFFF;

}





/*vip弹窗*/



.layui-btn {

	width: 144px;

	padding: 0;

}





/*确定加入课程*/



.alert-title {

	width: 100%;

	padding-top: 30px;

	font-size: 16px;

	text-align: center;

	color: #FF221A;

	font-weight: bold;

}





/*vip*/



.user-vip-tag {

	display: inline-block;

	position: relative;

	top: -12px;

	right: 10px;

	font-size: 10px;

	width: 16px;

	height: 16px;

	line-height: 16px;

	border-radius: 50%;

	background: #c8c8c8;

	padding-left: 3px;

	padding-top:0;

}



.user-vip-tag.vip {

	background: #ff6355;

}



.user-vip-tag .iconfont {

	font-size: 12px;

	color: #FFFFFF;

}



.user_info {

	cursor: pointer;

}





/*vip状态*/



.personal-vip {

	padding: 0px 3px;

	border-radius: 12px;

	background: linear-gradient(103deg, rgba(254, 151, 85, 1), rgba(255, 110, 76, 1));

	box-shadow: -1px 0px 1px 0px rgba(255, 46, 87, 0.35);

	color: #FFFFFF;

	font-size: 12px;

	margin-right: 2px;

	margin-right: 3px;

}



.personal-vip .iconfont {

	font-size: 12px;

}



.personal-unvip {

	background: rgb(185, 185, 185);

}



.personal_vip_btn {

	display: block;

	width: 98px;

	height: 26px;

	line-height: 26px;

	background: linear-gradient(104deg, rgba(254, 153, 85, 1), rgba(255, 108, 75, 1));

	border-radius: 14px;

	color: #FFFFFF;

	margin: 0 auto;

	border: none;

}



.personal_vip_btn:hover {

	color: #FFFFFF;

}
#contactUs{
				position: fixed;
				right: 8px;
				bottom: 120px;
				width:60px;
				z-index: 999;
			}
			.right2_tel{
				width: 198px;
				margin-right: -132px;
				position: fixed;
				right: 0;
				transition: .5s;
		        -webkit-transition: .5s;
		        -moz-transition: .5s;
		        background:#0583bb;
		        text-align:left;height: 68px;
			}
			.right2_tel:hover {
		        margin-right: 0
		    }
		    .right2_qq{
				width: 150px;
				margin-right: -84px;
				position: fixed;
				right: 0;
				transition: .5s;
		        -webkit-transition: .5s;
		        -moz-transition: .5s;
		        background:#0583bb;
		        text-align:left;height: 68px;
			}
			.right2_qq:hover {
		        margin-right: 0
		    }