.sidebar {
	width: 64px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -200px;
	z-index: 100;
	list-style: none
}

.sidebar .sidebarUl {
	width: 64px;
	height: auto;
	border-radius: 8px 0 0 8px;
	box-shadow: -2px 0 8px 0 rgba(0,0,0,.08);
	background: #fff
}

.sidebar .registerBtn span {
	color: #ff8400!important
}

.sidebar .anniversaryBtn {
	width: 100%;
	height: 67px;
	margin-bottom: 3px;
	background: none
}

.sidebar .anniversaryBtn .anniversaryLink {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../_/components/sidebar/images/anversary.png) no-repeat 0 0/cover
}

.sidebar li {
	height: 69px;
	width: 100%;
	position: relative;
	text-align: center
}

.sidebar li a {
	display: block
}

.sidebar li i {
	display: block;
	width: 44px;
	border-top: 1px solid #e6e6e6;
	height: 38px;
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0 auto
}

.sidebar li .line {
	height: 1px;
	background: none
}

.sidebar li .icon-earphone {
	border-top: none
}

.sidebar li .icon-gift {
	background-image: url(../_/components/sidebar/images/btn-registry.png)
}

.sidebar li .icon-earphone {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACNElEQVRIS7WUT2gTQRTGv7ebDRET8Sb+OQQRAhZhO0OskQrqTVAQ8eRN8SCIrSAo4qHtQURBsBXBg+jNkwdBwZsWLIYa3utSQSiI9OAfvEmTImS7+2SlKUn6Jza0c5z5vt98897MEDqMvr6+HWEYHiWiPYlUVb95njc+OTn5ay0rrbbo+76fSqXuqOpBVX1HRLOL4DwRHSOijwsLCzeDIAhWYqwINsZcJqJbRDSiqk+ZOWw2W2s9IrqgqkOqeltEHrXDl4GttZcADEZRdCIIgn8p1zhV3nXdNwBGmflxs64F3Nvbu99xnLeO4xyuVCpfO9U/WS8Wi3vjOP4Qx/Hxqampzw1PC9gY8wLAhIg8+B9oQ2OMuQqgX0TOLgP7vr/ddd3ZdDq9s1wu/1kPuFQqbanX6z+jKMoHQfA78S4lttaeBnCRmU+uB9rQWmtfA3jCzC/bwVcA7GPmwS7BowC+MPPDFrAxZig5gYgMdwM2xiQ+FZGR9sQHkglm/tQN2Frb4m+u8TkAAwASwbyqPhORG2ttYoy5S0TnAWwFkAQaY+bnS4mttWMAjhDRdc/zJqrV6rZ0Ov1DRNwO4Kher+/K5XJzYRj2q+o9AO+ZeYCKxeKZOI5HwjA8ND09Pd/UZWXmVf+SRGetbdH09PRkM5lM2XGcITLGjAO4LyKv2v6DdYMTvzHmFIBrZK2dq9Vqu2dmZqobAS4UCrlsNvt988CbVopNa95idzf+ujVdr41/IN084U6ev9o+RsrM/DF7AAAAAElFTkSuQmCC);background-size: 18px
}

.sidebar li .icon-wechat {
	background-image: url(../_/components/sidebar/images/wechat.png);
	background-size: 26px 22px
}

.sidebar li .icon-phone {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAq0lEQVRIS2NkQAImJiat//79K2ZkZGRHFifE/v///08mJqbeM2fOVMPUMiJrMjIy+vHz50+pq1evviNkGLK8tra2EDs7+7Nz585xYDXY2Nj4/9mzZ1EsI9YCdL0ohtDU4P///zcQ60pkdYyMjA3IvsVwMc0MHnphPOpicMqhaToeemFMswxCM4PpHsbGxsaHQSnn7NmzttgKKbKLTZoZTKgoxetimlVN1KxMAT7iyBc7+Ze1AAAAAElFTkSuQmCC);background-size: 18px
}

.sidebar li .icon-coin {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACNUlEQVRIS7WVzWsTYRDGn4F3Q0BBJDlFkEDRgiFZ2NmLggdP4qUV/Ch68uapB0EKnsSTIEoP+hd4ECoqtiCCCB4EvewshFDRghIE6yVBEMGYfWHkbbt1XZI0VbKwl9nhNzPPfCxhyFOv1/d7njdLRDMAjgCobLmuA3inqitJkiy3Wq1vgxCUN1ar1WKpVLoCwL2vACxbayNrrQPCGFMxxoQAZgGcALDY7XYX2+12L8v6C+z7/gHP854C+KyqCyLycVhFzs7MU0R0C8DBJElON5vNL6n/NthBjTFvANwVkdujgPlvzHwVwLy19lgK3wC78svl8mtVXcpCgyA4GcfxCwCahTGzR0QXoii6n9odnIjmOp3OcSfLBpiZrxFRGEXRmSwgDMOXqvpJRC6ncAcF8BCAFZFzOf/HqhqJyE1y3S8UCh8AHM1r2mg09hhjnhHRmoMzs9mCOt55EUlylUwBeNvv96cpCIJLRHRKROYG6ZrCAXwFsI+Ifg2CZiRZUtXnxMxPADwSkQfDGubgnuctAPgJ4E4+01zWFwGcdeD31tqZZrO5tptJGObr+/5hY8yKA3/v9XqV1dXVH7nILtChHYI57aezPrVabW+xWFwfCs4DgyC47mxxHN8YFSwLHkuKccFZKQY2j5n/SQpm3mzeTuOWlj1uxsy8OW6jFiSr5Thgd5S2F2TUSuemZF5VNY7je8OaF4bhn5UedYR2M9cDj5ADTORspplN5NCn8In8mrKa/u/P9DcKNF3IqqQBrAAAAABJRU5ErkJggg==)
}

.sidebar li .icon-edit {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA8klEQVRIS+3VPQ6CMBQH8H+JkLg4eAhNXAx5LFzEC+jiiVz0Al6EhRfi4uAhHFxMwFBTAo0DH23Rzc7tr++9tq8CPxrimy4R+WVZrrIsu1QwER0A7ABMLDe6MfOyNnwAZyHEPU3TbQMXQRDMkiR5WsLVdBWpQuu1G2YuGlgys1NZ2lC1wSi4Cx0F96HOcBdKROowF05wX6REpM/KqsZD6TvBQ2h97ewiNkGd4CiKTlLKOYDq8nc9IutShGG49jzv2oc6RWz6zK0j/sOmFdDz2mo8qh8rOY7jaZ7nD2ZWvVm3Tdcf5DOrF4AjM+81bJ2zwYI3wuvOFyRMNNMAAAAASUVORK5CYII=)
}

.sidebar li .icon-uparrow {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABfUlEQVRIS+3Uv0pjQRQG8O/cW6bzLZZ0Myc+QKLBEBVXthFkYWFBEIRttrDYwkIQbCzEQhALER9kEZabO5OQbURWdtHa2iJkviXBG6LG/BHSOeXMOb+B7zAjmNKSKbl4h3vJjh2Fqs6TvHPOXY0zl7FgVV0jeQCgTXLBe98chY+EjTHrIrIXQijHcfyB5GEURZVardYYhg+FVfUzyV0A81kExpiPInIEoOqc86/hr8LGmC8ishPH8VySJNf9gKoukzwOISzW6/V0ED4QttZ+BfCDZMl7/2dQo7W2CuBERJbTNE2e17yAjTEbIrINoOScuxmWo6pWSJ6SXPHe/+qvfQJbazcBfG+1WsVms/l31OQ759baMoAzEVlN0/Qy6+nB1totAN/a7Xap0Wj8GwfNagqFwlwI4ZzkJ+/9z85+F36c9D6AonPudhI0qzXGFAFcRFG01Mm8C+fz+ZlcLidJkty/Bc16VHWW5INz7vfIB/LWi97hyb/NSbOeWsb/AWqWkBcJVQU2AAAAAElFTkSuQmCC)
}

.sidebar li span {
	text-align: center;
	font-size: 12px;
	line-height: 17px;
	margin-top: 4px;
	color: #333
}

.sidebar li:first-child i {
	border-top: none
}

.sidebar li:hover span {
	color: #3592e2
}

.sidebar li:hover .icon-gift {
	background-image: url(../_/components/sidebar/images/btn-registry.png)
}

.sidebar li:hover .icon-earphone {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACRUlEQVRIS7WUXWiSURjH/8+rL2I2kWBEHxcSXQVBsIgWC1xInvNaFhFddFd0EURbMCiiC/MioiBoi6CLqLsuRhdl+Z6jSRMaCdEgGHQVsYs+iEHIhom8+p7QdKhzs4k+l+f8/7/n43wQOkQkHdlqla0AFHZWpYRvukPPxIPxX+tZaa1NI2Xsg8JtpdQBADMAFmpaP4BRIvoAwnXzqPmpHaMt2JDGJQV1Q2kqtrhl8cnc/jmr0Tz0cUgf/D14nmyKEuiWycyHrfBVYEMaF23Y41Dgkst6lW0bY4L5QRAatEmTmY8aRU1gnuZ7UMJbzakdSgQTXzvNv7IfTod32SX7PZw4IoLic93TDJb8OYBZwcT9/4HWNVzyKwBGBBOnV4EDMwGfu+heyC3ltmXPZAsbAQ9PD7t9Xt/Pgqvgz4xmcv8uTy14kp8kRRdMZh7bCLSuNaTxWpF6LELiRSv4soLaLUNyvBswS7JJAn0RIfGgCcwEi1Y6kFze7AosWMWnJJexJrCRMPZWFsywOd8NuNW/MmNDGmcV1BiASoI8gKeCiWvrJeGS3wFwDoAHwDyBpkxmPlupmCf5FIDDBLrqGfDMFv8UvVbJ+iGYcHQAl3Wnvt21ybWUX86PKKi7AN6JkBij8JvwKbtsx8pUPpgKpSqVVoNLrgQTa/4l7TSB6cBmt9ed1RxalHiSZwDcEyHxqrG6bsDVZEl+HMAEccmX9KK+I34ivtwLcORlZMByWd/7CO7XKPp2eLWB9/66NXwivX8g3TzhTp6/l4k8+gKcnDYAAAAASUVORK5CYII=)
}

.sidebar li:hover .icon-wechat {
	background-image: url(../_/components/sidebar/images/hover-wechat.png)
}

.sidebar li:hover .icon-phone {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAArElEQVRIS2NkQAKeOzxbGRgYihkYGNiRxYlg/2RgYOjd7rG9GqaWEc3gH/8Y/knt9Nj5jgjD4Ercd7gLMTEwPdvusZ0Dl8H/t3tsR7GMWAs8d3ii6EV3Me0M/s/4v4FYVyKrY/zP2IDsWwwX08zgoRfGoy4Gpxz0RE5Kshu4DEKzyKNZBqGZwTQLClwGe+7wPAxKJds9tttiSy1kpwqaGUwoTRNyMc2qJqpVpgASF7oX7uaiVAAAAABJRU5ErkJggg==)
}

.sidebar li:hover .icon-coin {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAACXklEQVRIS7WVTWsTURSG3zOT1iYKImgWFdwULbhNNgpCCpLcO42N4EfRlTtXXRSk4EpcCVLpQn+BC6FFxcZm7qQUEhB0k2xFA7oQjNAWBJGkTZM5MmMnTodMmgqd5Zlzn3vue74IId/kyuQJ1jnHGk+BcR7A6K5rHYSPZFOeOrRcyBZ+9kJQ0JgqpUZiW7FZJp5lcEmDtowIKg29UXd8Y53YKNpI2rBzBJogpoXGSGOhPFHe8rP2gLNvs6c7w503xPSNbZ5ThvoS9iLHLk05Rho9ZuIzeku/unJl5bvn3wW70KHOexCeqoya7wcM/pNFeQ+MGX1Hv+jBXbDz/Ggr+g7Aoh8qlMhYwloFgf2wRCUxFN+M31JCPffsLhyYbg43LzmyuGBDGfdBSJrCvOYHSEuugfBVpdVdD74LXQKjraS64fc3LOMVGBVTmo/Iyb4dsT/DxoWgpuli+qgOvQCg5sAT1UQkvhlfcmDrJ9dvVpPVnT2BmHIMGj5obW2cjFXjjm3b0hLWdC9dffAfYBwHsN0L6p0VlljUWFMki/I1Mb00hfkiLGEunPU5Zm5unNp4Eow0IMdtJr5O0pKfKEJT5mWzdpBKCPM11oxz3Oa8A/7VPNIcLU+UfwcS51x0dp/Lakqocb9PqpQ6Ft2O1kPBQaAoigeOzcpYD/td5gcPJMWg4H9ShCRPWvK/pDAs42/y9iu3bhkNKEW33Po1iF/LQaRwhlK3Qfq1dKCrZqCBlVDPQkvN39L9htBB6rrnEHIAhzI2vcgOZdB78ENZTX5N3WU6zDnmkGVKlKdW+DL9A3VvgeBXTRXgAAAAAElFTkSuQmCC)
}

.sidebar li:hover .icon-edit {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA90lEQVRIS2NkoBFgpKa5xmeMWSXfSGpt8dhyEWyw5w7P6QwMDCkMDAwsJFp0a7vHdnWQHpChYm/EVjEwMLzb7rE9GWbw7w98H/iOWx3/TqLBYOVIhjK8EnkVdtbk7G+Ywf+3e2wnK1iwGQqyjCKDcRlKkcH4DCXbYFyGeu7wBEWmGlkG43Op5w5PeFyRFMaEvE+WwYQMheYH0lxMjKFkGey5w3MuAwODECzx48pEJAeFzw4f/eciz6+BchS+nEmywcRm81GD4SFF16CgqDwGOdnymCWnwCeBT9s9trMilxXk1iDICeYPAwPDnO0e2zPhBhObnEhRBwAJRusXGH0riwAAAABJRU5ErkJggg==)
}

.sidebar li:hover .icon-uparrow {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABiElEQVRIS+3UvUoDQRAH8Jm7PIFv4Qv4APm4248oKjaCCIIgCIKNhYWFhSDYWIiFIBYiPoDJ7e0aKxFEREQbEUXR2trCuxlJICFqzIeQzi13Z34L/2EXoU8L++TCP9xItusolFWFBJJXF7q7bubSFayMmiSkTQRMmVnEMr7phHeEhRNTyLgOPgTIOMgpb6GHMgqi63Z4W1jGchoA1jKYKRyFR7UIhBNjSLhNQNoKe/Ub/iusYjXDyKvoYz7KR/fNgHZ6hIh20MNiFESXrfCWsHJqlolXCChnhX1o1aiPtaaUdn3wR0qidPG95gcsjJhDxGUgyBllHtvlKK2UCLjHHo+agjlvrv0Ca6vniWkpxTTrQvfUafLVc+lkAAT74MG4CcxZvacBSysXAGCRiXOxjJ+7Qes1uqLzlNCBB95EWZRPq/s1WBgxhogbH/5HtlKovPSC1mullVlgOPTBH65mXoPDOBxIMgme5E/e/oLWe4pxcYhSeo90dNvxgfz1on+492+z16z7lvEnRY6TF+NP2xsAAAAASUVORK5CYII=)
}

.sidebar .goTopBtn {
	height: 49px;
	display: none;
	cursor: pointer
}

.sidebar .goTopBtn i {
	height: 35px
}

.sidebar .goTopBtn span {
	line-height: 14px;
	margin-top: 0;
	visibility: hidden;
	display: block;
	text-align: center
}

.sidebar .goTopBtn:hover i {
	height: 28px
}

.sidebar .goTopBtn:hover span {
	visibility: visible;
	margin-top: -5px
}

.sidebar .consult-tip {
	display: none!important;
	position: absolute;
	background: url(https://res.hjfile.cn/classec/pages/home/components/sidebar/images/tooltip-997c0.png) no-repeat;
	cursor: default;
	width: 172px;
	height: 146px;
	box-sizing: border-box;
	padding: 12px 8px 15px 0;
	text-align: center;
	color: #666;
	font-size: 12px;
	right: 64px;
	top: -40px;
	opacity: 0
}

.sidebar .consult-tip .consult-tip-close {
	position: absolute;
	top: 8px;
	right: 16px;
	width: 11px;
	height: 11px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAsUlEQVQoU4WRsQ3CQAxFv0XWQKJjBETHFF/KBpQpaFiADiE2oItwpqCKKCnTUWSMREYX5SJiTuLKu/fte7ao6qLv+2We52/8OVKW5SrLsqeZkeTD86q6BXAjuZbwWFXVDsDdBwIoIjre1wOcCngwMBPsAicROcSKseAMHgMFgIuZFSSv3w4zOLYGcAZw9A4T7P+Ykh7glExKOo7uZWZ7krWfc+zQdd3mRzC1xLC4pmnaDwqCg6UWw1uEAAAAAElFTkSuQmCC) no-repeat;background-position: 50%;
	cursor: pointer
}

.sidebar .consult-tip .consult-light {
	background: url(https://res.hjfile.cn/classec/pages/home/components/sidebar/images/light-905ba.png) no-repeat;
	background-position: 50%;
	width: 21px;
	margin: 0 auto;
	height: 34px;
	margin-bottom: 9px
}

.sidebar .consult-tip .btn-consult-tip {
	margin-top: 15px;
	width: 85px;
	height: 31px;
	line-height: 31px;
	background-color: #3592e2;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	display: inline-block
}

.hoverCommon {
	cursor: default;
	display: block;
	position: absolute;
	right: 64px;
	top: -95px;
	font-size: 12px;
	text-align: center;
	display: none;
	width: 194px;
	height: 234px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100%
}

.qrcodePop {
	background-image: url(///zhuanti/2019/07/19/dad3f03f5e7ad264c10de0b155ee8a1f.png)
}

.wechatPop {
	background-image: url(///zhuanti/2019/07/19/f04ee37e028df7f1779b45c941f0588a.png)
}

.attenwechat:hover .wechatPop,.qrcode:hover .qrcodePop {
	display: block
}

.shake {
	animation: zy 2.5s .15s linear infinite;
	-moz-animation: zy 2.5s .15s linear infinite;
	-webkit-animation: zy 2.5s .15s linear infinite;
	-o-animation: zy 2.5s .15s linear infinite
}

@keyframes zy {
	10% {
		transform: rotate(15deg)
	}

	20% {
		transform: rotate(-10deg)
	}

	30% {
		transform: rotate(5deg)
	}

	40% {
		transform: rotate(-5deg)
	}

	50%,to {
		transform: rotate(0deg)
	}
}

.countDownSection {
	width: 1000px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -500px
}

.countDownSection .countDown {
	position: absolute;
	width: 415px;
	height: 100px;
	top: 0;
	right: 45px;
	font-size: 0
}

.countDownSection .countDown span {
	vertical-align: top;
	font-size: 12px;
	display: inline-block;
	margin-right: 25px
}

.countDownSection .countDown em,.countDownSection .countDown i {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	width: 33px;
	line-height: 109px;
	margin-right: 1px;
	font-size: 26px;
	font-style: normal;
	text-align: center;
	color: #fff
}

.countDownSection .countDown em:first-child,.countDownSection .countDown i:first-child {
	margin-left: 1px
}

.countDownSection .countDown .dot {
	display: block;
	font-size: 26px;
	width: 30px;
	line-height: 28px;
	position: absolute;
	bottom: 22px;
	right: 47px;
	color: #fff
}

.countDownSection .countDown em {
	margin-left: 5px
}

.linkTopLayer {
	cursor: pointer;
	position: relative
}

.linkTopLayer .toplayers {
	position: relative;
	overflow: hidden
}

.linkTopLayer .toplayers .imgBox {
	width: 100%;
	height: 100px;
	display: block;
	text-align: center
}

.linkTopLayer .toplayers .toplayerClose {
	position: absolute;
	width: 32px;
	height: 32px;
	right: 20px;
	top: 50%;
	margin-top: -16px;
	background: url(///zhuanti/2018/05/10/7c775b925e4ebb399f0c0a5a040a56cc.png);
	cursor: pointer;
	z-index: 1
}

.linkTopLayer .toplayers .toplayer-btn {
	position: absolute;
	width: 193px;
	height: 52px;
	top: 50%;
	margin-top: -26px;
	background: url(///zhuanti/2018/05/10/6012938f398b71c98c68f66661ea1d76.png);
	left: 50%;
	margin-left: 350px;
	color: #fff
}

.linkTopLayer .toplayers .toplayer-btn .line1 {
	font-size: 20px;
	line-height: 52px;
	margin-left: -15px;
	text-align: center
}

.linkTopLayer .toplayers .toplayer-btn .line2 {
	font-size: 16px;
	line-height: 22px;
	padding: 4px 0;
	height: 44px;
	margin-left: -15px;
	text-align: center
}

@media screen and (max-width:1024px) {
	#topLayer {
		width: 1000px;
		margin: 0 auto
	}

	.toplayer-btn {
		margin-left: 230px!important
	}
}

.search_container {
	background: #fff;
	width: 100%;
	margin: 0
}

.search_container .search_wrapper {
	width: 1200px;
	margin: 0 auto;
	padding: 32px 0;
	position: relative
}

.search_container .course_logo {
	position: absolute;
	top: 0;
	left: 0
}

.search_container .course_logo a img {
	width: 100%;
	height: 100%
}

.search_container .collect_wrapper {
	position: absolute;
	right: 0;
	top: 32px;
	width: 138px;
	height: 40px
}

.search_container .course_logo a {
	display: table-cell;
	width: 210px;
	height: 104px;
	overflow: hidden;
	vertical-align: middle;
	text-align: left
}

.search_container .search_box {
	width: 750px;
	position: relative;
	margin-left: 214px
}

.search_container .search_wrap {
	height: 36px;
	border: 2px solid #57bc4c;
	position: relative
}

.search_container .search_input_wrap {
	padding-right: 100px;
	height: 100%;
	position: relative;
	background: #fff
}

.search_container .search_input_wrap .icon_search {
	position: absolute;
	top: 7px;
	left: 8px;
	font-size: 21px;
	color: #ddd
}

.search_container .search_input_wrap input {
	display: block;
	width: 100%;
	height: 36px;
	border: none;
	padding: 0;
	line-height: 35px;
	text-indent: 38px;
	z-index: 1;
	font-size: 14px;
	position: relative;
	background: transparent
}

.search_container .search_input_wrap .hot_word_wrapper {
	float: right;
	font-size: 12px;
	margin-top: -28px;
	position: relative;
	z-index: 1
}

.search_container .search_input_wrap .hot_word_wrapper .hot_word_item {
	display: inline-block;
	line-height: 21px;
	padding: 0 5px;
	text-align: center;
	background: #eee;
	color: #888;
	margin-right: 10px
}

.search_container .search_input_wrap .hot_word_wrapper .hot_word_item:hover {
	background: #57bc4c;
	color: #fff
}

.search_container .search_input_wrap .hot_word_wrapper .active {
	color: #f50
}

.search_container .search_btn {
	width: 100px;
	height: 100%;
	background-color: #57bc4c;
	border: none;
	font-size: 16px;
	color: #fff;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0
}

.search_container .search_btn:hover,.search_container .search_btn:link,.search_container .search_btn:visited {
	color: #fff
}

.search_container .s_autocomplete {
	display: none;
	width: 646px;
	border: 2px solid #57bc4c;
	position: absolute;
	left: -2px;
	top: 36px;
	z-index: 88;
	background: #fff;
	padding: 5px 0
}

.search_container .s_autocomplete a {
	line-height: 29px;
	display: block;
	padding: 0 10px;
	color: #999;
	font-size: 14px
}

.search_container .s_autocomplete .active,.search_container .s_autocomplete a:hover {
	color: #57bc4c;
	background: #fafafa
}

.search_container .collect_section {
	width: 100%;
	height: 100%
}

.search_container .course_collect {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #e8e8e8;
	color: #666;
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
	box-sizing: border-box;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	z-index: 10
}

.search_container .course_collect.hoverStyle {
	border-bottom: none;
	color: #57bc4c
}

.search_container .course_collect span {
	margin: 0 3px
}

.search_container .course_collect .hui-icon-star-solid {
	color: #ff9600
}

.search_container .course_collect i {
	color: #afafaf
}

.search_container .course_collect i:first-child {
	color: #ff9600
}

.search_container .course_collect_list {
	display: none;
	width: 231px;
	position: absolute;
	top: 40px;
	right: 0;
	background: #fff;
	border: 1px solid #e8e8e8;
	margin-top: -1px;
	z-index: 8
}

.search_container .favorites_ul {
	padding: 10px
}

.search_container .favorites_link {
	display: inline-block;
	width: 211px;
	height: 29px;
	line-height: 31px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
	font-size: 14px
}

.search_container .favorites_link:hover {
	color: #57bc4c
}

.search_container .detail_link {
	display: block;
	height: 32px;
	background: #f8f8f8;
	border-top: 1px solid #e8e8e8;
	text-align: center;
	line-height: 30px;
	color: #999;
	text-decoration: none
}

.search_container .no_collect {
	width: 200px;
	height: 40px;
	line-height: 41px;
	text-align: center;
	color: #666;
	font-size: 14px;
	z-index: 8
}

.search_container .no_collect a.loginBtn {
	color: #57bc4c
}

.popup_wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(5,4,4,.5);
	z-index: 1001
}

.popup_wrap ::-webkit-scrollbar {
	width: 7px
}

.popup_wrap ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #d9dfe4;
	border-radius: 10px
}

.popup_wrap ::-webkit-scrollbar-thumb {
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px #d8d8d8;
	-webkit-box-shadow: inset 0 0 50px #d9dfe4
}

.popup_container {
	width: 690px;
	height: 600px;
	background: #fffefd;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	position: absolute;
	border-radius: 6px;
	padding: 4px;
	box-sizing: border-box
}

.popup_container .popup_main {
	width: 100%;
	height: 100%;
	border: 3px solid #fee1c2;
	border-radius: 5px;
	box-sizing: border-box;
	position: relative
}

.popup_container .popup_main .popup-btn-close {
	font-size: 14px;
	color: #a4a7ae;
	position: absolute;
	top: 19px;
	right: 19px;
	cursor: pointer
}

.class_wrap .tag_list_wrap,.tag_wrap .tag_list_wrap {
	padding-bottom: 85px
}

.class_wrap .tag_title_big,.tag_wrap .tag_title_big {
	font-size: 20px;
	color: #333d48;
	line-height: 29px;
	text-align: center;
	margin: 17px 0 4px
}

.class_wrap .tag_title_small,.tag_wrap .tag_title_small {
	font-size: 14px;
	color: #a4a7ae;
	line-height: 16px;
	text-align: center;
	padding-bottom: 10px;
	box-sizing: border-box
}

.class_wrap .tag_list_item,.tag_wrap .tag_list_item {
	margin: 41px 0;
	margin-bottom: 0;
	position: relative;
	margin-top: 16px;
	margin-right: -10px
}

.class_wrap .tag_list_item .tagname,.tag_wrap .tag_list_item .tagname {
	font-size: 16px;
	color: #333d48;
	line-height: 24px;
	position: absolute;
	left: 6px;
	top: 5px;
	width: 90px;
	overflow: hidden;
	text-align: right
}

.class_wrap .tag_list_item .tags,.tag_wrap .tag_list_item .tags {
	overflow: auto;
	zoom: 1;
	margin-left: 120px
}

.class_wrap .tag_list_item .tags .active,.class_wrap .tag_list_item .tags .tag_item,.tag_wrap .tag_list_item .tags .active,.tag_wrap .tag_list_item .tags .tag_item {
	width: 120px;
	height: 36px;
	border-radius: 18px;
	border: 1px solid #dfe4e9;
	color: #62656e;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	float: left;
	margin-right: 14px;
	margin-bottom: 10px;
	padding: 0 8px;
	box-sizing: border-box;
	overflow: hidden
}

.class_wrap .tag_list_item .tags .active:hover,.class_wrap .tag_list_item .tags .tag_item:hover,.tag_wrap .tag_list_item .tags .active:hover,.tag_wrap .tag_list_item .tags .tag_item:hover {
	cursor: pointer;
	background: #ff8c3a;
	color: #fff;
	border: 1px solid #ff8c3a
}

.class_wrap .tag_list_item .tags .active,.tag_wrap .tag_list_item .tags .active {
	background: #ff8c3a;
	color: #fff;
	border: 1px solid #ff8c3a
}

.class_wrap .tag_btn,.tag_wrap .tag_btn {
	text-align: center;
	height: 82px;
	line-height: 81px;
	background: #fffefd;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background: url(../home/components/tagPopup/images/buttonWrap@2x.png) no-repeat 50%/100%
}

.class_wrap .tag_btn .active,.class_wrap .tag_btn .tag_submit_btn,.tag_wrap .tag_btn .active,.tag_wrap .tag_btn .tag_submit_btn {
	display: inline-block;
	width: 214px;
	height: 46px;
	background: #ff6f3c;
	background: linear-gradient(90deg,#ffcf9b,#ffb79d);
	box-shadow: 0 2px 6px 0 #ffd6ca;
	border-radius: 24px;
	text-align: center;
	line-height: 46px;
	font-size: 16px;
	color: #fff;
	margin: 0 auto;
	margin-top: 15px
}

.class_wrap .tag_btn .active,.tag_wrap .tag_btn .active {
	cursor: pointer;
	background: linear-gradient(90deg,#ffa238,#ff6f3c);
	box-shadow: 0 2px 6px 0 #ffd6ca
}

.class_wrap .tag_btn .active:hover,.tag_wrap .tag_btn .active:hover {
	background: linear-gradient(90deg,#f2840f,#e05828);
	box-shadow: 0 2px 6px 0 rgba(255,118,59,.2)
}

.class_wrap .tag_scroll_notice,.tag_wrap .tag_scroll_notice {
	width: 30px;
	height: 36px;
	background: url(../home/components/tagPopup/images/scroll.gif) no-repeat 50%/100%;
	margin: 0 auto;
	margin-top: 9px;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	bottom: 76px;
	display: none
}

.class_wrap .tag_next_btn,.tag_wrap .tag_next_btn {
	font-size: 14px;
	color: #beb8b4;
	cursor: pointer;
	position: absolute;
	left: 19px;
	top: 19px
}

.class_wrap .more_class_title {
	font-size: 18px;
	color: #333d48;
	text-align: center;
	margin: 10px 0
}

.class_wrap .class_list_wrap {
	padding-bottom: 50px
}

.class_wrap .class_coupon {
	width: 100%;
	box-sizing: border-box;
	height: 80px;
	width: 634px;
	margin: 0 auto;
	margin-bottom: 10px;
	display: block
}

.class_wrap .receive_class_list {
	margin: 0 auto;
	margin-top: 2px;
	width: 669px;
	margin-right: -18px
}

.class_wrap .receive_class_list:after {
	clear: both;
	content: ".";
	display: block;
	width: 0;
	height: 0;
	visibility: hidden
}

.class_wrap .class_scroll_view {
	height: 470px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top: 22px
}

.class_wrap .class_scroll_view.short {
	height: 470px
}

.class_wrap .class_list_item {
	float: left;
	width: 312px;
	height: 115px;
	background: #fff;
	box-shadow: 0 3px 12px 0 rgba(0,0,0,.04);
	border-radius: 4px;
	border: 1px solid #eef1f4;
	box-sizing: border-box;
	padding: 13px 12px;
	overflow: hidden;
	position: relative;
	margin-right: 12px;
	margin-bottom: 12px
}

.class_wrap .class_list_item .class_item_img {
	width: 128px;
	height: 89px;
	float: left
}

.class_wrap .class_list_item .class_item_detail {
	float: left;
	margin-left: 12px
}

.class_wrap .class_item_detail {
	width: 145px
}

.class_wrap .class_item_detail .class_item_title {
	font-size: 15px;
	font-weight: 500;
	color: #333d48;
	line-height: 21px;
	width: 100%;
	overflow: hidden;
	height: 21px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.class_wrap .class_item_detail .class_item_receive {
	font-size: 12px;
	font-weight: 400;
	color: #a4a7ae;
	line-height: 14px;
	margin-top: 8px;
	margin-bottom: 22px
}

.class_wrap .class_item_detail .class_item_receive .class_item_receive_num {
	color: #3592e2;
	margin-right: 3px
}

.class_wrap .class_item_detail .class_item_bottom {
	font-size: 10px;
	font-weight: 400;
	color: #ccc;
	line-height: 14px
}

.class_wrap .class_item_detail .class_item_bottom .class_item_money_new {
	color: #f40;
	font-size: 18px;
	margin-right: 4px
}

.class_wrap .class_item_detail .class_item_bottom .class_item_money_old {
	position: relative
}

.class_wrap .class_item_detail .class_item_bottom .class_item_money_old .class_item_money_bor {
	display: inline-block;
	border-bottom: 1px solid #ccc;
	width: 120%;
	position: absolute;
	top: 8px;
	transform: translateX(-50%);
	left: 50%
}

.class_wrap .class_item_detail .class_item_bottom .class_item_icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	border: 1px solid #d9dfe4;
	box-sizing: border-box;
	position: absolute;
	right: 12px;
	bottom: 12px;
	border-radius: 12px;
	cursor: pointer
}

.class_wrap .class_item_detail .class_item_bottom .class_item_icon.active {
	background: url(../home/components/tagPopup/images/select@2x.png) no-repeat 50%/100%;
	width: 30px;
	border: none;
	height: 30px;
	bottom: 7px;
	right: 8px
}

.result_wrap .result_gift {
	width: 357px;
	height: 145px;
	background: url(../home/components/tagPopup/images/gifthead@2x.png) no-repeat 50%/100%;
	margin: 0 auto
}

.result_wrap .result_gift_wrap {
	height: 352px;
	margin: 0 70px;
	padding: 38px 0;
	background: #fff4ea;
	border-radius: 5px;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	padding-top: 30px
}

.result_wrap .result_gift_wrap .result_gift_coupon {
	width: 234px;
	height: 95px;
	margin: 0 auto;
	background: url(../home/components/tagPopup/images/coupon@2x.png) no-repeat 50%/100%;
	font-size: 40px;
	font-weight: 600px;
	color: #ff702b;
	text-align: left;
	padding-left: 16px;
	box-sizing: border-box;
	line-height: 95px
}

.result_wrap .result_gift_wrap .result_gift_coupon .coupon_main {
	width: 154px;
	text-align: center
}

.result_wrap .result_gift_wrap .result_gift_coupon .little_font {
	font-size: 26px;
	margin-right: -15px
}

.result_wrap .result_gift_wrap .result_gift_notice {
	color: #e38d42;
	font-size: 16px;
	margin: 8px 0;
	text-align: center
}

.result_wrap .result_gift_wrap .result_dot_border {
	width: 502px;
	border-bottom: 1px dotted #f8a74e;
	margin: 0 auto;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%
}

.result_wrap .result_gift_wrap .result_class_list_wrap {
	width: 430px;
	margin: 0 auto
}

.result_wrap .result_gift_wrap .result_class_list {
	width: 430px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 47px
}

.result_wrap .result_gift_wrap .result_class_list .class_list_item {
	width: 137px;
	height: 95px;
	display: inline-block;
	margin-right: 32px
}

.result_wrap .result_gift_wrap .result_class_list .class_list_img {
	width: 137px;
	height: 95px;
	margin-left: 16px;
	float: left
}

.result_wrap .result_btn_wrap {
	text-align: center;
	height: 81px;
	line-height: 81px;
	background: #fffefd;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 16px
}

.result_wrap .result_btn_wrap .btn_gostudy {
	display: inline-block;
	width: 214px;
	height: 46px;
	background: #ff6f3c;
	background: linear-gradient(90deg,#ffa238,#ff6f3c);
	box-shadow: 0 2px 6px 0 #ffd6ca;
	border-radius: 24px;
	text-align: center;
	line-height: 46px;
	color: #fff;
	cursor: pointer;
	margin-left: 14px
}

.result_wrap .result_btn_wrap .btn_gostudy:hover {
	background: linear-gradient(90deg,#f2840f,#e05828);
	box-shadow: 0 2px 6px 0 rgba(255,118,59,.2)
}

.result_wrap .result_btn_wrap .btn_back {
	display: inline-block;
	width: 144px;
	height: 44px;
	border-radius: 24px;
	line-height: 44px;
	text-align: center;
	color: #ff6519;
	border: 1px solid #ff873a;
	cursor: pointer
}

.result_wrap .result_btn_wrap .btn_back:hover {
	color: #e25c24;
	border: 1px solid #e25c24
}

.tag_scroll_view {
	overflow-y: auto;
	overflow-x: hidden;
	height: 497px;
	box-sizing: border-box
}

.empty_wrap {
	position: absolute;
	width: 100%;
	height: 641px
}

.empty_wrap .empty_error_img {
	width: 190px;
	height: 98px;
	background: url(../home/components/tagPopup/images/home_blank_load@2x.png) no-repeat 50%/100%;
	margin: 0 auto;
	margin-top: 226px
}

.empty_wrap .empty_error_notice {
	color: #999;
	font-size: 16px;
	text-align: center;
	margin: 25px 0
}

.empty_wrap .empty_error_btn {
	width: 214px;
	height: 46px;
	background: #ff6f3c;
	background: linear-gradient(90deg,#ffa238,#ff6f3c);
	box-shadow: 0 2px 6px 0 #ffd6ca;
	border-radius: 24px;
	line-height: 46px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	cursor: pointer
}

.empty_wrap .empty_loading {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 100px;
	transform: translate(-50%,-50%);
	background-position: 50%;
	background-repeat: no-repeat;
	background-image: url(//res.hjfile.cn/class/static/images/loading.gif);
	background-size: 100%
}

.myclass-link {
	font-size: 12px;
	color: #858a91;
	text-overflow: ellipsis;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-style: normal
}

body,html {
	margin: 0;
	font-size: 14px
}

ul {
	list-style-type: none;
	padding: 0
}

h1,h2,h3,h4,h5,h6,ul {
	margin: 0
}

a,input {
	outline: 0
}

img {
	border: none
}

.clearfix:after,.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both;
	overflow: hidden
}

.clearfix {
	zoom: 1
}

a:active,a:link,a:visited {
	color: #666;
	text-decoration: none
}

a:hover {
	color: #57bc4c
}

body {
	background: #f4f4f4
}

.feature-panel {
	background: #fff;
	margin-bottom: 30px;
	overflow: hidden;
	height: 140px
}

.feature-panel li {
	width: 25%;
	float: left;
	height: 100%;
	overflow: hidden;
	transition: opacity .2s ease-in-out
}

.feature-panel li:hover {
	opacity: .8;
	box-shadow: inset 0 0 2px #d5d5d5
}

.feature-panel img {
	width: 100%;
	height: auto;
	display: block
}

.feature-panel .feature-img-box {
	width: 120px;
	text-align: center;
	position: absolute;
	margin: 12px 10px
}

.feature-panel .feature-dec {
	padding: 30px 0 30px 130px;
	line-height: 22px;
	color: #999;
	font-size: 14px
}

.feature-panel .feature-dec h3 {
	font-size: 20px;
	padding-bottom: 10px
}

.wrapper {
	width: 1200px;
	margin: 0 auto
}

.course-panel {
	background: #fff;
	margin-bottom: 30px;
	padding: 15px 0;
	height: 557px
}

.course-panel.small {
	height: 312px
}

.course-panel.jinghua,.course-panel.recommend {
	height: 323px
}

.course-panel h3 {
	line-height: 24px;
	margin: 10px 0;
	padding-left: 24px;
	border-left: 3px solid #57bc4c;
	float: left;
	width: 291px;
	font-size: 24px;
	color: #666
}

.course-panel .categary-list li {
	text-align: center;
	float: left;
	border-bottom: 3px solid #fff;
	padding: 10px 16px;
	font-size: 16px;
	cursor: default
}

.course-panel .categary-list li.on {
	color: #57bc4c;
	border-bottom: 3px solid #57bc4c
}

.course-panel .categary-list li.single {
	margin-bottom: 10px;
	float: left;
	margin-right: 18px;
	width: 133px
}

.course-panel .course-con {
	margin: 8px 18px 20px
}

.hot-course-panel {
	width: 275px;
	overflow: hidden;
	position: relative;
	float: left;
	height: 100%;
	margin-right: 15px
}

.hot-course-panel .hot-course-box {
	width: 100%;
	position: absolute;
	bottom: 0;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MmFkNGNiMi01ZmIxLTQ5ZWUtYTk0OC01YzBiYWYyMjY2NGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODg5RDBENUY4RjUwMTFFNUFGMDVERUJBRTlGMUY2NTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODg5RDBENUU4RjUwMTFFNUFGMDVERUJBRTlGMUY2NTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNGMENGRTQ0ODkzNzExRTU5MTg1RjQyNDlCNDBGM0I1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNGMENGRTQ1ODkzNzExRTU5MTg1RjQyNDlCNDBGM0I1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gaRxUwAAABtJREFUeNpi/P///xkGIgATA5FgVCF1FAIEGAAYuAPdyuXM2AAAAABJRU5ErkJggg==) repeat
}

.hot-course-panel img {
	width: 100%;
	display: block;
	transition: all .5s ease-out
}

.hot-course-panel a:hover img {
	transform: matrix(1.02,0,0,1.02,0,0)
}

.hot-course-panel .hot-course-desc {
	margin: 14px 8px 14px 24px
}

.hot-course-panel .hot-course-desc li {
	width: 33.3%;
	float: left
}

.hot-course-panel .hot-course-desc a {
	font-size: 14px;
	line-height: 26px;
	color: #666;
	display: block;
	transition: color .1s
}

.hot-course-panel .hot-course-desc a:hover {
	color: #57bc4c
}

.small .hot-course-panel .hot-course-desc {
	text-align: center;
	margin: 17px 14px
}

.course-r-panel {
	float: left;
	height: 480px;
	width: 876px
}

.small .course-r-panel {
	height: 235px
}

.loading {
	background: url(https:///res7/2016/07/19/369333b85b861eed2e92a58baf797f89.gif) no-repeat 50% #fff
}

.a6_adspace {
	height: 100%;
	background: url(https:///res7/2016/07/22/fb36d3ab31fa66230b70438ee3cda7d7.png) no-repeat 50% #f0f0f0
}

.market-list a {
	width: 32.3%;
	overflow: hidden;
	float: left;
	height: 100%;
	padding-left: 1%
}

.course-floor-nav {
	width: 91px;
	margin-left: -100px
}

.course-floor-nav a {
	display: block;
	line-height: 27px;
	text-align: center
}

.course-floor-nav a.on,.course-floor-nav a:hover {
	background: #57bc4c;
	color: #fff
}

#main-banner-slide .hui-carousel-next-btn {
	right: 0;
	height: 16%;
	top: 50%;
	margin-top: -6%;
	background: transparent;
	display: none
}

#main-banner-slide .hui-carousel-next-btn:hover .hui-icon-carat-r,#main-banner-slide .hui-carousel-prev-btn:hover .hui-icon-carat-w {
	color: #e7e7e7
}

#main-banner-slide .hui-carousel-prev-btn {
	left: 0;
	height: 16%;
	top: 50%;
	margin-top: -6%;
	background: transparent;
	display: none
}

#main-banner-slide.hover .hui-carousel-next-btn,#main-banner-slide.hover .hui-carousel-prev-btn {
	background: url(../home/images/bg_black.png) repeat;
	display: block
}

#main-banner-slide .hui-carousel-dotted li {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: url(../home/images/bg_white_light.png) repeat;
	border: 2px solid transparent
}

#main-banner-slide .hui-carousel-dotted li.hui-carousel-current {
	border: 2px solid #fff
}

#class_kf {
	display: none
}

#searchHeader {
	height: 104px;
	margin-bottom: 10px;
	background: #fff
}

.hui-pop-content {
	background: url(../home/images/updateTips.png) no-repeat
}

.hui-pop-content .hui-pop-close {
	position: absolute;
	top: 22px;
	right: 71px;
	width: 30px;
	height: 30px
}

.hui-pop-content .btn-close {
	display: inline-block;
	height: 50px;
	font-size: 18px;
	width: 180px;
	text-align: center;
	background: #fc6b5c;
	color: #fff;
	position: absolute;
	bottom: 94px;
	border-radius: 50px;
	left: 127px;
	line-height: 48px
}

.hui-pop-content .btn-close:hover {
	background: #ff5644
}

.last-panel {
	margin-bottom: 0
}

.hui-carousel .hui-carousel-next-btn,.hui-carousel .hui-carousel-prev-btn {
	top: 0;
	left: -30px
}

.hui-carousel .hui-carousel-next-btn {
	right: -30px;
	left: auto
}

.container {
	min-width: 1200px
}

.currow {
	cursor: default
}

.course-main {
	position: relative;
	background-color: #fff
}

.course-menu {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-color: #48a63e
}

.menu-wrapper {
	width: 1200px;
	height: 100%;
	margin: 0 auto
}

.course-screen {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

.course-nav {
	top: 0;
	left: 0;
	height: 512px;
	width: 270px
}

.course-nav,.course-user {
	position: absolute;
	z-index: 1;
	background-color: #fff
}

.course-user {
	top: 80px;
	right: 0;
	height: auto;
	width: 146px
}

.course-feature {
	padding: 20px 0
}

.course-content,.course-feature {
	width: 1200px;
	margin-bottom: 20px;
	/*margin: 0 auto*/
}

.course-floor-nav {
	position: fixed;
	top: 250px;
	width: 75px;
	background: #fff;
	margin-left: -80px;
	display: none
}

.course-menu-wrapper {
	height: 40px;
	padding-left: 270px;
	font-size: 14px
}

.course-menu-wrapper .menu-item {
	float: left
}

.course-menu-wrapper .menu-name {
	display: block;
	padding: 0 26px;
	line-height: 40px;
	color: #fff
}

.course-menu-wrapper .menu-name:hover {
	background: 0 0 #68b360 repeat
}

.course-menu-wrapper .menu-name .hot-icon-fire {
	width: 26px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: -7px;
	background-repeat: no-repeat;
	background-position: 0 0
}

.course-nav-wrapper {
	font-size: 12px;
	line-height: 1
}

.course-nav-wrapper .dd {
	position: relative
}

.course-nav-wrapper .dt {
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 10px;
	color: #fff;
	background-color: #33772c;
	display: block;
	cursor: pointer;
	font-size: 14px
}

.course-nav-wrapper .nav-list {
	position: relative;
	height: 462px;
	padding-top: 0
}

.course-nav-wrapper .hot-icon {
	display: inline-block;
	font-size: 0;
	height: 14px;
	width: 25px;
	background: 0 0 url(../home/images/hot.png) no-repeat transparent
}

.course-nav-wrapper .list-item {
	position: relative;
	display: block;
	padding: 13px 26px 13px 16px;
	border-left: 4px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff
}

.course-nav-wrapper .list-item h3 {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	white-space: nowrap
}

.course-nav-wrapper .list-item .nav-txt {
	margin-right: 10px;
	font-size: 12px
}

.course-nav-wrapper .list-item .nav-txt-large {
	font-size: 15px;
	margin-right: 10px;
	color: #4c4c4c
}

.course-nav-wrapper .list-item .nav-icon {
	position: absolute;
	right: 16px;
	top: 17px;
	color: #ccc
}

.course-nav-wrapper .list-item.on {
	border-top-color: #fafafa;
	border-bottom-color: #fafafa;
	background-color: #fafafa;
	border-left-color: #5bba52
}

.course-nav-wrapper .list-item.on a {
	color: #3592e2
}

.course-nav-wrapper .list-item.on a .nav-txt-large {
	color: #58bc4c
}

.course-nav-wrapper .list-item.on a .nav-txt:hover {
	text-decoration: underline
}

.course-nav-wrapper .list-item.on .nav-icon {
	display: none
}

.course-nav-wrapper .hot-list {
	height: 13px;
	overflow: hidden
}

.course-nav-wrapper .hot-list .hot-list-item {
	font-size: 13px;
	color: #999;
	margin-right: 8px
}

.course-nav-wrapper .hot-list .hot-list-item:hover {
	color: #3592e2
}

.course-nav-wrapper .nav-sub-wrapper {
	position: absolute;
	top: 0;
	left: 270px;
	width: 530px;
	height: 448px;
	font-size: 14px;
	padding: 0 40px 24px;
	background-color: #fafafa;
	overflow: hidden;
	z-index: 1;
	display: none
}

.course-nav-wrapper .sub-wrapper {
	height: 100%
}

.course-nav-wrapper .operation-list {
	height: 62px;
	line-height: 62px;
	overflow: hidden;
	position: relative;
	left: -12px
}

.course-nav-wrapper .operation-list:after {
	content: "";
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed silver;
	position: absolute;
	bottom: 0;
	left: 12px
}

.course-nav-wrapper .operation-list a {
	color: #3592e2;
	padding: 6px 12px
}

.course-nav-wrapper .operation-list a .hot-icon-fire {
	width: 26px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: -7px;
	background-repeat: no-repeat;
	background-position: 0 0;
	animation: hotfire .2s infinite;
	-moz-animation: hotfire .2s infinite;
	-webkit-animation: hotfire .2s infinite;
	-o-animation: hotfire .2s infinite
}

@keyframes hotfire {
	0% {
			}

	25% {
		}

	50% {
			}

	75% {
		}

	to {
			}
}

.course-nav-wrapper .operation-list a:hover {
	border-radius: 4px;
	background-color: #3592e2;
	color: #fff
}

.course-nav-wrapper .operation-item+.operation-item {
	margin-left: 20px
}

.course-nav-wrapper .sub-list {
	padding-top: 24px
}

.course-nav-wrapper .sub-list .sub-item+.sub-item {
	margin-top: 16px
}

.course-nav-wrapper .sub-list a {
	position: relative
}

.course-nav-wrapper .sub-list .sub-cate {
	text-align: left
}

.course-nav-wrapper .sub-list .sub-cate a {
	display: inline-block;
	width: 92px
}

.course-nav-wrapper .sub-list .sub-cate a:hover {
	color: #3592e2
}

.course-nav-wrapper .sub-list .sub-cate i {
	font-size: 12px
}

.course-nav-wrapper .sub-list .sub-cate:hover,.course-nav-wrapper .sub-list .sub-cate i:hover {
	color: #3592e2
}

.course-nav-wrapper .sub-cate {
	float: left;
	width: 108px;
	height: 26px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #4c4c4c
}

.course-nav-wrapper .cate-list {
	float: left;
	width: 410px;
	line-height: 30px
}

.course-nav-wrapper .cate-list a:hover {
	color: #3592e2
}

.course-nav-wrapper .cate-item {
	color: #999;
	display: inline-block;
	margin-right: 30px;
	line-height: 16px
}

.icon-hot {
	display: inline-block;
	width: 26px;
	height: 20px;
		background-size: contain;
	margin-top: -7px
}

#DSPbannerhtml {
	min-height: 512px
}

.ads-banner-wrapper {
	visibility: hidden;
	position: relative;
	z-index: 0;
	min-height: 512px
}

.ads-banner-wrapper.visible {
	visibility: visible
}

.ads-banner-wrapper .sliders {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden
}

.ads-banner-wrapper .sliders li {
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	opacity: 0;
	z-index: 0
}

.ads-banner-wrapper .sliders li.active {
	z-index: 10;
	opacity: 1
}

.ads-banner-wrapper .sliders li.leave {
	z-index: 4!important;
	transition: opacity .25s linear;
	opacity: 0
}

.ads-banner-wrapper .sliders li.enter {
	z-index: 8!important;
	transition: opacity .25s linear;
	opacity: 1
}

.ads-banner-wrapper .indicators {
	background-color: rgba(0,0,0,.1);
	padding: 5px 10px;
	border-radius: 10px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 20;
	line-height: 0
}

.ads-banner-wrapper .indicators .circle {
	cursor: pointer;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHBJREFUeNpi/P//PwMUKACxJRBLQvnPgfg4ED8AcRihCm2A2IUBO9gDxEeYoCY5MeAGIDk5JiiDCY9CsBoQIcZAGEgwMRAHmEAKXxGh8BlI4T4g/odHEUhuHxM0nPbhUQiSe8SIJcClofynyAEOEGAAje8bCT13ajwAAAAASUVORK5CYII=);border-radius: 5px
}

.ads-banner-wrapper .indicators .circle:first-child {
	margin-left: 0
}

.ads-banner-wrapper .indicators .circle.active,.ads-banner-wrapper .indicators .circle:active,.ads-banner-wrapper .indicators .circle:hover {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFpJREFUeNpi+P//PwMU2wPxRiB+AsUboWJgeZiiiv+4QQVMIUjXHzwKQXI2IIWH/xMGBxiBxAcGBgZ+BvzgIxMDcYAZpPAyEQrPkuQZooMHPcCfQzFKgAMEGACkXQdSyVe5OQAAAABJRU5ErkJggg==)
}

@media \0screen\,screen\9 {
	.ads-banner-wrapper .indicators {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorste=#19000000)
	}
}

.course-my-info {
	height: auto;
	padding: 43px 18px 0;
	text-align: center;
	border: 1px solid #f0f0f0
}

.course-my-info .freegetclass {
	width: 124px;
	height: 50px;
	display: block;
	margin-top: 10px;
	padding-bottom: 34px
}

.course-my-info .freegetclass img {
	width: 100%;
	height: 100%;
	margin-left: -12px
}

.course-my-info .registrylogin {
	width: 108px;
	height: 34px;
	display: block;
	position: relative
}

.course-my-info .registrylogin img {
	width: 100%;
	height: 100%
}

.course-my-info .registrylogin .newpeoplegift {
	position: absolute;
	width: 67px;
	height: 24px;
	top: 4px;
	right: -42px
}

.course-my-info .learncenter {
	width: 134px;
	display: block;
	margin-top: 10px;
	margin-bottom: 15px
}

.course-my-info .learncenter img {
	width: 100%;
	height: 100%;
	margin-left: -27px
}

.course-my-info .info-btn {
	display: block;
	height: 32px;
	line-height: 32px;
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #3592e2
}

.course-my-info .info-btn:hover {
	border-color: #42a542
}

.course-my-info .btn-dark {
	background-color: #3592e2;
	color: #fff
}

.course-my-info .btn-dark:hover {
	background-color: #42a542
}

.course-my-info .btn-light {
	position: relative;
	background-color: #fff;
	color: #3592e2
}

.course-my-info .btn-light .icon-registe {
	position: absolute;
	width: 24px;
	height: 24px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA4VBMVEUAAADsfhD/41n9nKvsfRD9paH95Wf+kq//4lv8j5//31r+nqr9kqD+l6T/3ln6laXw3TT93EXpcA/34T7qdhD8lp77xUX/zM3/kaf2rE//wl/631D/61r8jpv8jZvocA/ncw7/j6j+n6//42f/qr7/rb3/5Wr/22n/52b/tL//sbz/oLv/obn+q6f8laX9nqT8n5X6upD6qIf/hWP61j742zf/tLP/oq//oa/8wqP9rZf8q5X/bnn93Hf4fnf+aXb2fHT1h3L9d3H50XD8vWz+vGz/jWH/+V/zql3ypFz36VXsMiz0AAAAInRSTlMATevyUff39O/r6unh19Waj3JmV0c+HRsX+/bp5r6+ZFo0ZNpnrQAAAKdJREFUKM/tiUUOwlAABaF4W+qGw/91V9wd7n8gmpaEbklYMm8zeVP6OYMWKWYikq1hMTTmAOelicTjYNYoBkw2lUo7nWLK2OdmqZpsKMCZOkAx5BrFvn86iT3LBmGwCEJgW16c0Hmo69B3V5vz/rC9n5auD/V6HqCqahq8XXbH9eOpa5qqwjwQTRRBkH43ukadXmpok8iDwFXLKVVmxIwz4YTSny94AdyrEcS3Mv/wAAAAAElFTkSuQmCC) 0 0 no-repeat;background-size: contain;
	left: 12px;
	top: 1px;
	display: none
}

.course-my-info .btn-light:hover {
	color: #42a542
}

.course-my-info .my-head {
	width: 64px;
	height: 64px;
	border-radius: 80px;
	display: block;
	margin: 0 auto;
	overflow: hidden
}

.course-my-info .my-head .my-head-img {
	width: 100%;
	height: 100%
}

.course-my-info .my-head .vip-user-icon {
	position: absolute;
	width: 34px;
	height: 32px;
	top: 28px;
	left: 32px
}

.course-my-info .info-detail {
	display: block;
	padding: 15px 0 36px;
	line-height: 1;
	font-size: 12px;
	color: #989ca3
}

.course-my-info .info-detail.link {
	padding-bottom: 0
}

.course-my-info .info-detail.on {
	color: #dfa546
}

.course-my-info .info-detail .username {
	color: #333d48;
	font-size: 14px
}

.course-my-info .info-detail .vipusername {
	color: #c07e13;
	font-size: 14px
}

.course-my-info .info-detail .vipimg {
	width: 24px;
	vertical-align: text-bottom;
	padding-bottom: 2px
}

.course-my-info .doRegistry {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADYUlEQVR4Ae3QNbB1SxWF0bF676NXcXd3dzI0JcFJkBjJCyfDXROcBEtx1wSH93D3X6+d090L1yt4xsyrRs1v9D/evwb8H6jPfXOxPHi/GO/Qp9N3jfe69bPwI8d3vfqZrz+jrFYP0+uX7C0eiH4iUJ/9ZgC5lWWIq90zdmKj8KT8xJceYtIeV+r8G9pwg4z8QZsc3qo0bxq3d28YW0t5Lu/ZdvbKqUDuJADU3FzvxeLqGzFNlosb9ouX3itWPzEv19dWP4zp5nXLzs62SeEQm7/eG8zqqYmGzRlYPfDljzhql+698emnbjMwdNHnxOWdvFrZieWC/Xbr2B8oU4YkyPnR9uV7v/BF08nWp/GOY8DRg15ucjh/mqP9FyzqlnI4MKzlQafuyc0rrXcXxvlaHX8t6oE4d2vGpVCoZb442npKb/smsXs9vPBvgOnRlOVNnzcrN6YVPS7IS7j2BXGn7/GDfe2DM23z+8reaHXHn8jb/szk27fWfrLFxnnj5m3F2PUszzsGWN5caTFnQnTl/l+UvTA/4tpr4/d2lV8WuW6Gg8FqRV7n++Jq+8r+wJCUQi+i9fmxRFHRLnzV4OZ6TM2JSHqwl0zOK9cvcpEcFcP0knJQmOyJjURQUWIVtX3TceCC9U/PPbQdLd5QFvMHicAfkc2u/7yrPw2WxIrVVbr4eYLsiCRT31t9ZJztPeEYUH9yTvCD+a1v/D2JCDKB3S5/OTOWbTFL0Ub9at82uUEa7dD6HwGU8j384Bgw3vS2wLoRCSQCqyb6RAwVnUJklzXRaI0SJHqCY4DagNYADQXBupKVUomOlL2JCo3sdIA4G1AbGgKdCGqjNWklJCXJJiusgUyZhHIKsG5AVjKBDClF7fQmShWlEyl6pQal0VMmIPopQK9/eSBBJgI16WtRRoYuCpmVVuid3pEI4rQHrQOtyUyBCCS57iILsSaTkko2WqDSE8SZD2oFWXtQJSgCUTutEgN/TJTZ5DqJKdlEDGSixClAB+pqGYCMDlT0SgQRDElvYo2hyd6ETpBZlicCWSvQ8yNae1RGgIRJF4chSmFeyMF0NmGVTP6SKBGDj5wIRHYg4jWZ+ZVghkzExQl3P+/X5z45fvPTrbRrjHY/v99vfefrVJduI1qFCI7U+nHH5zfbrsyevymsRQAAAABJRU5ErkJggg==) no-repeat;background-size: 24px 24px;
	background-position: 14px 2px;
	color: #ff8400!important;
	padding-left: 25px;
	border: 1px solid #ff8400!important
}

.course-my-info .doRegistry.open {
	background-image: url(../home/images/ani-registry2.png)
}

.coinList {
	padding: 0 3px
}

.coinList.con {
	margin-top: 20px
}

.coinList .coin-item {
	float: left;
	width: 50%;
	overflow: hidden
}

.coinList .num {
	font-size: 16px;
	color: #3592e2;
	text-decoration: none
}

.coinList .num,.coinList .txt {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.coinList .txt {
	font-size: 12px;
	color: #b4b9bf
}

.line {
	width: 100%;
	height: 1px;
	background-color: #f6f7f8;
	margin: 6px 0
}

.meng {
	background: #000;
	filter: alpha(opacity=50);
	opacity: .5;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.cha {
	background: url(../home/images/cha.png) no-repeat;
	width: 34px;
	height: 34px;
	cursor: pointer
}

.new-bg-nologin {
	position: relative;
	z-index: 1002
}

.new-bg-nologin .cha {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	z-index: 3;
	cursor: pointer
}

.new-bg-nologin .imgbox {
	display: inline-block
}

.new-bg-nologin .currentimg {
	position: fixed;
	left: 50%;
	top: 50%
}

.quick-entry-wrapper {
	padding: 23px 18px
}

.quick-entry-wrapper .enter-item {
	line-height: 16px;
	font-size: 0;
	text-align: center
}

.quick-entry-wrapper .enter-item+.enter-item {
	margin-top: 20px
}

.quick-entry-wrapper .enter-item-txt {
	display: block;
	color: #999;
	cursor: default
}

.quick-entry-wrapper .enter-item-txt.item-link {
	cursor: pointer
}

.quick-entry-wrapper .enter-item-txt.item-link:hover {
	color: #3592e2
}

.quick-entry-wrapper .enter-icon {
	font-size: 20px;
	vertical-align: middle
}

.quick-entry-wrapper .enter-txt {
	font-size: 14px;
	padding-left: 8px;
	vertical-align: middle
}

.user-class-wapper {
	padding: 1px 18px 9px;
	background: hsla(0,0%,98%,.85);
	background-color: hsla(0,0%,98%,.85)
}

.user-class-wapper .myclass-title {
	padding-top: 10px;
	font-size: 12px;
	font-weight: 400;
	color: #333d48;
	font-weight: 700
}

.user-class-wapper .myclass-item {
	margin-top: 10px;
	max-height: 33px;
	overflow: hidden
}

.user-class-wapper .myclass-link {
	font-size: 12px;
	color: #858a91;
	text-overflow: ellipsis;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-style: normal
}

.user-class-wapper .myclass-link:hover {
	color: #3592e2
}

.course-floor-wrapper {
	line-height: 1
}

.course-floor-wrapper .floor {
	margin-top: 30px
}

.panel-header-wrapper {
	height: 36px
}

.panel-header-wrapper .title {
	float: left
}

.panel-header-wrapper .title h3 {
	display: inline-block;
	/*width: 291px;*/
	line-height: 24px;
	margin: 6px 0;
	padding-left: 24px;
	font-size: 24px;
	font-weight: 300;
	color: #666;
	border-left: 3px solid #3592e2
}

.panel-header-wrapper .nav-list {
	float: right;
	/*width: 852px;*/
	margin-right: 30px;
	font-size: 16px
}

.panel-header-wrapper .nav-list .nav-item {
	float: left;
	line-height: 30px;
	padding: 0 16px;
	color: #666;
	border: 3px solid #fff;
	border-width: 3px 0;
	cursor: pointer
}

.panel-header-wrapper .nav-list .nav-item img {
	position: relative;
	right: 7px
}

.panel-header-wrapper .nav-list .nav-item+.nav-item {
	margin-left: 22px
}

.panel-header-wrapper .nav-list .nav-item.on,.panel-header-wrapper .nav-list .nav-item:hover {
	color: #3592e2
}

.panel-header-wrapper .nav-list .nav-item.on {
	border-bottom-color: #3592e2
}

.panel-header-wrapper .nav-list .ni-img {
	padding: 0 9px 0 13px
}

.panel-ads-wrapper {
	height: 100%;
	overflow: hidden;
	background: url(///res7/2016/07/22/fb36d3ab31fa66230b70438ee3cda7d7.png) no-repeat 50% #f0f0f0
}

.course-panel-wrapper {
	background-color: #fff
}

.course-panel-wrapper .panel-header {
	padding: 22px 0;
	border-bottom: 1px solid #f0f0f0
}

.course-panel-wrapper .panel-con {
	height: 480px;
	padding: 30px
}

.course-panel-wrapper .con-l {
	float: left;
	width: 275px;
	height: 100%
}

.course-panel-wrapper .con-r {
	float: left;
	width: 865px;
	height: 100%
}

.course-panel-wrapper .con-rl {
	float: left;
	width: 594px;
	height: 100%;
	margin: 0 28px
}

.course-panel-wrapper .con-topic {
	margin-top: 20px
}

.course-panel-wrapper .con-rr {
	float: right;
	width: 215px;
	height: 100%
}

.course-panel-wrapper .con-information {
	margin-top: 42px
}

.course-panel-wrapper .img {
	height: 100%;
	
}

.panel-suggest-wrapper {
	font-size: 14px;
	color: #666
}

.panel-suggest-wrapper .suggest-title {
	height:15px;
	position: relative;
	margin: 0 7px 5px
}

.panel-suggest-wrapper .suggest-title a {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 14px;
	margin: 4px 0
}

.panel-suggest-wrapper .suggest-title i,.panel-suggest-wrapper .suggest-title span {
	vertical-align: middle
}

.panel-suggest-wrapper h3 {
	position: absolute;
    top: 0;
    left: 0;
	/*display: inline-block;*/
	font-size: 16px;
	padding-left: 12px;
	line-height: 22px;
	/*border-left: 3px solid #3592e2;*/
	padding-bottom:20px;
	
}

.panel-suggest-wrapper .suggest-list {
	height: 186px;
	    margin-top: 20px;
}

.panel-suggest-wrapper .suggest-item {
	float: left;
	width: 184px;
	padding: 7px;
	/*height: 200px;*/
}

.panel-suggest-wrapper .suggest-item .suggest-item-trace {
	display: block
}

.panel-suggest-wrapper .suggest-item:hover {
	padding: 6px;
	border: 1px solid #e6e6e6
}

.panel-suggest-wrapper .suggest-item a:hover {
	color: #3592e2
}

.panel-suggest-wrapper .suggest-item .img {
	width: 100%;
	height: 125px
}

.panel-suggest-wrapper .suggest-item .detail {
	padding-top: 13px;
	height: 42px;
	line-height: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2
}

.panel-topic-wrapper {
	font-size: 14px;
	color: #666
}

.panel-topic-wrapper .b-title {
	margin: 0 7px;
	margin-bottom: 4px
}

.panel-topic-wrapper h3 {
	display: inline-block;
	font-size: 16px;
	padding-left: 12px;
	line-height: 22px;
	border-left: 3px solid #3592e2
}

.panel-topic-wrapper .b-list {
	height: 228px
}

.panel-topic-wrapper .b-list.l-size .b-item+.b-item {
	height: 100px
}

.panel-topic-wrapper .b-list.m-size .b-item {
	width: 283px;
	height: 100px
}

.panel-topic-wrapper .b-item {
	float: left;
	width: 184px;
	height: 214px;
	padding: 7px
}

.panel-topic-wrapper .b-item:hover {
	padding: 6px;
	border: 1px solid #e6e6e6
}

.panel-topic-wrapper .b-item .img {
	width: 100%;
	height: 100%
}

.panel-ranking-wrapper {
	font-size: 12px;
	color: #666
}

.panel-ranking-wrapper .b-title {
	position: relative;
	margin: 0 0 22px
}

.panel-ranking-wrapper h3 {
	/*display: inline-block;*/
	font-size: 16px;
	padding-left: 12px;
	line-height: 22px;
	border-left: 3px solid #3592e2
}

.panel-ranking-wrapper .b-tab {
	position: absolute;
	top: 0;
	right: 0
}

.panel-ranking-wrapper .b-tab a {
	float: left;
	width: 58px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #e6e6e6;
	border-radius: 2px 0 0 2px
}

.panel-ranking-wrapper .b-tab a+a {
	border-radius: 0 2px 2px 0
}

.panel-ranking-wrapper .b-tab a.b-tab-item {
	border-radius: 2px
}

.panel-ranking-wrapper .b-tab a.on,.panel-ranking-wrapper .b-tab a:hover {
	color: #fff;
	border-color: #3592e2;
	background-color: #3592e2
}

.panel-ranking-wrapper .b-list {
	height: 159px;
	padding: 12px 0;
	border-top: 1px solid #f0f0f0
}

.panel-ranking-wrapper .b-item+.b-item {
	margin-top: 16px
}

.panel-ranking-wrapper .b-item a {
	display: block
}

.panel-ranking-wrapper .b-item .b-header {
	position: relative;
	padding-left: 20px;
	height: 15px;
	line-height: 15px;
	margin-top: 10px
}

.panel-ranking-wrapper .b-item .b-order-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 100%;
	text-align: center;
	font-style: normal;
	color: #fff;
	background-color: #3592e2
}

.panel-ranking-wrapper .b-item .b-order-icon.on2 {
	background-color: #6dc66d
}

.panel-ranking-wrapper .b-item .b-order-icon.on3 {
	background-color: #92d492
}

.panel-ranking-wrapper .b-item a:hover {
	color: #3592e2
}

.panel-ranking-wrapper .b-item.on .b-con {
	display: block
}

.panel-ranking-wrapper .b-item .b-txt {
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.panel-ranking-wrapper .b-item .b-con {
	display: none;
	margin-top: 10px
}

.panel-ranking-wrapper .b-item .img {
	float: left;
	width: 94px;
	height: 62px;
	margin-right: 8px
}

.panel-ranking-wrapper .b-item .price-wrapper {
	float: left;
	width: 113px;
	line-height: 1
}

.panel-ranking-wrapper .b-item .price {
	padding: 4px 0 7px;
	font-size: 14px;
	color: #f60
}

.panel-ranking-wrapper .b-item .origin-price-wrapper {
	color: #999
}

.panel-ranking-wrapper .b-item .origin-price {
	font-size: 13px;
	text-decoration: line-through
}

.panel-information-wrapper {
	font-size: 12px;
	color: #666
}

.panel-information-wrapper .b-title {
	margin: 0 0 15px
}

.panel-information-wrapper h3 {
	/*display: inline-block;*/
	font-size: 16px;
	line-height: 22px;
	padding-left: 12px;
	border-left: 3px solid #3592e2
}

.panel-information-wrapper .b-list {
	padding-top: 3px;
	border-top: 1px solid #f0f0f0
}

.panel-information-wrapper .b-item {
	margin-top: 8px;
	color: #494949
}

.panel-information-wrapper .b-item a {
	display: block;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.panel-information-wrapper .b-item a:hover {
	color: #3592e2
}

.course-interest-wrapper {
	height: 323px;
	padding: 15px 0;
	font-size: 14px;
	background-color: #fff
}

.course-interest-wrapper h3 {
	float: left;
	width: 291px;
	line-height: 24px;
	font-size: 24px;
	color: #666;
	margin: 10px 0;
	padding-left: 24px;
	border-left: 3px solid #3592e2
}

.course-interest-wrapper .hui-icon-refresh {
	color: #999;
	margin-right: 5px;
	font-size: 12px
}

.course-interest-wrapper a.link-refresh {
	float: right;
	padding: 8px;
	margin: 6px 24px 0 0
}

.course-interest-wrapper a.link-refresh:hover .hui-icon-refresh {
	color: #3592e2
}

.course-interest-wrapper .list-con {
	height: 268px
}

.course-interest-wrapper .class-list {
	padding: 0 2px
}

.course-interest-wrapper .class-list li {
	width: 270px;
	float: left;
	padding: 10px;
	position: relative
}

.course-interest-wrapper .class-list li:hover {
	padding: 9px;
	border: 1px solid #e6e6e6
}

.course-interest-wrapper .interest-con {
	margin: 8px 18px 20px
}

.course-cooperation-wrapper {
	height: 140px;
	padding: 15px 0;
	font-size: 14px;
	background-color: #fff;
	overflow: hidden
}

.course-cooperation-wrapper h3 {
	float: left;
	width: 291px;
	line-height: 24px;
	font-size: 24px;
	color: #666;
	margin: 10px 0;
	padding-left: 24px;
	border-left: 3px solid #3592e2
}

.course-cooperation-wrapper .cooperation {
	height: 80px;
	margin: 18px 50px
}

.course-cooperation-wrapper .cooperation-list li {
	width: 220px;
	height: 80px;
	float: left;
	text-align: center
}

.hui-carousel {
	position: relative
}

.hui-carousel li,.hui-carousel ul {
	list-style: none
}

.hui-carousel .hui-carousel-clip {
	overflow: hidden
}

.hui-carousel .hui-carousel-item {
	float: left
}

.hui-carousel .hui-carousel-next-btn,.hui-carousel .hui-carousel-prev-btn {
	position: absolute;
	width: 30px;
	height: 100%;
	display: block;
	top: 0!important;
	left: -30px!important;
	background: #fff
}

.hui-carousel .hui-carousel-next-btn {
	right: -30px!important;
	left: auto!important
}

.hui-carousel .hui-carousel-next-btn:hover,.hui-carousel .hui-carousel-prev-btn:hover {
	background: #f5f5f5
}

.hui-carousel .hui-icon-carat-r,.hui-carousel .hui-icon-carat-w {
	position: absolute;
	top: 50%;
	margin-top: -12px;
	width: 22px;
	height: 24px;
	display: block;
	color: #e7e7e7;
	font-size: 20px;
	left: 50%;
	margin-left: -11px
}

.hui-carousel .hui-carousel-next-btn:hover .hui-icon-carat-r,.hui-carousel .hui-carousel-prev-btn:hover .hui-icon-carat-w {
	color: #a6a6a6
}

.hui-carousel .hui-carousel-dotted {
	position: absolute;
	bottom: 10px;
	left: 40%
}

.hui-carousel .hui-carousel-dotted li {
	width: 8px;
	height: 8px;
	float: left;
	border-radius: 50%;
	margin-right: 10px;
	cursor: pointer
}

.hui-carousel .hui-carousel-slide {
	position: absolute;
	bottom: 10px;
	left: 40%
}

.hui-carousel .hui-carousel-slide li {
	width: 20px;
	height: 4px;
	float: left;
	margin-right: 10px;
	cursor: pointer
}

.hjc-loading {
	background: url("///res7/2016/07/19/369333b85b861eed2e92a58baf797f89.gif") no-repeat 50% #fff
}

.floor-nav-wrapper .floor-nav-item {
	display: block;
	line-height: 27px;
	text-align: center;
	font-size: 14px;
	color: #666
}

.floor-nav-wrapper .floor-nav-item.on,.floor-nav-wrapper .floor-nav-item:hover {
	background-color: #3592e2;
	color: #fff
}

.course-item-wrapper {
	font-size: 14px;
	height: 100%
}

.course-item-wrapper:hover .course_tag {
	left: 6px;
	top: 6px
}

.course-item-wrapper .class-title {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	margin: 7px 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.course-item-wrapper .class-price {
	color: #f60;
	margin-left: -3px;
	line-height: 33px;
	font-size: 20px
}

.course-item-wrapper a.link-listen {
	display: block;
	float: right;
	color: #999;
	margin-top: 7px
}

.course-item-wrapper a.link-listen:hover {
	color: #3592e2
}

.course-item-wrapper .hui-icon-play1-circle {
	color: #3592e2;
	margin-right: 5px
}

.course-item-wrapper .class-original-price {
	color: #999;
	text-decoration: line-through
}

.course-item-wrapper .course_tag {
	position: absolute;
	top: 7px;
	left: 7px;
	display: block;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 29px
}

.course-item-wrapper .class-cover img {
	width: 100%;
	height: 176px
}

.hp-category a .hp-name {
	color: #fff
}

.nav-sub-wrapper.sub-cat-img {
	background-position: 100% 98%;
	background-repeat: no-repeat
}

.nav-sub-wrapper .linkdiv {
	position: absolute;
	right: 12px;
	bottom: 10px
}

.nav-sub-wrapper .linkdiv>a {
	float: right;
	margin: 6px 0 0
}

.nav-sub-wrapper .linkdiv>a>img {
	float: right;
	width: 95%
}

.course-menu-wrapper .menu-name.hitalk,.course-menu-wrapper .menu-name.hitalk:hover {
	text-indent: -10000px;
	background: url(///zhuanti/2018/05/10/170c71ff57240b5e83042b80680a0aca.png) no-repeat 0;
	width: 146px
}

.hero .container {
	width: 1200px
}

.hero .container ._map {
	background-position: 50%;
	background-repeat: no-repeat
}

.sweet-alert {
	width: 316px;
	margin-left: 0;
	margin-top: 0;
	padding: 24px 0;
	transform: translate(-50%,-50%)
}

.sweet-alert .sa-input-error {
	right: 16px;
	top: 15px
}

.sweet-alert .sa-input-error img {
	width: 14px;
	height: 14px;
	opacity: .6
}

.sweet-alert h2 {
	line-height: 24px;
	color: #333d48;
	font-size: 16px;
	margin: 4px 0 25px;
	font-weight: 400
}

.sweet-alert button {
	margin: 0
}

.sweet-alert .confirm {
	padding: 9px 42px;
	font-size: 14px;
	background: #ffa238;
	background: linear-gradient(90deg,#ffa238,#ff6f3c);
	box-shadow: 0 2px 6px 0 #ffd6ca;
	border-radius: 21px
}

.sweet-alert .confirm:hover {
	background: #ffa238;
	background: linear-gradient(90deg,#f2840f,#e05828)
}

.new-gift-wrapper {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	z-index: 10100
}

.new-gift-wrapper .new-gift-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	opacity: .7
}

.new-gift-wrapper .new-gift-bg {
	width: 353px;
	height: 421px;
	background: url(../home/images/newGiftBg.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -210px 0 0 -176px
}

.new-gift-wrapper .new-gift-close-btn {
	width: 38px;
	height: 38px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAADxElEQVRYR82YUUhTURjHz7lYhE28R4U5cxaWYfaQ7GpMqiEoCkrzoXDCMB988CkUCfFBn/RBJETpyQcfbAw2qQcXCg4FWYUjvKMessga5cw5UM8Vl0jJPXGGV+aY7swp3L3I2Pf9z8/vO+f7vnMgSOFDCMmUJAnJsnyZ47gLVEqW5X8cx/3heR5DCLdPKw+TcSSEcJIk6SGENwghV/x+/6Xl5WWwsrICdnZ2IlIZGRmgoKAAFBUVgcLCwj0I4W9CyHee5wMQQpl1PSYwCrS1tXULQnjH6/VqnE4ncLvdIBgMnriOTqcDNTU1wGKxAKPRGCaEfMrKyvrCApgQLBwOa/f3901utxsNDAwAn8/H+k8fsTMYDKC7u5uC4rS0NI9GowmdJHQiGMa4dGNjo6yjo4Obmpo6FVCsU319PRgeHpZzcnIWEUIfjxONC0YIgZIkPRBFsbi5uTlhypIlpim22WxAEISvPM+/hRCSWI24YBhj0/z8fLHVagW7u7vJrstkn56eDux2O6isrPyKEPIkBKPpE0XxrtlsPjcoBYLCuVwuGrkPsWk9EjG60YPB4EOTycQlOnFMYWEwomn1eDyyTqd7E30gDsFoSdje3n5ktVrRWW10Bq6ICT0QdrsdZ2ZmvlZKySHY5ubm7bm5uXuNjY2semdqNzExAaqqqt5nZ2d/psIRMBotjHFTdXW15rR1KlVKWudmZ2fDCCEHjVoEDGN8dWFhobauri5V/ZT8p6enQUVFxQxC6FcETJKkqvb29uvj4+NMwm1tbdd6enoer6+vhxoaGpxra2t/ox3z8vIuulwui1ar1fb3978aHR39ySLc0tICRkZGfvA8P6dE7ElJSckl1pMYCASe5efnF9HFAoHAN6PR+EKBo1Ber/epXq+/SX9fXV1d1uv1z1nA6AldWlraQwi9hBhj3u/3NwqCwOIbsVlcXGwWBOG+4qDA0e/RUAe278rLy22s4qIoAoPB4KRg12ZmZmqamppYfUFsVJTI0b9KpOJFk2UBh8MBamtr3ZCWibGxsXtdXV0sfoc28eCiBWJTzCo+ODgIWltb39OIlQ4NDd3t6+tj9U0Id1ooKtzb2ws6Ozs/qBdMzalU5+anNx2fz2c5r3IhiuK7srKy5MvFQUtSX4FNpSWFQqGQ2WyO25ImJyctubm5KbckdTZx1Y49NJ2qHBQpmGpHawqnysuI0gBVeX2LglPfhfdgv6nziSA6rap6VIkezFT5DKUAqvLhLjp6qnvqPG7mpjcsAAAf73GYXlcRQlLS8/qBw3/RR+kVpvvWQgAAAABJRU5ErkJggg==) no-repeat;position: absolute;
	right: 0;
	top: -38px;
	cursor: pointer
}

.new-gift-wrapper .new-gift-get-btn {
	display: block;
	cursor: pointer;
	font-size: 18px;
	color: #fff;
	width: 194px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background: #ff6f3c;
	background: linear-gradient(90deg,#ffa238,#ff6f3c);
	box-shadow: 0 2px 10px 0 rgba(195,104,66,.39);
	border-radius: 23px;
	margin: 363px auto
}

.new-gift-wrapper .new-gift-get-btn:hover {
	background: #e05828;
	background: linear-gradient(90deg,#f2840f,#e05828)
}

.login-modal-wrapper {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 10100;
	width: 100%;
	height: 100%
}

.login-modal-wrapper .errorSpan {
	color: #ff8539;
	font-size: 12px;
	width: 230px
}

.login-modal-wrapper .float {
	float: left
}

.login-modal-wrapper .login-modal-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7)
}

.login-modal-wrapper .login-modal-wrap {
	margin-top: 141px;
	background: #ff7168;
	background-image: linear-gradient(180deg,#ff7168,#ff4566);
	border-radius: 0 0 9px 9px
}

.login-modal-wrapper .login-modal-font {
	background-image: url(../home/components/quickLoginNewGift/images/newgift@2x.png);
	width: 296px;
	height: 117px;
	background-size: cover;
	margin: 0 auto
}

.login-modal-wrapper .login-modal-con {
	width: 296px;
	margin: 0 auto
}

.login-modal-wrapper .img-wrap {
	position: absolute;
	width: 406px;
	height: 142px;
	left: 0;
	background: url(../home/components/quickLoginNewGift/images/rg@2x.png) no-repeat 50%/100%;
	transform: translateX(-50%);
	left: 50%;
	top: 0
}

.login-modal-wrapper .imgcode-item {
	height: 40px;
	position: relative
}

.login-modal-wrapper .login-modal {
	width: 352px;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	position: absolute
}

.login-modal-wrapper .modal-content {
	position: relative
}

.login-modal-wrapper .modal-content-position {
	margin-top: 14px
}

.login-modal-wrapper .login-btn-close {
	position: absolute;
	top: -38px;
	right: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	width: 38px;
	height: 38px;
	background: url(../home/components/quickLoginNewGift/images/icon_close@2x.png) no-repeat 50%/100%
}

.login-modal-wrapper .input-block {
	width: 296px;
	height: 44px;
	background: #fff;
	border-radius: 2px;
	float: left;
	margin-top: 12px
}

.login-modal-wrapper .input-block.inputFoucus {
	border-color: #ffc18f
}

.login-modal-wrapper .input-block.imgcode-item {
	display: none
}

.login-modal-wrapper .input-block .mobile-item,.login-modal-wrapper .input-block .verification-code-item {
	height: 100%;
	position: relative;
	overflow: hidden
}

.login-modal-wrapper .input-block .input {
	display: inline-block;
	color: #333;
	outline: 0;
	border: 0;
	width: 100%;
	font-size: 16px;
	height: 100%;
	border-radius: 2px;
	padding-left: 12px;
	box-sizing: border-box;
	height: 44px
}

.login-modal-wrapper .input-block .input::-webkit-input-placeholder {
	color: #a4a7ae;
	font-size: 16px;
	text-shadow: none;
	-webkit-text-fill-color: initial
}

.login-modal-wrapper .input-block .input.padding80 {
	padding-right: 85px
}

.login-modal-wrapper .input-block .input.padding90 {
	padding-right: 95px
}

.login-modal-wrapper .input-block.error {
	border-color: red
}

.login-modal-wrapper .input-block .btn-get-imgcode {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%
}

.login-modal-wrapper .input-block .btn-get-imgcode img {
	position: absolute;
	right: 0;
	width: 78px;
	transform: translateY(-50%);
	top: 50%
}

.login-modal-wrapper .input-block .btn-get-code {
	color: #ff405e;
	font-size: 14px;
	position: absolute;
	line-height: 44px;
	height: 100%;
	top: 0;
	right: 22px;
	cursor: pointer
}

.login-modal-wrapper .input-block .btn-get-code:not(.disabled):hover {
	color: #ff405e
}

.login-modal-wrapper .input-block .btn-get-code.disabled {
	color: #ababab;
	cursor: default
}

.login-modal-wrapper .input-block.last-item .error-msg {
	position: static;
	margin-top: fx3(4)
}

.login-modal-wrapper .agreement-desc {
	margin-top: fx3(12);
	color: #666;
	font-size: fx3(12);
	line-height: fx3(17)
}

.login-modal-wrapper .agreement-desc a,.login-modal-wrapper .agreement-desc a:active,.login-modal-wrapper .agreement-desc a:focus,.login-modal-wrapper .agreement-desc a:hover,.login-modal-wrapper .agreement-desc a:visited {
	color: #38bb29
}

.login-modal-wrapper .btn-wrapper {
	text-align: center;
	width: 296px;
	height: 48px;
	display: inline-block;
	border-radius: 28px;
	margin: 26px auto;
	margin-top: 20px
}

.login-modal-wrapper .btn-wrapper .btn-get {
	height: 100%;
	text-align: center;
	color: #ed2549;
	border: 0;
	outline: 0;
	font-size: 18px;
	width: 100%;
	border-radius: 27px
}

.login-modal-wrapper .btn-wrapper .btn-get,.login-modal-wrapper .btn-wrapper .btn-get:hover {
	background: #f9db9e;
	background: linear-gradient(90deg,#fdf3c3,#f9db9e);
	box-shadow: 0 2px 6px 0 #ef274b
}

.login-modal-wrapper .btn-wrapper .btn-get:hover:hover {
	opacity: .5
}

.login-modal-wrapper .btn-wrapper .btn-get.disabled {
	background: #f9db9e;
	background: linear-gradient(90deg,#fdf3c3,#f9db9e);
	box-shadow: 0 2px 6px 0 #ef274b

.toastr-info {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,50%);
	text-align: center;
	box-sizing: border-box;
	z-index: 10000000
}

.toastr-info-text {
	display: inline-block;
	line-height: 1;
	padding: 12px 24px;
	color: #fff;
	border-radius: 4px;
	word-wrap: break-word;
	font-size: 16px;
	box-sizing: border-box;
	background-color: rgba(0,0,0,.6)
}