@charset "UTF-8";

* {
	box-sizing: border-box;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Microsoft Yahei", "Helvetica Neue", sans-serif;
	margin: 0;
	overflow: auto;
	min-width: 1200px;
}

a {
	text-decoration: none;
	color: #29e;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

input,
textarea {
	border: none;
	outline: none;
	font-family: inherit;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #999 !important;
}

input::-ms-clear {
	display: none;
}

button span {
	position: relative;
	left: 0;
	top: 0;
}

img {
	border: none;
}

textarea {
	overflow: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	line-height: 1;
}

.clear-fix:before,
.clear-fix:after {
	display: table;
	content: '';
}

.clear-fix:after {
	clear: both;
}

.v-middle:before {
	content: '';
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}

.modal {
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	background: black \9;
}

.fll {
	float: left;
}

.flr {
	float: right;
}

.fln {
	float: none;
}

.mr10 {
	margin-right: 10px;
}

.ml10 {
	margin-left: 10px;
}

.nocontent p {
	font-size: 12px;
	color: #999;
}

.hide {
	display: none !important;
}

.survey {
	position: fixed;
	right: 30px;
	bottom: 260px;
	cursor: pointer;
	width: 256px;
	z-index: 10;
}

.survey a {
	display: block;
}

.survey .close {
	position: absolute;
	right: 10px;
	top: -8px;
	display: block;
}

.d-noscroll {
	height: 100%;
	overflow: hidden !important;
}

.h-noscroll {
	overflow-y: scroll !important;
}

/*按钮样式*/
.btn {
	border-radius: 2px;
	outline: none;
	border: none;
	filter: null;
	color: #fff;
	font-family: inherit;
	cursor: pointer;
	text-align: center;
	padding: 0;
	font-size: 14px;
	background: #fff;
	display: inline-block;
}

.btn.gray {
	background-color: #666;
	color: #fff;
}

.btn.warning {
	background-color: #ff6900;
	color: #fff;
}

.btn.warning:hover,
.btn.warning:active {
	background-color: #ff781a;
}

.btn.green {
	background-color: #38bd60;
	color: #fff;
}

.btn.green:hover,
.btn.green:active {
	background-color: #4cc470;
}

.btn.blue {
	background: #24b6f2;
}

.btn.blue:hover {
	background: #50c8fa;
}

.btn.h-blue {
	background: transparent;
	border: 1px solid #ccc;
	color: #666;
}

.btn.h-blue:hover {
	border: 1px solid #50c8fa;
	background: #50c8fa;
}

.btn.border {
	background: #fff;
	border: 1px solid #ebebeb;
	color: #999;
}

.btn.border:hover {
	color: #666;
	border: 1px solid #d9d9d9;
}

i[class*='iconfix'] {
	display: inline-block;
	background-image: url("icons/sprite-fix.png");
	background-image: -webkit-image-set(url("icons/sprite-fix.png") 1x, url("icons/sprite-fix@2x.png") 2x);
	background-image: -moz-image-set(url("icons/sprite-fix.png") 1x, url("icons/sprite-fix@2x.png") 2x);
	background-image: -ms-image-set(url("icons/sprite-fix.png") 1x, url("icons/sprite-fix@2x.png") 2x);
	background-image: -o-image-set(url("icons/sprite-fix.png") 1x, url("icons/sprite-fix@2x.png") 2x);
	background-image: image-set(url("icons/sprite-fix.png") 1x, url("icons/sprite-fix@2x.png") 2x);
	background-repeat: no-repeat;
	background-size: auto;
}

.iconfix-call {
	background-position: 0px 0px;
	width: 35px;
	height: 32px;
}

.iconfix-feedback {
	background-position: -35px 0px;
	width: 32px;
	height: 30px;
}

.iconfix-feedback_hover {
	background-position: 0px -32px;
	width: 32px;
	height: 30px;
}

.iconfix-top {
	background-position: -32px -32px;
	width: 24px;
	height: 14px;
}

.iconfix-top_hover {
	background-position: -32px -46px;
	width: 24px;
	height: 14px;
}

.foot {
	background: #2d2e2e;
	overflow: hidden;
	color: #fff;
}

.foot a {
	color: #aaa;
	font-size: 14px;
}

.foot a:hover {
	text-decoration: none;
	color: #29e;
}

ul.foot-list {
	margin: 60px auto 0;
	padding: 0;
	list-style: none;
	width: 960px;
}

ul.foot-list li {
	float: left;
	margin: 0 0 0 95px;
	line-height: 2;
	width: 130px;
}

ul.foot-list li .title {
	margin: 0 0 5px;
	font-size: 18px;
}

ul.foot-list li .wechat {
	position: relative;
}

ul.foot-list li .wechat-qrcode {
	width: 100px;
	height: 100px;
	position: absolute;
	top: -105px;
	left: -23px;
	display: none;
}

ul.foot-list li .wechat-qrcode img {
	max-width: 100%;
	border: 2px solid #fff;
}

ul.foot-list li .wechat:hover .wechat-qrcode {
	display: block;
}

.copyright {
	margin: 15px auto;
	width: 1000px;
	text-align: center;
	font-size: 14px;
	color: #666;
}

.copyright a {
	color: #666;
}

.copyright a:hover {
	color: #29e;
}

.right-fixed {
	position: fixed;
	right: 0;
	bottom: 60px;
	z-index: 1000;
	height: 234px;
	display: none;
}

.right-fixed a {
	width: 76px;
	height: 76px;
	display: block;
	position: relative;
	background: #b8b8b8;
	margin-bottom: 2px;
	text-align: center;
	color: #999;
	font-size: 0;
	background: #fff;
	border: 1px solid #f1f2f2;
	border: 1px solid rgba(118, 123, 130, 0.1);
}

.right-fixed a:hover {
	background: #4a99e7;
	color: #fff;
	border: 1px solid #4a99e7;
}

.right-fixed a div {
	display: inline-block;
	vertical-align: middle;
}

.right-fixed a span {
	display: block;
	font-size: 12px;
	line-height: 1;
	margin-top: 10px;
}

.right-fixed a .fix-backtop {
	display: none;
}

.right-fixed .fix-call {
	background: #60abf1;
	color: #fff;
	border: 1px solid #60abf1;
}

.fix-feedback:hover i {
	background-position: 0px -32px;
}

.fix-top:hover i {
	background-position: -32px -46px;
}

i[class*='icon-'] {
	display: inline-block;
	background-image: url("icons/sprite-MjAxNzAxMDY=.png");
	background-image: -webkit-image-set(url("icons/sprite-MjAxNzAxMDY=.png") 1x, url("icons/sprite-MjAxNzAxMDY=@2x.png") 2x);
	background-image: -moz-image-set(url("icons/sprite-MjAxNzAxMDY=.png") 1x, url("icons/sprite-MjAxNzAxMDY=@2x.png") 2x);
	background-image: -ms-image-set(url("icons/sprite-MjAxNzAxMDY=.png") 1x, url("icons/sprite-MjAxNzAxMDY=@2x.png") 2x);
	background-image: -o-image-set(url("icons/sprite-MjAxNzAxMDY=.png") 1x, url("icons/sprite-MjAxNzAxMDY=@2x.png") 2x);
	background-image: image-set(url("icons/sprite-MjAxNzAxMDY=.png") 1x, url("icons/sprite-MjAxNzAxMDY=@2x.png") 2x);
	background-repeat: no-repeat;
	background-size: auto;
}

i[class*='icon3-'] {
	display: inline-block;
	background-image: url("icons/spritev4.png");
	background-image: -webkit-image-set(url("icons/spritev4.png") 1x, url("icons/spritev4@2x.png") 2x);
	background-image: -moz-image-set(url("icons/spritev4.png") 1x, url("icons/spritev4@2x.png") 2x);
	background-image: -ms-image-set(url("icons/spritev4.png") 1x, url("icons/spritev4@2x.png") 2x);
	background-image: -o-image-set(url("icons/spritev4.png") 1x, url("icons/spritev4@2x.png") 2x);
	background-image: image-set(url("icons/spritev4.png") 1x, url("icons/spritev4@2x.png") 2x);
	background-repeat: no-repeat;
	background-size: auto;
}

i[class*='icon4-'] {
	display: inline-block;
	background-image: url("icons/sprite-love.png");
	background-image: -webkit-image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-image: -moz-image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-image: -ms-image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-image: -o-image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-image: image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-repeat: no-repeat;
	background-size: auto;
}

.icon-back {
	background-position: -322px -64px;
	width: 14px;
	height: 26px;
}

.icon-back_hover {
	background-position: -364px -64px;
	width: 14px;
	height: 26px;
}

.icon-checkbox {
	background-position: -322px -148px;
	width: 16px;
	height: 16px;
}

.icon-checkboxed {
	background-position: -366px -90px;
	width: 16px;
	height: 16px;
}

.icon-close:hover {
	background-position: -372px -164px;
	width: 12px;
	height: 12px;
}

.icon-close {
	background-position: -360px -164px;
	width: 12px;
	height: 12px;
}

.icon-monster {
	background-position: 0px 0px;
	width: 258px;
	height: 260px;
}

.icon-next:hover {
	background-position: -336px -64px;
	width: 14px;
	height: 26px;
}

.icon-next {
	background-position: -350px -64px;
	width: 14px;
	height: 26px;
}

.icon-no {
	background-position: -354px -116px;
	width: 16px;
	height: 16px;
}

.icon-nostudy {
	background-position: -322px -132px;
	width: 16px;
	height: 16px;
}

.icon-nostudy_gray {
	background-position: -360px -106px;
	width: 10px;
	height: 10px;
}

.icon-ok {
	background-position: -350px -90px;
	width: 16px;
	height: 16px;
}

.icon-prev:hover {
	background-position: -336px -90px;
	width: 14px;
	height: 26px;
}

.icon-prev {
	background-position: -322px -90px;
	width: 14px;
	height: 26px;
}

.icon-radio {
	background-position: -322px -116px;
	width: 16px;
	height: 16px;
}

.icon-radioed {
	background-position: -338px -116px;
	width: 16px;
	height: 16px;
}

.icon-reload:hover {
	background-position: -322px -164px;
	width: 13px;
	height: 16px;
}

.icon-reload {
	background-position: -335px -164px;
	width: 13px;
	height: 16px;
}

.icon-remove:hover {
	background-position: -370px -116px;
	width: 16px;
	height: 16px;
}

.icon-remove {
	background-position: -354px -148px;
	width: 15px;
	height: 15px;
}

.icon-search:hover {
	background-position: -338px -132px;
	width: 16px;
	height: 16px;
}

.icon-search {
	background-position: -354px -132px;
	width: 16px;
	height: 16px;
}

.icon-studied {
	background-position: -370px -132px;
	width: 16px;
	height: 16px;
}

.icon-studied_small {
	background-position: -370px -106px;
	width: 10px;
	height: 10px;
}

.icon-studing {
	background-position: -338px -148px;
	width: 16px;
	height: 16px;
}

.icon-studing_small {
	background-position: -350px -106px;
	width: 10px;
	height: 10px;
}

.icon-tip_ask {
	background-position: -322px 0px;
	width: 64px;
	height: 64px;
}

.icon-tip_notice {
	background-position: -258px -192px;
	width: 64px;
	height: 64px;
}

.icon-tostart:hover,
.icon-tostart_hover {
	background-position: -369px -148px;
	width: 12px;
	height: 14px;
}

.icon-tostart {
	background-position: -348px -164px;
	width: 12px;
	height: 14px;
}

.icon-ul {
	background-position: -322px -180px;
	width: 9px;
	height: 9px;
}

.icon-ul_hover {
	background-position: -331px -180px;
	width: 9px;
	height: 9px;
}

.icon-video_notice {
	background-position: -258px -128px;
	width: 64px;
	height: 64px;
}

.icon-video_studied {
	background-position: -258px -64px;
	width: 64px;
	height: 64px;
}

.icon-video_warn {
	background-position: -258px 0px;
	width: 64px;
	height: 64px;
}

i.icon-love {
	width: 16px;
	height: 14px;
	background-image: url("icons/sprite-love.png");
	background-image: -webkit-image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-image: -moz-image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-image: -ms-image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-image: -o-image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-image: image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: 0px 0px;
}

i.icon-love_big,
i.icon-loved_big {
	background-image: url("icons/sprite-love.png");
	background-image: -webkit-image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-image: -moz-image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-image: -ms-image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-image: -o-image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-image: image-set(url("icons/sprite-love.png") 1x, url("icons/sprite-love@2x.png") 2x);
	background-repeat: no-repeat;
	background-size: auto;
}

.icon-love_big {
	background-position: 0px -40px;
	width: 24px;
	height: 21px;
}

.icon-love_big_hover {
	background-position: -24px -40px;
	width: 24px;
	height: 21px;
}

.icon-loved_big {
	background-position: -40px 0px;
	width: 24px;
	height: 21px;
}

.icon4-no-content {
	background-position: 0px 0px;
	width: 40px;
	height: 40px;
}

.icon3-clock {
	background-position: -122px 0px;
	width: 15px;
	height: 15px;
}

.icon3-colla {
	background-position: -8px 0px;
	width: 5px;
	height: 9px;
}

.icon3-dbl-arrow-white {
	background-position: -60px 0px;
	width: 12px;
	height: 13px;
}

.icon3-dbl-arrow {
	background-position: -72px 0px;
	width: 12px;
	height: 13px;
}

.icon3-dbl-arrow-right-white {
	background-position: -84px 0px;
	width: 12px;
	height: 13px;
}

.icon3-dbl-arrow-right {
	background-position: -96px 0px;
	width: 12px;
	height: 13px;
}

.icon3-dot {
	background-position: 0px 0px;
	width: 4px;
	height: 4px;
}

.icon3-dot_hover,
.icon3-dot:hover {
	background-position: -4px 0px;
	width: 4px;
	height: 4px;
}

.icon3-expand {
	background-position: -41px 0px;
	width: 9px;
	height: 5px;
}

.icon3-feedback {
	background-position: -218px 0px;
	width: 20px;
	height: 20px;
}

.icon3-feedbackT {
	background-position: -314px 0px;
	width: 28px;
	height: 28px;
}

.icon3-fold {
	background-position: -50px 0px;
	width: 10px;
	height: 20px;
}

.icon3-menu {
	background-position: -238px 0px;
	width: 20px;
	height: 16px;
}

.icon3-pageL {
	background-position: -20px 0px;
	width: 7px;
	height: 13px;
}

.icon3-pageL_hover,
.icon3-pageL:hover {
	background-position: -13px 0px;
	width: 7px;
	height: 13px;
}

.icon3-pageR {
	background-position: -34px 0px;
	width: 7px;
	height: 13px;
}

.icon3-pageR_hover,
.icon3-pageR:hover {
	background-position: -27px 0px;
	width: 7px;
	height: 13px;
}

.icon3-person {
	background-position: -108px 0px;
	width: 14px;
	height: 14px;
}

.icon3-play {
	background-position: -533px 0px;
	width: 80px;
	height: 80px;
}

.icon3-round-next:hover {
	background-position: -466px 0px;
	width: 32px;
	height: 64px;
}

.icon3-round-next {
	background-position: -434px 0px;
	width: 32px;
	height: 64px;
}

.icon3-round-prev:hover {
	background-position: -402px 0px;
	width: 32px;
	height: 64px;
}

.icon3-round-prev {
	background-position: -370px 0px;
	width: 32px;
	height: 64px;
}

.icon3-service {
	background-position: -498px 0px;
	width: 35px;
	height: 24px;
}

.icon3-star-white {
	background-position: -342px 0px;
	width: 28px;
	height: 28px;
}

.icon3-star {
	background-position: -258px 0px;
	width: 28px;
	height: 28px;
}

.icon3-tip-warning-small {
	background-position: -199px 0px;
	width: 19px;
	height: 19px;
}

.icon3-top {
	background-position: -286px 0px;
	width: 28px;
	height: 15px;
}

.icon3-trash {
	background-position: -152px 0px;
	width: 15px;
	height: 16px;
}

.icon3-trash_hover {
	background-position: -137px 0px;
	width: 15px;
	height: 16px;
}

.icon3-user {
	background-position: -183px 0px;
	width: 16px;
	height: 16px;
}

.icon3-user_dark {
	background-position: -167px 0px;
	width: 16px;
	height: 16px;
}

.modal-back,
.modal-dialog {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10000;
}

.modal-back {
	background: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.modal-dialog-wrapper {
	width: auto;
	min-width: 200px;
	display: inline-block;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	text-align: left;
	position: absolute;
	left: 50%;
	top: 50%;
}

.modal-dialog-header {
	padding: 0 20px;
}

.modal-dialog-header div {
	border-bottom: 1px solid #f0f0f0;
}

.modal-dialog-header .close-icon {
	display: inline-block;
	float: right;
	cursor: pointer;
	margin-top: 24px;
}

.modal-dialog-header h4 {
	margin: 0;
	font-size: 18px;
	color: #333;
	line-height: 60px;
}

.modal-dialog-body {
	padding: 20px;
}

.alert-dialog .modal-dialog-body {
	padding: 8px;
}

.alert-dialog-header {
	text-align: right;
}

.alert-dialog-header i {
	cursor: pointer;
}

.alert-dialog-content {
	text-align: center;
}

.alert-dialog-content h4 {
	font-size: 18px;
	color: #333333;
	margin-top: 16px;
}

.alert-dialog-content p {
	font-size: 14px;
	color: #999;
	margin-top: 12px;
}

.alert-dialog-footer {
	text-align: right;
	margin-top: 30px;
}

.alert-dialog-footer .btn {
	width: 68px;
	height: 32px;
	font-size: 14px;
	color: #333;
}

.alert-dialog-footer .btn:hover {
	background: #F5F5F5;
}

.alert-dialog-footer .confirm {
	background: #43ACF7;
	color: #fff;
	margin-left: 10px;
}

.alert-dialog-footer .confirm:hover {
	background: #29e;
}

/*课程列表样式*/
.course-list-medium li {
	float: left;
	width: 280px;
	height: 262px;
	background: #fff;
	margin-right: 20px;
	margin-bottom: 20px;
	transition: all .2s linear;
	font-size: 0;
	cursor: pointer;
	position: relative;
	top: 0;
}

.course-list-medium li.last {
	margin-right: 0;
}

.course-list-medium li:hover {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	top: -2px;
}

.course-list-medium li a {
	display: block;
	height: 100%;
	width: 100%;
}

.course-list-medium li img {
	width: 100%;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.course-list-medium li .new-course-icon {
	position: absolute;
	left: -4px;
	top: 3px;
	z-index: 2;
}

.course-list-medium li .course-cover {
	height: 157px;
	background: #d9d9d9;
	position: relative;
	text-align: center;
}

.course-list-medium li .course-pogress-border {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #aeaeae;
	background: rgba(0, 0, 0, 0.2);
}

.course-list-medium li .course-pogress-border .course-pogress-show {
	height: 100%;
	background: #38bd60;
}

.course-list-medium li .course-desc {
	padding: 16px 20px;
	padding-top: 20px;
}

.course-list-medium li .course-desc h5 {
	font-size: 14px;
	color: #333;
	font-weight: 600;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	-ms-word-break: keep-all;
	word-break: keep-all;
	overflow: hidden;
	margin-bottom: 8px;
}

.course-list-medium li .course-desc p {
	font-size: 12px;
	color: #666;
	margin-bottom: 16px;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	-ms-word-break: keep-all;
	word-break: keep-all;
	overflow: hidden;
}

.course-list-medium li .course-desc .course-desc-footer {
	overflow: hidden;
	font-size: 12px;
	line-height: 1;
	color: #666;
}

.course-list-medium li .course-desc .course-whole-time {
	margin-right: 20px;
}

.course-list-medium li .course-desc .free-mark {
	float: right;
	color: #38bd60;
}

/*系列课程列表样式*/
.series-list-medium li {
	position: relative;
	height: 373px;
	float: left;
	width: 280px;
	background: #fff;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 0;
	cursor: pointer;
	position: relative;
	top: 0;
	transition: all .3s linear;
}

.series-list-medium li.last {
	margin-right: 0;
}

.series-list-medium li:hover {
	top: -2px;
}

.series-list-medium li:hover .series-course-list-footer {
	background: #24b6f2;
	background: rgba(36, 182, 242, 0.8);
}

.series-list-medium li:hover .course-long-cover {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.series-list-medium li a {
	display: block;
	height: 100%;
	width: 100%;
}

.series-list-medium li img {
	width: 100%;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.series-list-medium li .course-long-cover {
	height: 100%;
	background: #d9d9d9;
	text-align: center;
	transition: all .3s linear;
}

.series-list-medium li .series-course-list-footer {
	position: absolute;
	height: 48px;
	line-height: 48px;
	width: 100%;
	padding: 0 20px;
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	left: 0;
	font-size: 14px;
	color: #fff;
	transition: all .3s linear;
}

.series-list-medium li .series-course-list-footer .series-course-list-footer-r {
	float: right;
}

i[class*='icn-'] {
	display: inline-block;
	background-image: url("icons/spritev7.png");
	background-image: -webkit-image-set(url("icons/spritev7.png") 1x, url("icons/spritev7@2x.png") 2x);
	background-image: -moz-image-set(url("icons/spritev7.png") 1x, url("icons/spritev7@2x.png") 2x);
	background-image: -ms-image-set(url("icons/spritev7.png") 1x, url("icons/spritev7@2x.png") 2x);
	background-image: -o-image-set(url("icons/spritev7.png") 1x, url("icons/spritev7@2x.png") 2x);
	background-image: image-set(url("icons/spritev7.png") 1x, url("icons/spritev7@2x.png") 2x);
	background-repeat: no-repeat;
	background-size: auto;
}

.icn-bell:hover {
	background-position: -136px -148px;
	width: 14px;
	height: 16px;
}

.icn-bell {
	background-position: -164px -148px;
	width: 14px;
	height: 16px;
}

.icn-cour {
	background-position: 0px 0px;
	width: 120px;
	height: 120px;
}

.icn-down {
	background-position: -162px -136px;
	width: 10px;
	height: 6px;
}

.icn-home:hover {
	background-position: -152px -120px;
	width: 16px;
	height: 16px;
}

.icn-home {
	background-position: -184px -120px;
	width: 16px;
	height: 16px;
}

.icn-left-big {
	background-position: -120px -120px;
	width: 16px;
	height: 28px;
}

.icn-left-dark {
	background-position: -226px -148px;
	width: 8px;
	height: 14px;
}

/* .icn-left:hover {
    background-position: -120px -164px;
    width: 8px;
    height: 14px;
} */
.icn-left {
	background-position: -128px -164px;
	width: 8px;
	height: 14px;
}

.icn-org {
	background-position: -120px 0px;
	width: 120px;
	height: 120px;
}

.icn-reload:hover {
	background-position: -192px -148px;
	width: 13px;
	height: 16px;
}

.icn-reload {
	background-position: -205px -148px;
	width: 13px;
	height: 16px;
}

.icn-right-big {
	background-position: -136px -120px;
	width: 16px;
	height: 28px;
}

.icn-right-dark {
	background-position: -136px -164px;
	width: 8px;
	height: 14px;
}

.icn-right-op {
	background-position: -232px -120px;
	width: 8px;
	height: 14px;
}

.icn-right {
	background-position: -218px -148px;
	width: 8px;
	height: 14px;
}

.icn-search:hover {
	background-position: -200px -120px;
	width: 16px;
	height: 16px;
}

.icn-search {
	background-position: -216px -120px;
	width: 16px;
	height: 16px;
}

.icn-stu {
	background-position: 0px -120px;
	width: 120px;
	height: 120px;
}

.icn-up {
	background-position: -152px -136px;
	width: 10px;
	height: 6px;
}

.icn-v-bell:hover {
	background-position: -150px -148px;
	width: 14px;
	height: 16px;
}

.icn-v-bell {
	background-position: -178px -148px;
	width: 14px;
	height: 16px;
}

.icn-v-home:hover {
	background-position: -120px -148px;
	width: 16px;
	height: 16px;
}

.icn-v-home {
	background-position: -168px -120px;
	width: 16px;
	height: 16px;
}

.icn-v-up {
	background-position: -172px -136px;
	width: 10px;
	height: 6px;
}

body {
	background: #f5f5f5;
}

.cat-banner,
.course-series-wrapper {
	width: 1200px;
	padding: 0 10px;
	margin: auto;
}

.cat-banner {
	height: 420px;
	position: relative;
	margin-top: 22px;
}

.cat-banner a {
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	margin-right: 22px;
}

.cat-banner a:hover {
	color: #24b6f2;
}

.cat-banner a.last {
	margin-right: 0;
}

.cat-banner .banner {
	height: 100%;
	position: relative;
}

.cat-banner .banner a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #d9d9d9;
	text-align: center;
	font-size: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

.cat-banner .banner a.current {
	z-index: 2;
	opacity: 1;
	filter: alpha(opacity=100);
}

.cat-banner .banner a img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.cat-banner .banner .banner-next,
.cat-banner .banner .banner-prev {
	position: absolute;
	right: 6px;
	top: 50%;
	margin-top: -30px;
	width: 30px;
	height: 60px;
	z-index: 3;
	text-align: center;
	font-size: 0;
	cursor: pointer;
}

.cat-banner .banner .banner-next:hover,
.cat-banner .banner .banner-prev:hover {
	background: #000;
	background: rgba(0, 0, 0, 0.2);
}

.cat-banner .banner .banner-next i,
.cat-banner .banner .banner-prev i {
	vertical-align: middle;
}

.cat-banner .banner .banner-prev {
	left: 6px;
}

.cat-banner .banner .banner-page {
	font-size: 0;
	position: absolute;
	z-index: 3;
	bottom: 10px;
	right: 18px;
}

.cat-banner .banner .banner-page span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin: 0 10px;
	background: #ccc;
	background: rgba(255, 255, 255, 0.6);
	cursor: pointer;
}

.cat-banner .banner .banner-page span.current {
	background: #fff;
}

.cat-banner .cat-list {
	position: absolute;
	left: 10px;
	top: 0;
	z-index: 5;
	height: 100%;
	width: 220px;
	background: #666;
	background: rgba(0, 0, 0, 0.6);
}

.cat-banner .cat-list li {
	padding: 0 10px;
	color: #fff;
	cursor: pointer;
}

.cat-banner .cat-list li.last .cat-list-item-wrapper {
	border: none;
}

.cat-banner .cat-list li:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.2);
}

.cat-banner .cat-list li:hover .sub-cat {
	display: block;
}

.cat-banner .cat-list li:hover i {
	background-position: -152px -164px;
}

.cat-banner .cat-list li .cat-list-item-wrapper {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	padding: 20px;
}

.cat-banner .cat-list h4 {
	font-size: 16px;
	line-height: 18px;
	float: left;
}

.cat-banner .cat-list h4 a {
	font-size: inherit;
	display: block;
	margin: 0;
}

.cat-banner .cat-list i {
	float: right;
	margin-top: 2px;
}

.cat-banner .cat-list .cat-list-item-title {
	overflow: hidden;
}

.cat-banner .cat-list .cat-list-item-link {
	margin-top: 21px;
}

.cat-banner .sub-cat {
	position: absolute;
	left: 220px;
	top: 0;
	z-index: 5;
	height: 100%;
	width: 280px;
	background: #fff;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
	display: none;
}

.cat-banner .sub-cat.long-cat {
	padding-right: 120px;
	width: 660px;
}

.cat-banner .sub-cat .cat-link {
	position: relative;
	left: -22px;
}

.cat-banner .sub-cat a {
	color: #666666;
	margin: 0;
	margin-left: 22px;
	margin-bottom: 10px;
	display: inline-block;
}

.cat-banner .sub-cat a:hover {
	color: #24b6f2;
}

.cat-banner .sub-cat h4 {
	font-size: 16px;
	margin-bottom: 20px;
	float: none;
}

.cat-banner .sub-cat h4 a {
	color: #333;
}

.cat-banner .sub-cat .sub-cat-item {
	padding: 30px 0 20px 30px;
}

/*course list*/
.course-series-wrapper {
	padding: 40px 10px 50px;
}

.course-series-wrapper h4 {
	font-size: 24px;
	color: #333;
	margin-bottom: 20px;
}

.course-series-wrapper .course-series-wrapper-title {
	overflow: hidden;
}

.course-series-wrapper .more-course {
	float: right;
	font-size: 14px;
	color: #666;
	display: block;
	height: 14px;
	line-height: 1;
	margin-top: 5px;
}

.course-series-wrapper .more-course:hover {
	color: #24b6f2;
}

.course-series-wrapper .more-course:hover i {
	background-position: -144px -164px;
}

.course-series-wrapper .more-course span,
.course-series-wrapper .more-course i {
	display: inline-block;
	vertical-align: middle;
}

.course-series-wrapper .more-course span {
	margin-right: 8px;
}

.series-course {
	background: #ebebeb;
}

.awesome-course li.row-one {
	margin-bottom: 20px;
}

.free-course,
.awesome-course,
.series-course .course-series-wrapper {
	padding-bottom: 30px;
}

.course-series-wrapper-title {
	overflow: hidden;
}

.course-series-wrapper-title-left {
	float: left;
	font-size: 0;
	margin-bottom: 20px;
}

.course-series-wrapper-title-left h4,
.course-series-wrapper-title-left div {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}

.course-series-wrapper-title-left h4 {
	margin-right: 30px;
}

.course-series-wrapper-title-left div {
	width: 70px;
	height: 30px;
	margin-right: 10px;
	line-height: 30px;
	border-radius: 2px;
	text-align: center;
	font-size: 14px;
	color: #333;
	background: #fff;
	cursor: pointer;
}

.course-series-wrapper-title-left div.current,
.course-series-wrapper-title-left div:hover {
	background: #24b6f2;
	color: #fff;
}

.course-series-wrapper-title-left .more-course {
	margin-top: 8px;
}

.question {
	background: #ebebeb;
}

.question h4 {
	float: left;
	color: #fff;
}

.question h4.question-title {
	color: #333;
}

.question .reload {
	float: right;
	font-size: 0;
	color: #fff;
	height: 16px;
	line-height: 16px;
}

.question .reload:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.question .reload i,
.question .reload span {
	vertical-align: middle;
	display: inline-block;
}

.question .reload span {
	font-size: 14px;
}

.question .question-box {
	width: 294px;
	margin-right: 1px;
	margin-bottom: 1px;
	height: 150px;
	float: left;
	position: relative;
	color: #fff;
	text-align: center;
	font-size: 0;
	cursor: pointer;
}

.question .question-box:hover {
	z-index: 2;
}

.question .question-box:hover div {
	transform: scale(1.05);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.question .question-box:hover img {
	opacity: 0.05;
	filter: alpha(opacity=5);
}

.question .question-box div {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s linear;
}

.question .question-box img {
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.3s linear;
}

.question .question-box h4 {
	position: relative;
	font-size: 18px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.question .question-box h4.em {
	font-size: 24px;
}

.jin-course .course-series-wrapper-title-left {
	font-size: 14px;
	color: #666;
	float: none;
}

.jin-course .course-series-wrapper-title-left h4,
.jin-course .course-series-wrapper-title-left p {
	vertical-align: bottom;
}

.jin-course .course-series-wrapper-title-left h4 {
	margin-right: 20px;
}

.jin-course .course-series-wrapper-title-left p {
	display: inline-block;
}

.jin-course ul li {
	width: 380px;
	height: 380px;
	margin-right: 20px;
	position: relative;
	top: 0;
	float: left;
	background: #fff;
	margin-right: 20px;
	font-size: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #d9d9d9;
	display: block;
	transition: all .3s linear;
}

.jin-course ul li.last {
	margin-right: 0;
}

.jin-course ul li:hover {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
	top: -2px;
	cursor: pointer;
}

.jin-course ul li:hover h4 {
	background: #24b6f2;
	background: rgba(36, 182, 242, 0.8);
}

.jin-course ul li h4 {
	height: 70px;
	width: 100%;
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	color: #fffefe;
	text-align: center;
	font-size: 0;
	transition: all .3s linear;
}

.jin-course ul li h4 div {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
}

.jin-course ul li h4 span {
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
	display: block;
}

.course-advantage {
	background: #ebebeb;
}

.course-advantage .course-advantage-wrapper {
	width: 1200px;
	padding: 0 10px;
	margin: auto;
	height: 400px;
}

.course-advantage .course-advantage-wrapper ul {
	height: 100%;
}

.course-advantage .course-advantage-wrapper li {
	width: 380px;
	height: 100%;
	float: left;
	margin-right: 20px;
	text-align: center;
	font-size: 0;
}

.course-advantage .course-advantage-wrapper li.last {
	margin: 0;
}

.course-advantage .course-advantage-wrapper li i {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	display: inline-block;
}

.course-advantage .course-advantage-wrapper li h4 {
	font-size: 18px;
	color: #333;
	margin-top: 40px;
	margin-bottom: 16px;
}

.course-advantage .course-advantage-wrapper li p {
	font-size: 14px;
	color: #666;
	line-height: 28px;
}

.course-advantage .course-advantage-wrapper li .in {
	display: inline-block;
	vertical-align: -126px;
}

.course-start {
	height: 500px;
	background: url(./images/start.jpg) center no-repeat;
	background-size: auto 100%;
	background-size: cover;
	color: #fff;
	text-align: center;
}

.course-start h2 {
	font-size: 36px;
}

.course-start a {
	width: 260px;
	height: 60px;
	margin-top: 82px;
	line-height: 52px;
	border-radius: 4px;
	border: 2px solid #fff;
	background: transparent;
	font-size: 20px;
}

.course-start a:hover {
	background: rgba(255, 255, 255, 0.2);
}

.course-start .course-start-wrapper {
	display: inline-block;
	vertical-align: middle;
}

.probe0 {
	background-color: #be88e3;
}

.probe1 {
	background-color: #5984f2;
}

.probe2 {
	background: #ed8683;
}

.probe3 {
	background: #71cae6;
}

.probe4 {
	background: #70bfe5;
}

.probe5 {
	background: #5ccec2;
}

.probe6 {
	background: #9786f0;
}

.probe7 {
	background: #f3bb73;
}

.question-dialog {
	text-align: center;
}

.question-dialog .modal-dialog-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -330px;
	margin-top: -224px;
}

.question-dialog .modal-dialog-wrapper {
	height: 448px;
}

.question-dialog .question-dialog-list-wrapper {
	padding: 20px;
	background: #f5f5f5;
	display: inline-block;
	width: 620px;
	overflow: hidden;
}

.question-dialog .modal-dialog-body {
	position: relative;
}

.question-dialog .qd {
	position: relative;
	left: 0;
}

.question-dialog .qd li {
	margin-bottom: 0;
}

.question-dialog .page-ex {
	position: absolute;
	right: 20px;
	bottom: 10px;
	font-size: 0;
}

.question-dialog .page-ex span {
	display: inline-block;
	width: 40px;
	height: 26px;
	border: 1px solid #ebebeb;
	position: relative;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
}

.question-dialog .page-ex span:hover {
	z-index: 2;
}

.question-dialog .page-ex span.right:hover i {
	background-position: -144px -164px;
}

.question-dialog .page-ex span.disable:hover {
	border: 1px solid #ebebeb;
	z-index: 1;
}

.question-dialog .page-ex span:hover i {
	background-position: -120px -164px;
}

.question-dialog .page-ex span.disable i {
	background-position: -128px -164px;
}

.question-dialog .page-ex span.disable.right i {
	background-position: -218px -148px;
}

.question-dialog .page-ex span.right {
	left: -1px;
}

.question-dialog .page-ex span i {
	vertical-align: middle;
}

.question-dialog .no-ans {
	text-align: left;
	padding-top: 20px;
}

.question-dialog .no-ans a {
	font-size: 12px;
	color: #666;
}

.question-dialog .no-ans a:hover {
	color: #24b6f2;
}