table{
	width: 100% !important;
}
#uc_recommend_ad { display: none !important; }
iframe[src*="ucweb.com"] { display: none !important; }
iframe[id^="head__"] { display: none !important; }
iframe[id^="utp__"] { display: none !important; }
html ,a{
	color:#888;
}
body,footer{
	min-width: 320px;
    max-width: 768px;
	margin:0 auto;
	
	background:#edeff0;
}
.php-left-li li{
	float:left;
}
.php-right-li li{
	float:right;
}
.p-10{
	padding:10px;
}
.p-20{
	padding:20px;
}
.p-30{
	padding:30px;
}
.mt-30{
	margin-top:30px;
}.mt-40{
	margin-top:40px;
}
.mt-50{
	margin-top:50px;
}
.mt-60{
	margin-top:60px;
}
.mr-30{
	margin-right:30px;
}
.mr-20{
	margin-right:20px;
}
.mr-10{
	margin-right:10px;
}
.mb-30{
	margin-bottom:30px;
}
.mt-20{
	margin-top:20px;
}
.mt-10{
	margin-top:10px;
}
.mb-20{
	margin-bottom:20px;
}
.mb-10{
	margin-bottom:10px;
}
.mb-60{
	margin-bottom:60px;
}
.ml-10{
	margin-left:10px;
}
.ml-20{
	margin-left:20px;
}
.ml-30{
	margin-left:30px;
}
.pl-10{
	padding-left:10px;
}
.pl-20{
	padding-left:20px;
}
.pr-10{
	padding-right:10px;
}
.pr-20{
	padding-right:20px;
}
.pr-30{
	padding-right:30px;
}
.pt-10{
	padding-top:10px;
}
.pt-20{
	padding-top:20px;
}.pt-30{
	padding-top:30px;
}
.pb-10{
	padding-bottom:10px;
}
.pb-20{
	padding-bottom:20px;
}.pb-30{
	padding-bottom:30px;
}
.f-left{
	float:left;
}.f-right{
	float:right;
}
.f-left li{
	float:left;
}
.f-right li{
	float:right;
}
.php-shadow {
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.php-m4{
	width:33.3333%
}

::-webkit-scrollbar{
	width: 14px;
    height: 14px;
    background-color: #2c2e2f;
	}
::-webkit-scrollbar-thumb {
	min-height: 20px;
	background-clip: content-box;
	box-shadow: 0 0 0 5px rgb(115,115,115) inset;
}

::-webkit-scrollbar {
    width: 14px;
    height: 14px;
    background-color: #e5e5e5;
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
}
::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px rgba(0,0,0,.8) inset;
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
}

.bg-gray{
	background:#eee;
}
.bg-white{
	background:white;
}
.bg-black{
	background:black;
}
/*首页菜单*/
.menu {
	background:#fff;
}
.menu ul {
	margin:0 auto;
}
.menu li {
	width: 25%;
    height: 84px;
    margin: 10px 0;
	text-align: center;
}
.menu a {
     text-align: center;
	 font-weight:550;
}
.menu a img{
	 margin:0 auto;
	 display:block;
	 width:45px;
	 height:45px;
	 padding-bottom:4px;
}


/*推荐课程*/
.course-list {
	padding:10px;
	
}
.course-list h3{
	display:block;
	padding-bottom:10px;
	font-size:18px;
	font-weight:bold;
}
.course-list .alist {
	display:block;
	line-height:30px;
	font-size:14px;
	border-bottom:1px solid #eee;
	
}
.course-list ul li{
	margin-bottom:10px;
    padding-bottom: 10px;
    clear: both;
    padding: 10px;
	background-color: white;
}
.course-list li img{
	display:block;
	float:left;
	width:40%;
	height:80px;
}
.course-list  .course-intro{
	font-size:11px;
	width:54%;
	float:left;
	margin-left:10px;
}
.course-list  .course-intro h2{
	margin-bottom:10px;
}
.course-list  .course-intro p{
	margin-top:5px;
}
.course-list  .course-intro .level{
	background:#595757;
	border-radius:8px;
	line-height:20px;
	color:#fff;
	font-size:10px;
	padding:3px;
}

.course-list  .course-box .box{
	margin-bottom:20px;
	width:49%;
}
.course-list  .course-box img{
	position:relative;
	height:90px;
	width:100%;
}
.course-list  .course-box h2{
	position:absolute;
	bottom: -225px;
	display:none;
	padding:5px 0;
	width:100%;
}
.course-list  .article {
	border-bottom:1px solid #eee;
	padding-bottom:8px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    background: #fff;
}
.course-list  .article .title{
	width:68%
}.course-list  .article .title-2{
	width:100%
}
.course-list  .article h2{
	font-size:12px;
	font-weight:bold;
	
}.course-list  .article span{
	display:block;
	font-size:12px;
	
}
.course-list  .article .f-right{
	display:block;
	width:30%;
	height:65px;
	
}
.course-list   .more{
	display:block;
	
	margin:0 auto;
	line-height:30px;
	text-align:center;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    background: #fff;
}
/*课程列表结束*/
/*课程章节列表开始*/
.course-alist {
	padding:10px;
	background:#172a34;
}
.course-alist  h1{
	width:100%;
	height:30px;
	color:#fff;
	font-size:17px;
	text-align:center;
}
.course-alist .path  {
    padding-bottom: 20px;
    line-height: 12px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}
.course-alist .path a{ 
	color:rgba(255, 255, 255, 0.5);
}
.learn-menu{
	height:60px;
	line-height:60px;
	background: #FFF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}
.learn-menu a{
	display:block;
	float:left;
	text-align:center;
	width:25%;
}
.learn-menu .on{
	border-bottom:2px solid red;
	
}
.course-info{
	color:#4d555d;
	background:#fff;
	line-height:25px;
	font-size:12px;
}
.property {
	font-size:12px;
	border:1px solid #eee;
}
.property li{
	float:left;
	text-align:center;
	width:31.33%;
}
.property .border-right{
	border-right:1px solid #eee;
}
.course-section h2{
	font-size:14px;
	padding:10px 0;
	border-bottom:1px solid #dedede;
}
.course-section dl{
	margin-top:10px;
}
.course-section dd{
	padding:1px;
	margin:5px 0;
}
.course-section dd i{
	display:block;
}
.course-section .layui-icon-triangle-r{
	color:#918e8e;
}
.course-section dd a{
	background:white;
	position: relative;
    display: block;
    background: #FFF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    padding:5px;
	margin:5px 0;
    color: #71777D;
    letter-spacing: 0;
	font-size:12px;
	line-height:30px;
	border-radius:8px;
}
.teacher {
	
	font-size:12px;
}
.teacher h4{
	padding:10px 0;
}
.teacher .info{ 
	padding:10px 0;
}
.teacher .info img{ 
	width:60px;
	height:60px;
	border-radius:30px;
	float:left;
}
.teacher .info dl{ 
	float:left;
	margin-left:10px;
}
.teacher .info .name{ 
	font-weight:550;
}
.teacher .read {
	line-height:30px;
} 
.teacher .read dt{ 
	font-weight:550;
}.teacher .read dd{ 
	margin:10px 0;
}
.learning{
	width:100%;
	position:fixed;
	bottom:0;
}
.learning .layui-btn-danger{
	
	width:100%;
}
.video-course{
	max-width: 1200px;
    max-height: 625px;
    height: 217px;
    overflow: hidden;
    margin: 0 auto;
}.video-course .player,.video-course .player video{
	width: 100%;
    height: 100%;
    background: #000;
}
/*课程章节列表结束*/
.search-top input{
	width:100%;
	line-height:30px;
	border-radius:8px;
	border:none;
	background:#fbfbfb;
	color:#c6c6c6;
	padding-left:5px;
}
.search-top div{
	display:block;
	width:80%;
	margin:0 auto; 
	padding:10px 0;
}

.menu-top a{
	text-align:center;
	line-height:25px;
	padding: 5px 10px;
}
.menu-top .on{
	color:#fff;
	background:red;
	border-radius:8px;
}
.menu-top .f-left{
	width:100%;
}
.menu-top .f-right{
	width:5%;
}
.menu-right{
	display:none;
	position:fixed;
	background:white;
	padding:20px;
	height:100%;
	width:70%;
	right:0;
	top:0;
}
.menu-right a{
	display:block;
	float:left;
	font-size:13px;
	line-height:30px;
	border-radius:8px;
	width:30%;
	text-align:center;
	margin-top:10px;
}
.menu-right h3{
	margin-top:10px;
	clear:both;
}.menu-right h3 span{
	float:right
}
.menu-right .btn{
	position:fixed;
	bottom:0;
	width:200px;
	margin:0 auto;
}
.menu-right .btn{
	position:fixed;
	bottom:0;
	width:70%;
	margin:0 auto;
}
.menu-right .btn .layui-btn{
	width:47%;
	float:left;
}
.ask-top{
	padding:10px;
}
.ask-menu a{
	display:block;
	float:left;
	width:8%;
	margin-right:30px;
	padding:5px 0;
	text-align:center;
}.ask-menu .on{
	color:red;
	border-bottom:2px solid red;
}
.ask-menu input{
	font-size:12px;
	position:relative;
	float:right;
	border:none;
	line-height:30px;
	border-radius:8px;
	border:none;
	background:#fbfbfb;
	color:#c6c6c6;
	padding-left:5px;
}
.ask-menu i{
	position:absolute;
	right:0;
	padding-top:5px;
	padding-right:5px;
	
}
.course-list .ask-menu a{
	width:20%;
	margin-bottom:15px;
}.course-list .ask-menu .more{
	float:right;
}
.hot-menu {
	padding-bottom:10px;
}
.hot-menu a{
	display:block;
	float:left;
	width:18%;
	line-height:30px;
	text-align:center;
	border:1px solid #eee;
	border-radius:8px;
	margin:10px 6px 0 0;
}
.hot-menu .on{
	border:1px solid red;
}
/*顶部漂浮*/
.back{
	position:fixed;
	top:0;
	width:100%;
	line-height:40px;
	border-bottom:1px solid #f7f7f7;
	box-shadow: 0 0 10px 1px rgba(7,17,27,.1);
	z-index: 99999;
	min-width: 320px;
    max-width: 768px;
}

.back i{
	display:block;
	float:left;
	width:33.33%;
	
}
.back a{
	display:block;
	float:right;
	width:35px;
	text-align:center;
}
.back .title{
	display:block;
	float:left;
	width:33.33%;
	margin:0 auto;
	font-size:14px;
	text-align:center;
}

.back .login{
	width:33.33%;
}
/*顶部漂浮结束 */
/*公共头部*/
.public-top{
	position:fixed;
	top:0;
	width:100%;
	box-shadow: 0 0 10px 1px rgba(7,17,27,.1);
	z-index: 99999;
	min-width: 320px;
    max-width: 768px;
	background:#2d353c;
}
.public-top li{
	line-height:42px;
}
.public-top  .login{
	width:20%;
	padding-left:5px;
}
.public-top  .logo{
	float:left;
	width:55%; 
	text-align:center;
	
}

.public-top .f-right{
	width:20%;
	text-align:right;
	padding-right:10px;
}
.public-top a,.public-top i{
	color:white;
}
/*公共头部结束*/
/*文章开始*/
.article{
	padding:10px;
}
.article h1{
	font-weight: 700;
    font-size: 1.2em;
    color: #2B333B;
}
.article .info,.article .info i{
	margin-top:10px;
	font-size: 1em;
    color: #B7BBBF;
}
.article .info img{
	width:16px;
	height:16px;
	border-radius:8px;
}
.article .tags a{
	display:block;
	height:20px;
	border-radius:8px;
	line-height:20px;
	padding:0 5px;
	float:left;
	background:#F3F5F7;
	color:#71777D;
	margin-right:10px;
	text-align:center;
	margin-top:5px;
	font-size:13px;
}
.article .tags span{
	display:block;
	line-height:30px;
	float:left;
	font-size:13px;
	
}
.article article{
	margin-top:10px;
	font-size: 13px;
    color: #2B333B;
    line-height: 25px;
}
.article article pre{
	
    position: relative;
    display: block; 
    border: 0;
    overflow: auto;
    border-radius: 4px;;
    color: #333;
    background-color: #eee;
}
/*文章结束*/
/*评论*/
.discuss {
	padding:10px;
	margin:20px 0 40px 0;
	
}

.discuss h3{
	font-weight:550;
	margin:10px 0;
}
.discuss h3 span{
	font-size:12px;
	float:right;
	color:green;
}
.discuss li{
	padding:10px 0;
	border-bottom:1px solid #eee;
}
.discuss img{
	width:16px;
	height:16px;
	border-radius:8px;
	float:left;
}.discuss i{
	font-weight:bold;
	float:right;
	font-size:13px;
	color:red;
}
.discuss i span{
	font-weight:400;
	margin-left:3px;
	color:green;
	font-size: 11px;
}
.discuss .info {
	width:90%;
}
.discuss .info a{
	color:green;
}
.discuss .info .content{
	line-height:30px;
}
.discuss .info span{
	float:right;
}.discuss .info .btn{
	font-size:11px;
}
/*评论结束*/
/*评论提交开始*/
.discuss-submit{
	display:none;
	height:40%;
	width:100%;
	position:fixed;
	bottom:0;
	z-index: 99999;
}
.discuss-submit .info{
	padding:10px;
	border:1px solid #eee;
	line-height:20px;
	border-bottom:1px solid #f7f7f7;
	
}
.discuss-submit .info span{
	width:33.3333%
}
.discuss-submit .info .f-right{
	width:30px;
}
.discuss-submit textarea{
	padding:10px;
	border:none;
	width:100%;
	height:100%;
	border:1px solid #eee;
	line-height:30px;
}
/*评论提交结束*/
/*锁屏开始*/
.lock-screen{
	display:none;
	height:100%;
	width:100%;
	background:#000;
	position:fixed;
	opacity:0.4;
	z-index:888;
}
/*锁屏结束*/
/*用户中心*/
.user-info{
	padding:30px 20px 0 20px;
	height:140px;
	background:#fff;
}
.user-info img{
	width:88px;
	height:88px;
	border-radius:20px;
}
.user-info .info{
	width:70%;
}
.user-info li{
	line-height:30px;
	clear:both;
}
.user-info .layui-icon-female{
	color:red;	
}
.user-info span{
	margin-right:3px;
}
.attention {
	
}
.attention a{
	display:block;
	float:left;
	width:100px;
	text-align:center;
	border-right:1px solid #eee;
}
.course-row {
	padding:9px;
	border-bottom:1px solid #eee;
}.course-row .layui-icon-diamond{
	color:red;
}
.user-course {
	padding:10px;
}
.user-course a{
	display:block;
	width:48%;
}
.user-course img{
	width:100%;
	height:90px;
}
.user-course h2{
	text-align:center;
	margin-top:5px;
	font-size:13px;
}
/*用户中心结束*/
/*登陆注册开始*/
.out-login{
	color:red;
	text-align:center;
}
.out-login a{
	color:red;	
}
.login-pw{
	padding:10px;
}
.login-pw li{
	line-height:60px;
}
.login-pw input{
	border:none;
	border-bottom:1px solid #eee;
	width:100%;
	padding-bottom:10px;
	/*color:#c2c2c2;*/
}
.login-pw img{
	width:100px;
	height:30px;
}
.login-pw .code  {
	width:100%;
}
.login-pw .code input {
	
	width:60%;
}

.login-pw .code span{
	float:right;
}
.login-pw .btn{
	text-align:center;
}
.login-pw button{
	width:50%;
}
.login-pw .agreement{
	font-size:12px;	
}
.login-pw .third-party-login{
	font-size:12px;	
	padding-bottom:100px;
}
.login-pw .third-party-login .text{
	 text-align: center; 
     border-top: 1px solid #e2e2e2;
	 height:1px;
}
.login-pw .third-party-login span{
	 position: relative;
     top:-10px;
	 text-align:center;
	 background:#fff;
	 padding: 0 10px;
}
.login-pw .third-party-login .app {
	width:100%;
	text-align:center;
}
.login-pw .third-party-login .app i{
	 font-size:40px;
	 
}
.login-pw .third-party-login .app .layui-icon-login-qq{
	color:#29aeed;
	margin-right:20px;
}
.login-pw .third-party-login .app .layui-icon-login-wechat{
	color:green;
}
/*用户登陆*/
footer{
	
	width:100%;
	position:fixed;
	bottom:0;
}
footer a{
	padding:5px 0;
	display:block;
	float:left;
	width:25%;
	text-align:center;
	line-height:20px;
	background:#eee;
}
footer i{
	display:block;
	word-break:break-all;
	font-weight:bold;
}footer .on{
	color:red;
}

/*分页*/
.page{background: #fff;margin: 10px 0px;padding: 20px 0px;text-align: center;}
.page a{border:1px solid #f1f1f1;padding: 6px 10px;margin: 0px 2px;}
.page .active{background: #f1f1f1;color: #FF5722;}
.page .disabled_page{background: #fefefe;color: #cdcdcd;}

.cate-nav a{width: auto;text-align: center;line-height: 25px;border: 1px solid #f1f1f1;border-radius: 8px;margin: 2px;padding:0 4px;}

.container code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
}
.video_adjs{position:absolute;width:100%;text-align: center;color: #d9d9d9;top: 30%;font-size: 15px;z-index: 999;}
#adjs{color:#FFDD00;padding:0 5px;}