.f-12{font-size:12px;}.f-14{font-size:14px;}.f-15{font-size:15px;}.f-16{font-size:16px;}.f-18{font-size:18px;}.f-20{font-size:20px;}.f-24{font-size:24px}
.mtb-20{margin:20px 0;}.mtb-15{margin:15px 0;}.mt-4{margin-top:4px;}.mt-10{margin-top:10px;}.mt-15{margin-top:15px;}.mt-20{margin-top:20px;}.mt-30{margin-top:30px;}.mt-38{margin-top:38px;}.ml-150{margin-left:150px}.ml-90{margin-left:90px}.mt-70{margin-top:70px}.ml-60{margin-left:60px}.ml-30{margin-left:30px}.ml-20{margin-left:20px}.mr-10{margin-right:10px}.mr-20{margin-right:20px;_margin-right:10px}.mlr-10{margin:0 10px}.mlr-20{margin:0 20px}
.p-10{padding:10px}.p-20{padding:20px}.mp-0{margin:0;padding:0}
.radius-5{border-radius:5px}.radius-3{border-radius:3px}

.bg_red{background-color:#f46059}
.bg_green{background-color:#29c791}
.bg_yellow{background-color:#f7b22c}
.bg_blue{background-color:#29add8}
.bg_purple{background-color:#6284e4}
.bg_gray{ background-color:#f3f7fa;}
.bg_gray2{ background-color:#EBEFF1;}
.bg_graydeep{ background-color:#9c9c9c;}
.bg_bluedeep{background-color:#2c8cbe}
.bg_orange{ background-color:#f58426;}
.bg_cyan{ background-color:#08a8b6;}
.bg_white{background-color:#fff}
.blue{color:#29add8}
.bluetwo{color:#2BA1F3}
.cyan{color:#08a8b6;}
.grag{color:#ccc}
.gray{color:#a8a8a8}
.green{ color:#0C0;}
.black{color:#000}

.no_border,.tplist_news li.no_border{border:none}

.title{border-bottom: 1px solid #DEDEDE;padding:3px 0px 3px 6px;font-size: 16px;line-height: 35px;color: #000;}
.more{font-size: 12px;padding:14px 0px 0;_padding:5px 10px 0;width: 45px;position: absolute;right: 0px;top: 0px;}
.text-center{text-align:center}

/*小模块*/
.section ul.tlist{padding:20px 0 0 10px;}
.section ul.tlist li{width: 278px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 34px;height: 34px;}
.section ul.tlist li p{width: 220px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;}
.section ul.tlist li span{float:right;line-height:22px}
.section ul li a:hover,.examResource table td a:hover,a.more:hover{color:#29add8;text-decoration:underline;}
.section ul.tplist{display:block;overflow:hidden;padding: 0 0 20px 0;}
.section ul.tplist li{float:left;width:70px;height:72px;text-align:center;margin:16px 15px 0;}
.section ul.tplist li span{display:block;line-height:25px;}
p.rank-highlight{}

p.tlist a{float:left;margin:0 12px;display:block;white-space: nowrap;line-height: 28px;}

.sectiontwo ul.tlist{padding:10px 20px 10px 10px}
.sectiontwo ul.tlist li{line-height:27px;font-family:'宋体'}

/*第二种小模块*/
.tplist_news p{line-height:24px;font-size:14px}
.tplist_news img{width:50px;height:50px;float:left;margin-right:20px}
.tplist_news li{padding:10px;border-top:1px solid #DEDEDE;overflow:hidden}

ul.tplist_forum{padding:0 0 10px;overflow:hidden}
ul.tplist_forum li{width:244px;padding:10px;margin:0 8px;_margin:3px 8px;float:left}

/*用户圆形头像排列*/
ul.tplist {display:block;overflow:hidden;width:300px;height:255px;}
ul.tplist li{float:left;width: 55px;text-align: center;margin:10px 10px 4px;_margin:10px 8px 4px;}
ul.tplist li img{border-radius:25px;width:50px;height:50px;}
ul.tplist li p.txt-overflow{width:55px;}
ul.tplist li a:hover{text-decoration:underline;color:#1D88D3}

.tplist_course{padding: 5px 0;}
/*左图右文结构*/
.course-info{width:795px; overflow:hidden; padding:23px; background:#fafafa; margin:15px;}
.course-info .course-title,.course-info .course-title a{ font-size:16px; }
.course-info .course-about{display: block; height: 120px; overflow: hidden; padding:0 13px; width: 330px;}
.course-info .course-about h2,.course-info .course-about h2 a{font-size:16px; font-weight:bold; color:#5b5b5b;}
.course-info .course-about .course-introduce{width:330px; display:block; line-height:23px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:break-word;}
.course-info .course-about .course-introduce span.teacher{width:300px;}
.course-info .course-about .course-introduce span{padding: 0 60px 0 0; float:left; line-height:23px;}
.course-info .course-about span.study-number{background-position: 0 -75px; width:30px; height:23px; padding:0 0 0 30px;}
.course-info .course-about .clear.intro{line-height: 23px; margin: 0; width:60px; display:block; height:23px; overflow:hidden; padding:0;}
.course-info .right{margin:42px 0 10px; width: 224px;}
/*选项卡标题*/
ul.tab_title{margin-top:1px}
ul.tab_title li{float:left;height:34px;width:100px;position:relative}
ul.tab_title li a{width:100px;text-align:center;line-height:33px;font-size:14px;background:#fff repeat;float:left;height:34px}
ul.tab_title li a:hover{color:#1c8cd5}
/*ul.tab_title li.cur{position:relative}*/
ul.tab_title li.cur a{position:absolute;top:-1px;left:-1px;border-color:#1c8cd5 #DEDEDE #fff;border-width:3px 1px 0;border-style:solid solid none;height:33px;line-height:30px;width:98px}

.pipe{margin:0 5px;color:#b4b4b4}
.line{font-size:0;line-height:0;border-top:1px solid #ddd;}
.dash{position:absolute;top:22px;right:6px;_right:30px;width:165px;height: 1px;color:#E0E0E0}
.underline{text-decoration:underline}
.progressbar{background:#f0f3f5; width:280px; border-radius:5px; height:17px; overflow:hidden; margin:10px 10px 20px;}

.text_center{text-align:center}
.txt_right{ text-align:right;}
.txt_left{text-align:left;}
.txt-overflow{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}

/*弹窗*/
.popup{background:#fff;}
.popup h2{background: #2BA1F3 none repeat scroll 0% 0%;color: #FFF;padding: 10px 20px;}
.popup table td{padding:6px 8px;}
.btncancel{background:url(../user/images/user.png) -22px -1006px no-repeat;display: block; height: 21px; overflow: hidden; position: absolute; right: 9px; top: 12px; width: 30px; cursor:pointer;}


input,select{ color:#6e6e6e;padding-left:3px;}
option {padding-left: 3px;}

/*下一步按钮*/
.shopcart .nextstep .enterbtn-course,.certificationInfo .nextstep .enterbtn-course,.getpass .nextstep .enterbtn-course{border-radius:0;padding:4px 25px;width:100px;margin:0 0 50px}

/*表格样式*/
.table_def0 table{width:100%;empty-cells:show;border-collapse:collapse;border-spacing:0}
.table_def0 table thead tr{background-color:#F3F7FA;color:#121111;font-weight:bold}
/*带横向分割线*/
.table_def0 .table-border{border-top:1px solid #ddd}
.table_def0 .table-border th,.table_def0 .table-border td{border-top:1px solid #ddd}
/*带水平线表格*/
.table-border{border-top:1px solid #ddd}
.table-border th,.table-border td{border-bottom:1px solid #ddd}
/*顶部通栏*/
.top-stuser{display:block;min-width:1180px}
.top-stuser-topnav{height:32px;line-height: 32px;background-color:#eef3f7}
.top-stuser-topnav .subnav li{float:left;margin:0 10px;}
.top-stuser-topnav .subnav li a{line-height: 32px;}
.top-stuser-topnav .subnav li a:hover,.top-stuser-midnav .user-info p a:hover{text-decoration:underline}

/*遮罩层*/
.oneline{position:absolute;z-index:3;left:0;top:0;width:100%;height:80px;display:none}
.oneline a.yes{background:url(../user/images/user.png) -414px -980px no-repeat;width:115px;height:80px;overflow:hidden;display:block;}
.overlay{background: #000 none repeat scroll 0% 0%;opacity: 0.7;z-index:-1;position:absolute;top:auto;bottom:0;width:100%;height:110px}

.baseInfo-title{border-bottom:1px solid #e5e5e5;height: 30px; margin: 20px 27px 30px; padding: 0 0 12px 7px;}
.baseInfo-title a.on{background:#2e92d9;}
.baseInfo-title a{background:#868383;color:#fff;font-size: 14px; line-height: 30px; margin: 0 0 0 6px; padding: 8px 19px}
/*成功，失败*/
.thirdPartyBinding_yes{width:320px;height:50px;padding:40px 50px;background-color:#fff}
.thirdPartyBinding_yes h2,.shopcart .finish .yes,.shopcart .finish .no,.registerFinish .yes{background:url(../images/bg_shopcart2.png) 0 0 no-repeat;line-height: 50px;padding-left: 65px;}
.thirdPartyBinding_yes h2,.shopcart .finish .yes,.registerFinish .yes{background-position: 0 -175px}
.shopcart .finish .no{background-position: 0 -236px}
/*复选框清除格式*/
.register-form input.checkbox{padding:0;border:none;}

.icon_play ,.icon_handout,.icon_test,.icon_homework,.icon_test_number,.icon_homework_number{ height:25px; width:27px; float:left; display:block; overflow:hidden; background:url(../user/images/bg_teachresource.png) 0 0 no-repeat;}
.icon_play { background-position:-4px -4px;padding-left:23px}
.icon_handout {background-position:-4px -39px;padding-left:23px}
.icon_test {background-position:-4px -75px;padding-left:23px}
.icon_homework{background-position:-4px -116px;padding-left:23px}
a.icon_play:hover { background-position:-4px -161px;}
a.icon_handout:hover {background-position:-4px -197px;}
a.icon_test:hover {background-position:-4px -234px;padding-left:23px;color:#45A1E2}
a.icon_homework:hover{background-position:-4px -274px;padding-left:23px;color:#45A1E2}


ul.menu_dot{position:absolute;top:308px;right:0;display:block; width: 8em; z-index: 70; -webkit-transition: opacity 0.6s 0s; -moz-transition: opacity 0.6s 0s; -ms-transition: opacity 0.6s 0s; -o-transition: opacity 0.6s 0s; transition: opacity 0.6s 0s;}
ul.menu_dot li{margin: 0.5em;display:block; background:transparent; border:1px solid #2BA1F3; -webkit-border-radius: .6em; -mos-border-radius: .6em; -o-border-radius: .6em; border-radius: .6em; height: .6em; width: .6em;float:left; text-indent: 999em; -webkit-transition: All 0.5s 0s; -moz-transition: All 0.5s 0s; -ms-transition: All 0.5s 0s; -o-transition: All 0.5s 0s; transition: All 0.5s 0s; -webkit-transition: transform 0.5s ease 0s, background-color 0.5s ease 0s; -moz-transition: transform 0.5s ease 0s, background-color 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s, background-color 0.5s ease 0s; -o-transition: transform 0.5s ease 0s, background-color 0.5s ease 0s; transition: transform 0.5s ease 0s, background-color 0.5s ease 0s;}
ul.menu_dot li.active{border:1px solid #2BA1F3; background: #2BA1F3; filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8; -webkit-transition: All 0.5s 0s; -moz-transition: All 0.5s 0s; -ms-transition: All 0.5s 0s; -o-transition: All 0.5s 0s; transition: All 0.5s 0s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}


@media(min-width:768px) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float:left
    }
    	.col-sm-1 {
		width:8.333333333333332%
	}
	.col-sm-2 {
		width:16.666666666666664%
	}
	.col-sm-3 {
		width:25%
	}
	.col-sm-4 {
		width:33.33333333333333%
	}
	.col-sm-5 {
		width:41.66666666666667%
	}
	.col-sm-6 {
		width:50%
	}
	.col-sm-7 {
		width:58.333333333333336%
	}
	.col-sm-8 {
		width:66.66666666666666%
	}
	.col-sm-9 {
		width:75%
	}
	.col-sm-10 {
		width:83.33333333333334%
	}
	.col-sm-11 {
		width:91.66666666666666%
	}
	.col-sm-12 {
		width:100%
	}

}
@media(min-width:992px) {
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11 {
		float:left
	}
	.col-md-1 {
		width:8.333333333333332%
	}
	.col-md-2 {
		width:16.666666666666664%
	}
	.col-md-3 {
		width:25%
	}
	.col-md-4 {
		width:33.33333333333333%
	}
	.col-md-5 {
		width:41.66666666666667%
	}
	.col-md-6 {
		width:50%
	}
	.col-md-7 {
		width:58.333333333333336%
	}
	.col-md-8 {
		width:66.66666666666666%
	}
	.col-md-9 {
		width:75%
	}
	.col-md-10 {
		width:83.33333333333334%
	}
	.col-md-11 {
		width:91.66666666666666%
	}
	.col-md-12 {
		width:100%
	}
}
@media(min-width:1200px) {
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11 {
		float:left
	}
	.col-lg-1 {
		width:8.333333333333332%
	}
	.col-lg-2 {
		width:16.666666666666664%
	}
	.col-lg-3 {
		width:25%
	}
	.col-lg-4 {
		width:33.33333333333333%
	}
	.col-lg-5 {
		width:41.66666666666667%
	}
	.col-lg-6 {
		width:50%
	}
	.col-lg-7 {
		width:58.333333333333336%
	}
	.col-lg-8 {
		width:66.66666666666666%
	}
	.col-lg-9 {
		width:75%
	}
	.col-lg-10 {
		width:83.33333333333334%
	}
	.col-lg-11 {
		width:91.66666666666666%
	}
	.col-lg-12 {
		width:100%
	}
}