@charset "utf-8";
.swiper-pagination-bullet-active { background-color:#8F000F; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:60px; }

body{ font-family:"微软雅黑","arial","sans-serif"; color:#5B5B5B; font-size:14px; line-height:2; }
a { text-decoration:none; color:#5B5B5B; blr:expression(this.onFocus=this.blur()); outline: none; }
a:linked,a:active,a:focus, a:hover { text-decoration:none; }
a:hover { color:#108DEE; }
a:hover { text-decoration:none; -moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration:0.3s;  -webkit-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-moz-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-o-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;  transition-property:color, background-color, background, width, height, top, left, bottom, right, display, border,opacity; }
.pzoom img { transition: all 0.3s; }
.pzoom img:hover { transform: scale(1.2); }
.full { width:expression(document.body.clientWidth <= 1200? "1200px": "auto");;min-width:1200px; }
.clear { clear:both; }
.red { color:#F00; }
.gray { color:#999; }
.blue { color:#108DEE; }
.orange {color:#F97A25;}
.text-success {color:#00B200;}
.pd0 { padding:0; }
.undis {display:none;}
.space10 { clear:both; height:10px; overflow:hidden; }
.space20 { clear:both; height:20px; overflow:hidden; }
.space50 { clear:both; height:50px; overflow:hidden; }
.f24 { font-size:24px; }
.f20 { font-size:20px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }



.btn-primary { background-color:#108DEE; border:none; border-radius:0; padding-left:30px; padding-right:30px; }
	.btn-primary:hover { background-color:#52AAEE; border-color:#52AAEE; }
.btn-default { background-color:#FFF; border-color:#108DEE; color:#108DEE; border-radius:0; padding-left:30px; padding-right:30px; }
	.btn-default:hover { background-color:#52AAEE; border-color:#108DEE; color:#FFF; }
.btn-orange { background-color:#FFA13D; border-color:#FFA13D; color:#FFF; border-radius:0; padding-left:30px; padding-right:30px; }
	.btn-orange:hover { background-color:#FFBD77; color:#FFF; }
.btn-danger { background-color:#E30C0C; border-color:#E30C0C; border-radius:0; padding-left:30px; padding-right:30px; }
	.btn-danger:hover { background-color:#EB5454; }
.btn-disabled { background-color:#F1F1F1; border-color:#EEE; color:#333; border-radius:0; padding-left:30px; padding-right:30px; }

.modal-content {padding:20px 20px;}
	.modal-footer {border-top:none;text-align: center;}
	.modal-footer .btn { border-radius:5px; }
	.modal-header {border-color:#108DEE;}
	.modal-header h6 {color:#108DEE; font-size:32px; margin:0;}
	.modal-body { text-align:center; font-size:18px; clear:both; }
.swiper-button-next { background-image:url('../images/ico-right.png'); background-color: rgba(0,0,0,0.6); width:30px; cursor: pointer; z-index: 2; background-size:11px 20px;right:0; }
.swiper-button-prev { background-image:url('../images/ico-left.png'); background-color: rgba(0,0,0,0.6); width:30px; cursor: pointer; z-index: 2; background-size:11px 20px;left:0; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:0.5; pointer-events:auto; }

.page-turner { padding:1px 10px 0; font-family:Verdana, Geneva, sans-serif; }
	.page_cur { display:inline-block; background-color:#108DEE;border:1px solid #108DEE; width:auto; padding:0 15px; line-height:35px; color:#FFF; font-weight:bold; margin:0 2px; }
	.page_btn { display:inline-block; background-color:#FFF;border:1px solid #EEE; width:auto; padding:0 15px; line-height:35px; color:#999;  margin:0 2px; }
	.page_disable { display:inline-block; background-color:#F1F1F1;border:1px solid #EEE; width:auto; padding:0 15px; line-height:35px; color:#999;  margin:0 2px;}


/* head ,footer */
header { height:147px; background:url('../images/bg-top.jpg') repeat-x center top; }
	header .col-lg-3 {padding:0;}
	.top-logo { padding:30px 0 0px; }
	.top-qq { padding:30px 0 0 0; text-align: center;}
		.top-qq a { display:inline-block; padding:0 15px 0 30px; color:#0F8DED; background:url('../images/i-qq.png') no-repeat left center;}
	.top-search { padding:15px 0 0 0; }
		.top-search .input-group .input-keyword { border:1px solid #35A5FB; border-radius:20px 0 0 20px; border-right:none; height:40px; line-height: 40px;}
		.top-search .input-group .btn-search { border:1px solid #35A5FB; border-radius:00px 20px 20px 0px; border-left:none; width:48px; height:40px; line-height: 40px; background:#FFF url('../images/i-search.png') no-repeat center center; }

nav { background:#0F8DED; height: 70px; line-height:1.7; position:relative; font-size:16px; margin:0px; padding:0; }
	nav ul { margin:0; padding:0; width:100%; text-align:center;}
	nav li { margin:17px 60px 0; padding:0 0px; height:auto; }
	nav li span { display:block; font-size:10px; }
	.nav-pills > li { display:inline-block; float:none; }
	nav .nav>li:first-child>a { background-image:none; }
	nav .nav>li>a{ color:#FFF; width:auto; text-align:center; background:none; padding:0px 20px 0; height:35px; line-height:35px;  }
	nav .nav>li:hover, nav .nav-pills>li.active:hover>a { color:#0F8DED; background:#FFF; margin-top:0px;border-radius:5px; }
	nav .nav>li:hover>a { color:#0F8DED; background:#FFF; }
	nav .nav-pills>li>a{ border-radius:5px;}
	nav .nav-pills>li.active>a,nav .nav-pills>li.active>a:focus,nav .nav-pills>li>a:hover{ color:#0F8DED; background:#FFF; margin-top:0px; border-radius:5px; }
	nav .nav>li ul { display:none; list-style-type:none; margin:0 0 0 -20px; padding:20px 0 0; z-index:8; background:rgba(15,141,237,0.8); position:absolute; left:0; top:35px; width:140%; z-index:4; border-top:none; animation-name:daohang;	animation: daohang 0.5s ease 0s normal none; -moz-animation: daohang 0.5s ease 0s normal none;	-webkit-animation: daohang 0.5s ease 0s normal none;	-o-animation: daohang 0.5s ease 0s normal none; }
	nav .nav>li ul li { margin:0; padding:0; width:100%; height:40px; border-bottom:1px solid #87C6F6; }
	nav .nav>li ul li a { display:block; width:100%; color:#FFF; text-align:center; font-size:14px; line-height:40px; height:40px; }
	nav .nav>li:hover ul { display:block; }
	nav .nav>li:hover li>a { color:#FFF; }
	nav .nav>li:hover li>a:hover { background:rgba(255,255,255,0.2); }
	@-webkit-keyframes daohang {	from { opacity:0;	top:45px;} to { opacity:1;	top:35px;}}
	@-moz-keyframes daohang {	from { opacity:0;	top:45px;} to { opacity:1;	top:35px;}}
	@keyframes daohang { from { opacity:0;	top:45px;} to { opacity:1;	top:35px;}}


.index-footbanner {padding-top:30px; position:relative; }
.index-friendlinks { padding:30px 0 50px; }
	.index-friendlinks ul { list-style-type: none; padding:0px;  margin-left:-15px; margin-top: 30px;}
	.index-friendlinks li { font-size:14px; text-align: center; list-style-type: none; padding:10px 0 5px 15px;  margin:0; line-height: 1.5;}
	.index-friendlinks li div { display: flex;justify-content:center;flex-direction: column; width:100%; height: 80px; background-color: #F9FDFF; border:1px solid #DADADA;}
	.index-friendlinks li a { display: block; width:100%; color: #888; padding:10px;}
	.index-friendlinks li a:before { content:''; display: inline-block; width:15px; height:9px; background:url('../images/i-dot.png') no-repeat left center;}
	.index-friendlinks li:hover a { color:#108DEE; }

footer { background:#3A3A3A; padding:30px 0 ; line-height:1.8; border-top:3px solid #108DEE; text-align: center; color:#666; font-size:12px; letter-spacing:1px; }
	footer a { color:#CCC; }

.index-title { border-bottom:1px solid #DADADA; height: 40px; line-height: 40px;}
	.index-title h1 { display: inline-block; font-weight: bold; font-size:18px; border-bottom:4px solid #0F8DED; margin:0 15px 0 0; line-height: 36px;}
	.index-title small { color:#868686; }
.index-more a { display: block; color:#0F8DED; border:1px solid #DBDBDB; text-align: center; width:107px; height: 37px; line-height: 37px;}
	.index-more a:hover { color:#FFF; background-color: #0F8DED; border-color: #0F8DED;}


/* css index */
.index-banner { z-index:-1; overflow:hidden; padding-top: 20px;}
	.index-banner .swiper-wrapper { z-index:-1; }
	.banner-container a { display:block; width:100%; }
	.banner-container img { width:100%; }
	.index-banner .swiper-pagination { bottom:10px; }
	.swiper-pagination-bullet { opacity:0.5; width:10px; height:10px;}
	.swiper-pagination-bullet-active { background-color:#108DEE; opacity:1; width:40px; border-radius:5px; }

.index-links { padding:10px 0 0; }
	.index-links ul { list-style-type: none; padding:0px;  margin:0 0 0 -15px; }
	.index-links li { float:left; display:inline-block; width:20%;font-size:14px; text-align: center; list-style-type: none; padding:15px 0 15px 15px;  margin:0; line-height: 1.5;}
	.index-links li div {  padding:6px; background-color: #E1E1E1; }
	.index-links li a { display: flex;justify-content:center;flex-direction: column; width:100%; border:1px solid #D3D3D3; color: #585858; height: 80px; padding:10px;}
	.index-links li a span:before { content:''; display: inline-block; width:15px; height:9px; background:url('../images/i-circle1.png') no-repeat left center;}
	.index-links li:hover div { background-color: #EB6100; }
	.index-links li:hover a { border:1px solid #EF8133; color:#FFF; }
	.index-links li:hover a span:before { background:url('../images/i-circle.png') no-repeat left center;}

.index-line1 {padding-top:40px;}
.index-about { padding-left:0; }
	.index-about-box:first-child { padding-left:0; }
	.index-about-box:last-child { padding-right:0; }
	.index-about-c { padding:15px 0 10px; height: 135px; overflow: hidden;}
.index-user { padding-right:0; }
	.index-user h1 { text-align: center; color: #FFF; font-size: 14px; font-weight: bold; background: #0F8DED; border-radius:5px 5px 0 0; height: 34px; line-height: 34px; margin:0;}
	.index-userbox { background: #F6F6F6; height: 184px; border-radius: 0 0 5px 5px; padding: 17px;}
	.logbox-uname { background:#FFF url('../images/i-user.png') no-repeat center center; width:35px; }
	.logbox-key { background:#FFF url('../images/i-key.png') no-repeat center center; width:35px; }
	.index-userbox .form-control { border-left:none; width:215px;box-shadow:none; }
	.index-userbox .input-group:first-child .input-group-addon { border-bottom:none; border-radius:5px 0 0 0; border-color:#EEE; height: 38px;}
	.index-userbox .input-group:first-child .form-control { border-bottom:none; border-radius:0px 5px 0 0; border-color:#EEE; height: 38px; }
	.index-userbox .input-group:nth-child(2) .input-group-addon { border-radius:0px 0 0 5px; border-color:#EEE; height: 38px; }
	.index-userbox .input-group:nth-child(2) .form-control { border-radius:0px 0px 5px 0; border-color:#EEE;  height: 38px;}
	.index-userbox a {margin-top:10px;}
	.logbox-forgetpwd { text-align: right; padding:5px 0 5px;}
		.logbox-forgetpwd a { color:#999;}
	.btn-login { background-image: linear-gradient(#FF8637, #F06508); color:#FFF; width:113px; height: 34px; line-height: 25px; padding:0; font-size:16px;}
	.btn-login:hover,.btn-register:hover {color:#FFF;}
	.btn-register { background-image: linear-gradient(#329DEF, #1161C0); color:#FFF; width:113px; height: 34px; line-height: 25px; padding:0; margin-left:15px; font-size:16px;}

.index-line2 {padding-top:50px;}
.index-news-highlight {padding:10px; border:1px solid #DBDBDB; height:348px;}
	.index-news-highlight-c { position:relative; }
	.index-news-highlight-c img { width:100%; height:328px;}
	.index-news-highlight-c p { display: block; margin:0; overflow: hidden; position: absolute; bottom:0; left:0; text-align: center; width:100%; height:42px; line-height: 42px; color:#FFF; background-color: rgba(0,0,0,0.35);}
.index-news {padding-right:0px; padding-left: 30px;}
	.index-news .nav-tabs li {padding:0;}
	.index-news .nav-tabs li a {padding:0; height:43px; line-height: 43px; background-color: #EFEFEF; text-align: center; border:none; border-radius:0; margin: 0;}
	.index-news .nav-tabs li.active a { color:#FFF; background: #0F8DED;}
	.index-news-list { padding:13px 0 0;}
	.index-news-list ul {margin:0 0 15px; list-style-type: none; padding:0;}
	.index-news-list li {border-bottom:1px dashed #E8E8E8; padding:0 10px 0 0; line-height: 40px; height: 40px; overflow: hidden;}
	.index-news-list li a {display:block; float:left; width:80%; overflow: hidden; padding-left:20px; }
	.index-news-list li a:before { content:''; display: inline-block; width:15px; height:9px; background:url('../images/i-circle1.png') no-repeat left center;}
	.index-news-list li:hover a:before { background:url('../images/i-dot.png') no-repeat left center;}
	.index-news-list span {float:right;}


.index-line3 {padding-top:50px;}
.index-searchlinks {padding-left:0;}
	.index-searchlinks ul { list-style-type: none; padding:30px 0 30px;  margin:0; border-bottom:6px solid #EFEFEF; }
	.index-searchlinks li { font-size:14px; text-align: center; list-style-type: none; padding:20px 10px 20px;  margin:0; line-height: 1.5;}
	.index-searchlinks a { background-color:#108DEE; border-radius:5px; display: flex;justify-content:center;flex-direction: column; color: #FFF; padding:0px 10px 0; height: 60px;}
	.index-searchlinks a:hover { background-color: #3FA4F1;}
.index-contact {padding-right:0;}
	.index-contact-c { background-color: #F7F7F7; font-size:14px; padding:10px 10px 5px; line-height: 1.8;}
	.index-contact-c .col-lg-4,.index-contact-c .col-lg-8 {padding:0;}
	.index-contact-c .col-lg-8 { border-left:1px solid #DDD;}
	.index-contact-c p { padding-left:25px; margin-bottom: 0;}
	.contact-p { background:url('../images/i-user1.png') no-repeat left center; }
	.contact-t { background:url('../images/i-phone.png') no-repeat left 4px; background-size: 17px auto;}
	.contact-qrcode { padding: 20px 0 0; }
	.contact-qrcode p { margin-bottom: 0; }
	.contact-qrcode .col-lg-4 {padding:0; color:#5B5B5B;}
	.contact-qrcode .col-lg-8 {padding-right:0;}
	.contact-qrcode img { width: 100%;}
	.contact-qrcode .col-lg-4 img { border:1px solid #EEE; padding:5px;}

.index-footbanner {padding:40px 0 0;}




/* box */
.box-bg { background-color:rgba(0,0,0,0.6); position:fixed; width:100%; height:100%; left:0; top:0; z-index:10; display:none; }
.box { background-color:#FFF; position:fixed; width:930px; height:667px; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:11; padding:10px 30px; display:none; }
	.box-close { text-align:right; padding-right:30px; background:url('../images/ico_close.png') no-repeat right center; cursor:pointer; }
	.box-c { text-align:center; max-width:100%; max-height:640px; }




/* css of subpages */
.sub-left { padding:20px 10px 0 0; position: relative;}
	.sub-left-t { font-size:30px; font-weight: bold; color:#108DEE; text-align: center;}
	.sub-menu { margin:0; padding:20px 40px 40px; min-height: 200px; list-style-type: none; background:#108DEE url('../images/bg3.jpg') no-repeat center 30px; border-radius:30px 0 30px 0;-moz-box-shadow:6px 6px 0px #EAEAEA; -webkit-box-shadow:6px 6px 0px #EAEAEA; box-shadow:6px 6px 0px #EAEAEA; }
	.sub-menu li { padding:10px 0; }
	.sub-menu li a { display: block; color:#FFF; text-align: center; font-size:16px;}
	.sub-menu li a.active { border:1px solid #FFF; border-radius:5px;}
.sub-right { padding:20px 0px 30px 50px; min-height: 500px;}

.newslist { list-style-type:none; padding:0; margin:20px 0; }
	.newslist li {border-bottom:1px dashed #E8E8E8; padding:15px 10px 15px 0;}
	.newslist li a {display:block; float:left; width:90%; overflow: hidden; padding-left:20px; }
	.newslist li a:before { content:''; display: inline-block; width:15px; height:9px; background:url('../images/i-circle1.png') no-repeat left center;}
	.newslist li:hover a:before { background:url('../images/i-dot.png') no-repeat left center;}
	.newslist span {float:right; color:#999;}
.news-relative { margin:20px 0; padding:0; list-style-type:none; }
	.news-relative li { padding:0px; margin-left:20px; margin-top:10px; color:#999; }
	.news-relative li a {color:#108DEE;}

h1.title { text-align:center; font-size:28px; color:#108DEE; font-weight:normal; padding:20px 20px 10px; font-weight:300; }
	.sub-container article { margin:20px 40px; height:auto; font-size:14px; }
	.sub-container article p {  }
	.sub-container article img { max-width:900px; }

.channel-list { padding:30px 0; margin-left:-30px;}
	.channel-list dl { margin:0; padding:0 0 0 30px;}
	.channel-list dt { margin:0 0 10px;}
	.channel-list dd { margin:0 0 0 0px; padding:5px 15px;}
	.channel-list dd a { display: block;}
	.channel-list dd a:before {content:'·'; font-size:30px; line-height:19px; float:left; margin-right:5px;}



/* css of school */
.sub-banner { padding-top:20px; position:relative; }
    .consultant-phone { position:absolute; width:300px; right:0; bottom:20px; height:auto; padding:20px; text-align:center; color:#FFF; background:rgba(0,0,0,0.6); font-size:16px;  }
.sub-title { border-bottom:1px solid #DADADA; height: 40px; line-height: 40px;}
	.sub-title h1 { display: inline-block; font-weight: bold; font-size:18px; border-left:5px solid #0F8DED; padding-left:10px; margin:0 15px 0 0; line-height:20px;}
	.sub-title small { color:#868686; }
	.sub-title a { color:#0F8DED; }

@keyframes scrollleft {
	    0% {
	        -webkit-transform: translate3d(520px, 0, 0);
	        transform: translate3d(520px, 0, 0);
	    }
	    100% {
	        -webkit-transform: translate3d(-700px, 0, 0);
	        transform: translate3d(-700px, 0, 0);
	        display: none;
	    }
	}
.school-line1 {padding-top:30px;}
	.school-partners { float:left; width:649px; background:url('../images/bg_partner.jpg') no-repeat left top; height: 177px; text-align: center; color:#FFF; font-size:23px;}
	.school-partners h1 { font-size:32px; font-weight: bold; padding:20px 0 10px;}
	.school-partners-c { width:80%; overflow: hidden; margin:0 auto; }
	.scroll-left { width:700px; height:30px; -webkit-animation: 12s scrollleft linear infinite normal;  animation: 12s scrollleft linear infinite normal;  position: relative; }
	.school-ads {float:left; width:649px;}
	.school-ads a {display: block;}
	.school-ads a:nth-child(1) {float:left; margin-top:3px;}
	.school-ads a:nth-child(2) {float:right; margin-top:3px;}
	.school-links {padding:0 10px 0 0;float:right; width:230px;}
	.school-links a { margin-bottom:5px; display: flex;justify-content:center;flex-direction: column; padding:0 50px; width:100%; height:88px; line-height: 1.5;color:#FFF; text-align: center; font-size:16px; font-weight: bold;}
	.school-links div:nth-child(odd) a { background:#0F8DED url('../images/bg1.jpg') no-repeat left bottom; }
	.school-links div:nth-child(even) a { background:#0F8DED url('../images/bg2.jpg') no-repeat right bottom; }
.school-line1 .index-user h1 { height:54px; line-height: 54px; font-size: 18px;}
	.school-line1 .index-user .index-userbox { padding-top:30px; height:220px;}

.school-courses {padding-top:30px;}
.school-course-type {padding:20px 40px 0 0;}
	.school-course-type ul { margin:0; list-style-type: none; padding:0; border:none;}
	.school-course-type li { width:100%; padding:0; margin:0 0 1px; font-size:16px; }
	.school-course-type li a { display: block; color: #FFF; background-color:#0F8DED; height:50px; line-height:50px; padding:0 20px 0 40px; border-radius:0;}
	.school-course-type li.active a,.school-course-type li.active a:focus {  background-color:#FFF; border:none; color:#0F8DED; text-decoration: none;}
	.school-course-type li:hover a,.school-course-type li.active:hover a { border:none;}
.school-course-list {padding:20px 0 0;}
	.school-course-list ul {margin:0 0 0 -20px; list-style-type: none; padding:0;}
	.school-course-list li { padding:0px 0 15px 20px;text-align: center; }
	.image-box { }
	.image-box img { height:165px; width:100%; }
	.image-box p { height:40px; line-height:40px; overflow: hidden;}

.download-list {margin:0; padding:0; list-style-type: none;}
	.download-list li { background:url('../images/i-dot.png') no-repeat left 7px; padding:0 0 10px 20px; border-bottom:1px dashed #DBDBDB; margin-bottom: 25px;}
	.download-list h4 { font-size:20px;}
	.download-list .btn {border-radius:5px;}

/* css for hot courses */
.hot-courses {padding-top:30px;}
	.hot-course-title { text-align: center; }
	.hot-course-title h1 { display:inline-block; margin:20px 0; font-size:24px; color:#0F8DED; font-weight:bold; padding:0 20px; width:auto; border-left:4px solid #0F8DED; border-right:4px solid #0F8DED;}
	.hot-courses ul { margin:0 0 50px -20px; list-style-type: none; padding:0; }
	.hot-courses li {margin:0; padding:20px 0 20px 20px;}
	.hot-courses li a {display:block; text-align: center; border:1px solid #DBDBDB; height: 170px; padding:0 10px; color:#969696;}
	.hot-courses li h2 { font-size:18px; font-weight:bold; color:#0F8DED; border-bottom:1px solid #0F8DED; margin:0 0 5px; padding:5px; display: flex;justify-content:center;flex-direction: column; height:70px;}
	.hot-courses li button { color:#0F8DED; background:none; border:1px solid #0F8DED; border-radius:0; }
.hot-courses-video {margin:0 0 0 -20px; list-style-type: none; padding:0;}
	.hot-courses-video li {margin:0; padding:20px 0 20px 20px;}
	.hot-courses-video li a {display:block; border:1px solid #DBDBDB; height: 250px; padding:0; color:#969696;}
	.hot-courses-video li .img-box { height:180px;}
	.hot-courses-video li .img-box img { width:100%; height:100%;}
	.hot-courses-video li h2 {font-size:14px; padding:10px; line-height: 1.8; margin:0; color:#333;}
.hot-courses-more	{text-align:center; margin-bottom: 60px; margin-top:25px;}
	.hot-courses-more a { color:#FFF; display:inline-block; font-size:16px; background-color:#0F8DED; padding:5px 45px; }

.course-detail { padding-bottom:100px; padding-top:40px; }
.course-detail-p { padding:0; }
	.course-detail-p img { width:100%; }
.course-detail-c {padding:0 0 0 50px;}
	.course-detail-c h1 { font-size:24px; font-weight: bold; color:#0F8DED; margin:0 0 10px;}
	.course-detail-c p {font-size:16px;}
	.course-detail-c a {margin-right:10px;}
.course-info-t { border-bottom:4px solid #0F8DED; font-size:20px; font-weight: bold; color:#0F8DED; margin:0 0 20px; padding-bottom:10px;}
	.course-videos {margin:0 0 0 -20px; list-style-type: none; padding:0;}
	.course-videos li {margin:0; padding:20px 0 20px 20px;}
	.course-videos li a {display:block; border:1px solid #DBDBDB; height: 270px; padding:0; color:#969696;}
	.course-videos li .img-box { height:180px;}
	.course-videos li .img-box img { width:100%; height:100%;}
	.course-videos li h2 {font-size:14px; padding:10px; line-height: 1.8; margin:0; height:42px; overflow: hidden; color:#333;}
	.course-videos li span {margin:0 10px;}

.course-practice-container {padding-top:30px;}
.course-practice {margin:0px 0 0px -30px; list-style-type: none; padding:0px 0 30px;}
	.course-practice li {margin:0; padding:20px 0 20px 30px; }
	.course-practice-box { height: 223px; border-radius:0 0 20px 20px; -moz-box-shadow:3px 3px 12px #EAEAEA; -webkit-box-shadow:3px 3px 12px #EAEAEA; box-shadow:3px 3px 12px #EAEAEA; }
	.course-practice-box h2 { margin:0px; background-color: #0F8DED; text-align: center; color:#FFF; height:67px; font-size: 20px; font-weight: bold; display:flex; justify-content: center; flex-direction: column;}
	.course-practice-do {text-align:center; padding-top:50px;}
	.course-practice-do a {display:inline-block; width:30%; background:url('../images/i-practice.png') no-repeat center top; padding-top: 20px; font-size:16px;}

/* css for video */
.title { border-bottom:1px solid #E8E8E8; font-size:28px; font-weight: bold; color:#0F8DED; margin:20px 0 50px; padding-bottom:10px; }
.video-view { background:#2F2F2F; height:600px; text-align:center; }
	.video-norights { text-align:center; color:#FFF; margin:200px 0 0; display:inline-block; width:30%; background-color: rgba(255,255,255,0.3); line-height: 3em;}
	.video-player, .video-list-box {padding:0;}
	.vlt { color:#FFF; padding:0 0 0 10px; line-height: 45px; font-weight: normal;}
	.video-list { overflow:auto; margin:0; padding:0; height:540px; }
	.video-list dd { width:100%; height:90px; }
	.video-list dd a { display:block; width:100%; height:100px; padding:10px; color:#FFF; }
	.video-list dd.active { background:#555; }
	.video-list-thumb img { width:100%; max-height:100%;}
	.video-list-t { padding:0; text-align:left; }
.video-info h1 { font-size:26px; }
	.video-info .btn { border-radius:5px; margin-left:10px;}
.jw-dock-button { display:none;}


/* css for login box */
.blackBox{	width:100%;	height:100%;	background:rgba(0,0,0,0.5);	position:fixed;	top:0;	left:0;	right:0;	bottom:0;	z-index:2;}
.loginbox{ background:#FFF; width:466px; border-radius:20px; padding:20px;	position:fixed;	left:50%;	top:50%;	-webkit-transform:translate(-50%,-52%);	-ms-transform:translate(-50%,-52%);	transform:translate(-50%,-52%);	z-index:99999;}
	.loginbox-title {border-bottom:1px solid #0F8DED; text-align: center; line-height: 56px;}
	.loginbox-title button { background:url('../images/i-arrowleft.png') no-repeat left center; background-size:auto 18px; padding-left:20px; border:none; font-size:18px;}
	.loginbox-title p {color: #0F8DED; font-size:28px; font-weight:bold;}
	.loginbox-close { font-size:18px; color:#8C8C8C; }
	.loginbox-form { padding:50px 40px;}
	.loginbox-form .logbox-uname { background:url('../images/i-user1.png') no-repeat center center; }
	.loginbox-form .logbox-key { background:url('../images/i-pwd.png') no-repeat center center; }
	.loginbox-form .input-group {width:100%;}
	.loginbox-form .input-group .input-group-addon { border-right:none; border-radius:25px 0 0 25px; border-color:#EEE; width:50px; background-color: #F8F8F8;}
	.loginbox-form .input-group .form-control { border-left:none; border-top:none; border-radius:0px 25px 25px 0; border-color:#EEE; background-color: #F8F8F8; padding-left:0; font-size:16px; }
	.lobginbox-ps {text-align:right; padding:10px; color:#F00;}
	.btn-getCode {position:absolute; right:0; top:0;color: #0F8DED; z-index: 2; font-style: normal; height: 46px; border:1px solid #EEE; border-left: none; background-color: #F8F8F8; border-radius:0 25px 25px 0;}
	.loginbox-form .btn-primary { border-radius:25px; background:#3DA1EF; margin-top:10px;}



/* css for user */
.user-left { padding:0; }
	.user-left-box { border:1px solid #E8E8E8; }
	.user-left-t a { display: inline-block; width:65%; padding:20px 5px;}
	.user-left-t span { padding:0px; font-size:20px; font-weight: bold; display: block;}
	.user-left-t:before { content:''; display: inline-block; margin:0px 0px 0 15px; width:43px; height: 43px; border-radius:22px; border:1px solid #E8E8E8; background:url('../images/i-home.png') no-repeat center center;}
	.user-left-t small { display:block; padding-left:60px; }
	.user-menu {margin:0; padding:0; list-style-type: none;}
	.user-menu li { border-top:1px solid #E8E8E8; }
	.user-menu li a { display:block; height: 50px; line-height: 50px; font-size:16px; text-align: center;}
	.user-menu li a.active { background: #F0F0F0;border-left:4px solid #0F8DED;}
.user-right  { padding:0 0 0 40px; }
.user-right-box  { border:1px solid #E8E8E8; padding:20px 30px; }
	.user-info { border-bottom:1px solid #E8E8E8; padding-bottom:20px; }
	.school-logo { text-align:center; }
	.btn-user-setting { padding-left:25px; background:url('../images/i-setting.png') no-repeat left center; margin-right:30px; margin-top: 20px;}
	.btn-user-modifypwd { padding-left:25px; background:url('../images/i-modifykey.png') no-repeat left center; margin-top: 20px;}
	.user-right-t { background:#F3F3F3; }
	.user-right-t h2 {font-size:22px;color: #0F8DED; font-weight:bold; padding:10px 20px;}
	.user-right-t a {float:right; padding:5px 10px 0 0;}
	.user-right-courses {margin:0; padding:0; list-style-type: none;}
	.user-right-courses li {border-bottom:1px dashed #E8E8E8; padding:15px 0; }
	.user-right-courses .btn { border-radius:5px; margin-left:10px; margin-bottom: 10px;}
.user-right-t1 { border-bottom:1px solid #E8E8E8; font-size:22px; padding-bottom:10px; margin-bottom:20px; color:#0F8DED; }

	.schedule{height:auto; margin-bottom:5px;}
	.scheduleMain{width:200px;	height:12px;	border:1px solid #ddd;	border-radius:6px;	background:#fff;	position:relative;	display:inline-block;	float:left;	margin-top:5px;	}
	.schedulePercentage{	height:10px;	border-radius:5px;	background:#FFA13D;	position:absolute;	left:0;	top:0;	}
	.schedulePercentage.disable { background:#EEE; }
	.schedule p{width:auto;	height:20px;	line-height:20px;	color:#999;	display:inline-block;	float:left;	margin-left:5px;	}

.ur-table-list thead> tr>th { text-align:center; background:#F3F3F3; color: #0F8DED; font-weight:normal; font-size:16px; border-bottom:none;}
.ur-table-list tbody> tr>td {border-top:none; border-bottom:1px solid #E8E8E8;}
.ur-table-list h4 {line-height:1.5; margin:0 0 5px; font-size:14px;}

.ur-label-t {margin:0 0 50px; padding:0 0 20px; list-style-type: none; border-bottom:1px solid #E8E8E8;}
	.ur-label-t li {font-size:16px; display: inline-block; margin-left: 10px; padding:5px 25px;}
	.ur-label-t li.active { background:#F3F3F3; border-radius:5px; }
	.ur-label-t li.active a { color: #0F8DED; }
.ur-form label {font-weight:normal; padding:0; font-size:16px;}
.ur-form .form-inline {margin-bottom: 20px;}


/* css for topic */
.topic-title {  }
	.topic-title h1 { display:inline-block; margin:20px 0; font-size:24px; color:#0F8DED; font-weight:bold; padding:0 20px; width:auto; border-left:4px solid #0F8DED; border-right:4px solid #0F8DED;}
.topic-info {padding:0 0 0 30px;}
	.topic-info-box { background:#FFF; -moz-box-shadow:3px 3px 10px #DDD; -webkit-box-shadow:3px 3px 10px #DDD; box-shadow:3px 3px 10px #DDD; font-size:18px; padding:20px;}
	.practice { background:url('../images/i-practice2.png') no-repeat center 40px; padding-top:160px; }
	.topic-info em { font-style: normal;}
	.topic-info .btn,.topic-container .btn { border-radius:5px;}
.topic-container {padding:0 0px 0 0;}
	.topic-main-box { background:#FFF; -moz-box-shadow:3px 3px 10px #DDD; -webkit-box-shadow:3px 3px 10px #DDD; box-shadow:3px 3px 10px #DDD;}
	.topic-type-list { background:#0F8DED; padding:5px; margin:0; list-style-type: none;}
	.topic-type-list li { display: inline-block; color:#FFF; font-size:16px; cursor: pointer; line-height: 40px; padding:0 20px;}
	.topic-type-list li.current {border-bottom:3px solid #FFF; font-weight:bold; }
	.topic-content { margin:0; padding:0; list-style-type: none;}
	.topic-content-c { padding:30px; }
	.topic-c-num { font-size:32px; padding:0; text-align: center;}
	.topic-c-c {font-size:16px;}
	.topic-c-t {padding:20px 0;}
	.topic-c-options { margin:0; padding:0; list-style-type: none; border-top:1px solid #E8E8E8; }
	.topic-c-options li {  margin-top: 20px; cursor: pointer;}
	.topic-c-options li em { display:inline-block; width:18px; height: 18px; margin-right:10px; background:url('../images/i-option.png') no-repeat left center; }
	.topic-c-options li em.examinationChoose { background:url('../images/i-option-check.png') no-repeat left center; }
	.topic-c-options li em.examinationRight { background:url('../images/bg_examination_right.png') no-repeat left center; }
	.topic-c-options li em.examinationWrong { background:url('../images/bg_examination_wrong.png') no-repeat left center; }
	.topic-c-analysis { padding:20px; border:1px solid #E8E8E8; margin-top: 30px; font-size:14px;}
	.topic-c-pager { margin-top:50px;}


.test-paper-box { background:#FFF; -moz-box-shadow:3px 3px 10px #DDD; -webkit-box-shadow:3px 3px 10px #DDD; box-shadow:3px 3px 10px #DDD; padding:50px 250px; text-align: center; }
	.test-paper-box h4 { font-size:32px; color:#0F8DED; text-align: center; margin-bottom:30px; font-weight: bold;}
	.test-paper-act { padding-top:20px; border-top:1px solid #E8E8E8; margin-top:20px; }
.exam { background:url('../images/i-clock.png') no-repeat center 40px; padding-top:160px; }
.exam .btn { width:80%;}
.exam .countdown { color:#DE4348; text-align: center;}
.exam-score { font-size:36px; padding:0; margin:20px 0 0; line-height: 1.3;}
	.exam-score span { font-size:56px; color:#E30C0C; }
.answer-sheet { margin-top:50px; border:1px solid #0F8DED; position: relative;}
	.answer-sheet-t { font-size:20px; color:#0F8DED; font-weight: bold; padding:0 20px; background-color: #FFF; width:auto; position:absolute; top:-20px; left:400px;}
	.answer-sheet-c { padding:30px 10px 20px; }
	.answer-sheet-c dl {margin:0 0 10px; padding:0; }
	.answer-sheet-c dt {}
	.answer-sheet-c dt span { display:block; font-size:16px; background-color:#0F8DED; text-align: center; color:#FFF; border-radius:5px; width:100%; line-height: 36px; }
	.answer-sheet-c dd { padding-left:10px; }
	.answer-sheet-c dd a { display: inline-block; width:30px; height: 30px; line-height: 30px; border-radius:15px; text-align: center; border:1px solid #E8E8E8; margin:0 0 8px 2px;}
	.answer-sheet-c dd a.AlreadyDone { border-color:#0F8DED; }
	.answer-sheet-c dd a.Current { background-color:#0F8DED; border-color:#0F8DED; color:#FFF; }
	.answer-sheet-c dd a.Awrong { background-color:#FFF; border-color:#E30C0C; }
	.answer-sheet-c dd a.Aright { background-color:#FFF; border-color:#00B200; }