ul,li{
	list-style: none;
}
.Hidden{
	overflow: hidden;
}
body{
	background:url(../images/banner_bj.jpg) no-repeat;
	background-size: cover;
	background-color: #f2f4f5;
	/*font-family: "Hiragino Sans GB","Microsoft Yahei",arial,\5b8b\4f53,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;*/
}
h1,h2,h3{
	margin:0px;
}
.header-user{
	height: 50px;
}
.header-set{
	background:url(../images/top.png) no-repeat;
	width: 22px;
	height: 22px;
	display: block;
	margin-top: 12px;
}
.index-user{
	margin-bottom: 15px;
	margin-top:5px;
}
.user-head{
	border:2px #fff solid;
	border-radius: 50%;
}
.user-login{
	color: #fff;
	font-size: 15px;
	line-height: 65px;
	margin-left:20px;
}

.user-list{
	background-color: #f2f4f5;
	
    position: absolute;
    width: 100%;
   
}
.user-list .row{
	background-color: #fff;
	margin-top: 20px;
}
.user-info{
	padding-left:0px;
	margin-bottom: 0px;
}
.user-info li{
	border-bottom:1px #e6e6e6 solid;
	width: 100%;
}
.user-info li a{
	color: #666;
	line-height: 50px;
	font-size: 16px;
	width: 100%;
}
.user-info li .ico{
	background:url(../images/title_ico.png) no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	margin-right: 15px;
}
.user-info li .ico_01{
	background-position: 0 0;
	margin-top: 17px;
}
.user-info li .ico_02{
	background-position: 0 -40px;
	margin-top: 15px;
}
.user-info li .ico_03{
	background-position: 0 -76px;
	margin-top: 17px;
}
.user-info li .ico_04{
	background-position: 0 -118px;
	margin-top: 15px;
}
.user-info li .ico_05{
	background-position: 0 -160px;
	margin-top: 15px;
}
.user-info li .ico_06{
	background-position: 0 -200px;
	margin-top: 15px;
}
.user-info li .more{
	background:url(../images/more.png) no-repeat;
	width: 8px;
	height: 12px;
	margin-top: 20px;
}


/*个人信息*/
.navbar-brand{
	padding-right:0px;
}
.navbar-default{
	border-bottom: 1px #e7e7e7 solid; 
	border-top:none;
	border-left:none;
	border-right:none;
}
.jg_h {
    font-size: 20px;
    color: #333;
    text-align: center;
    line-height: 52px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    position: fixed;
    background-color: #fff;
    z-index: -1;
}
.user-info img{
	margin-top: 5px;
	margin-right: 10px;
	border-radius: 50%;
}
.user-info span{
	color: #999;
	font-size: 14px;
	margin-right: 10px;
}

.user-exit{
	position: fixed;bottom:0px;
}
.user-exit a{
	background-color: #0b6db6;width:100%;color: #fff;
	text-align: center;padding:15px 0px;font-size: 16px;
}

.index-course-fix {
    padding-top: 0px;
    position: absolute;
    top: 52px;
    z-index: -1;width: 100%;
}
.index-course .index-course-face {
    background-color: #fff; 
}
.courseGroup{
	border-bottom: 1px #ccc dashed;
	padding:15px 0px;
}
.group-pic,.group-info{
	width: 50%;
}
.group-pic{
    padding-right: 7px;
}
.group-info{
    padding-left: 7px;
   
}
.group-title{
	margin-top: -5px;
	font-size: 24px;
}
.group-title a{
	color: #333;
	font-size: 15px;
	line-height: 25px;
    height: 50px;
    overflow: hidden;

}
.group-school{
	color: #999;
	font-size: 12px;
	margin-top:5px;
	height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.group-info .discount{
	position: absolute;
	bottom:11px;
}

.course-list {
    color: #999;
    font-size: 14px;
    width: 100%;
}
.course-list-money {
    font-size: 16px;
    color: #fe9400;
    position: absolute;
    bottom: 11px;
}
.user-info input,.user-info textarea{
	line-height: 50px;
	border:none;
	outline: none;
	
}
.user-info label{
	color: #999;
	line-height: 50px;
	font-weight: normal;
	margin-right: 10px;
	font-size: 14px;
}

.nav-tabs>li{
	width: 50%;
	text-align: center;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	border:none;
	border-bottom:2px #0b6db6 solid;
	color: #0b6db6;
}
.nav-tabs>li>a{
	color: #333;
	font-size: 16px;
}

.my_course{
	border-bottom:1px #ccc solid;
	line-height: 45px;
	color: #676d5f;
}
.my_course span:nth-child(2){
	color: #fe9400;
}

#home .row,#profile .row{
	background-color: #fff;
}

.item-user-name {
    width: 100%;
    position: absolute;
    left: 0;
    padding-left: 60px;
    font-size: 14px;
    top: 18px;
}
.item-user-time{
	position: absolute;
    left: 0;
    padding-left: 60px;
    top: 40px;
    font-size: 12px;
    color: #999;
}
.detail{
	padding-bottom: 15px;
}
.detail h3{
	font-size:16px;
	padding: 10px 0px 5px 0px;
}
.detail h3 a{
	color: #333;
	line-height: 25px;
	font-size: 16px;
}
.detail font{
	color: #0b6db6;
	margin-right: 2px;
}
.detail p{
	color: #999;
	line-height: 22px;
	display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    margin-bottom: 0px;
}
.detail img{
	margin-top: 10px;
}
.tb_hf{
	color: #999;
	margin-top: 15px;
	border-bottom:1px #e5e5e5 solid;
	margin-bottom:0px;
	padding-bottom:15px;
}
.avator-img{
	border-radius: 50%;
}