/*article-tab*/
.article-tab{
	height: 235px;
	background: #247DEB;
}
.div-tab-img{
	width: 110px;
	height: 110px;
	background: url(/jc/templets/default/images/upan.png);
	margin: 0 auto;
}

#tab-upan{
	background: url(/jc/templets/default/images/upan.png);
}
#tab-browser{
	background: url(/jc/templets/default/images/browser.png);
}
#tab-mobile{
	background: url(/jc/templets/default/images/mobile.png);
}
#tab-tvassist{
	background: url(/jc/templets/default/images/tvassist.png);
}
#tab-others{
	background: url(/jc/templets/default/images/others.png);
}
.div-tab-info{
	font-size: 16px;
	color: #FFFFFF;
	margin-top:10px;
}
.div-tablist{
	margin: 47px auto;
	width: 1150px;
}
.article-tab .nav>li>a{
	padding: 0;
}
.div-tab-triangle>div{
	width: 26px;
	margin: 33px auto 0px;
	display: none;
}
.div-tab-triangle>div.active{
	width: 26px;
	margin: 33px auto 0px;
	display: block;
}
.nav-pills li{
	padding-left: 85px;
}
.nav-pills li:first-child{
	padding-left: 0px;
}

/*course*/
.course{
	margin-top:34px;
}
.course>.container>div{
	float: left;
}
.div-course{
	width: 860px;
	min-height: 1824px;
	margin-right: 8px;
	background: #FFFFFF;
	padding: 25px 70px 20px 70px;
	overflow-y:auto;
}
.div-course img{
	max-width: 100%;
}


/*other*/
.div-other{
	width: 330px;
	height: 1566px;
}
.commit{
	width: 330px;
	height: 318px;
	background: #FFFFFF;
	margin-bottom: 15px;
	color: #333333;
}
.div-commit-title{
	font-size: 16px;
}
.morecourse{
	width: 330px;
	height: 502px;
	background: #FFFFFF;
	margin-bottom: 15px;
}
.moreapp{
	width: 330px;
	height: 974px;
	background: #FFFFFF;
}
.div-commit-title{
	margin: 42px 0px 11px 0px;
}
.div-commit-name{
	margin: 20px 0px 8px 0px;
}
.div-commit-tel{
	margin: 0px 0px 8px 0px;
}
.div-commit-input{
	height: 37px;
	margin-bottom: 0px;
	margin: 8px 0px 12px 46px;
}
.commit input{
	width:240px;
	height:37px;
	
}
input.form-control:focus{
	border: 1px solid #66AAFF;
}
.div-commit-button{
	width: 166px;
	height: 36px;
	margin: 0px 0px 0px 81px;
	background: url(/jc/templets/default/images/page3_button.png);
	background-repeat: no-repeat;
}
.div-commit-button button{
	color: #FFFFFF;
	width: 166px;
	height: 36px;
	background: none;
}
.div-morecourse-title{
	width: 234px;
	height: 50px;
	margin: 0px 44px 0px 44px;
	padding:18px 0px 10px 0px;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	border-bottom: 1px solid #DDDDDD;
}
.div-morecourse-ul{
	width: 234px;
	height: 400px;
	margin: 26px 0px 0px 44px;
	list-style-position: inside;
	padding-left:5px; 
	overflow: hidden;
	text-overflow:clip;
	white-space:nowrap;
}
.div-morecourse-ul li{
	width: 234px;
	margin: 0px 0px 18px 0px;
}
.div-morecourse-ul li a{
	color: #333333;
}

.div-moreapp-title{
	width: 234px;
	height: 50px;
	margin: 0px 44px 0px 44px;
	padding:18px 0px 10px 0px;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	border-bottom: 1px solid #DDDDDD;
}

.div-moreapp-title span{
	margin-left: 25px;
	font-size: 14px;
	color: #333333;
	font-weight: lighter;
}
.div-moreapp-title img{
	margin-left: 5px;
}
.div-moreapp-list{
	width: 240px;
	height: 858px;
	margin: 26px 0px 0px 44px;
	overflow: hidden;
}
.div-moreapp-row{
	margin: 0px 0px 26px 0px;
}
.div-moreapp-row>a>div{
	float: left;
	color: #333333;
}
.div-moreapp-img,.div-moreapp-img img{
	width: 60px;
	height: 60px;
}
.div-moreapp-info{
	width: 170px;
	height: 60px;
	padding-left: 10px;
	overflow: hidden;
}
.locked {
	overflow: hidden;
	margin: 10px 0;
	padding: 8px 8px 8px 24px;
	border: 1px solid #dbdbdb;
	background: #f5f5f5;
	font-size: 14px;
	zoom: 1;
	color: #999;
}

.locked .no_login {
	background: #1e8be0;
	color: #fff;
	margin-left: 10px;
}

.locked a {
	height: 30px;
	line-height: 30px;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 0 10px;
	text-decoration: none;
}

.locked a#btn_wx_pay {
	margin: 0 10px;
	background: #02c801;
}

.locked a#btn_ali_pay {
	background: #01aaef;
}
.showhide {
	overflow: hidden;
	border: 1px solid #dbdbdb;
	background: #f5f5f5;
	margin: 8px 0;
	padding: 10px;
	zoom: 1;
}
.showhide h4 {
	margin-bottom: 10px;
	color: #F66;
	font-size: 14px;
	text-align: center;
}