* {
	margin:0;
	padding:0;
	font-weight:normal;
}
body {
	/*overflow-x:hidden;*/
	width:100%;
	height:100%;
	position:relative;
	background:#f1f1f1;
}
body, input, button, select, textarea {
	font:14px/1.5 "Microsoft Yahei", "Helvetica Neue";
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-font-feature-settings:"liga", "kern";
	color: #999;
}
table {
	border-collapse:collapse;
	border-spacing:0
}
img, a img {
	border:0
}
a {
	color:inherit;
	outline:medium none;
	text-decoration:none;
	outline:none;
	cursor:pointer;
	color: #666;
 transition: all .3s ease-in-out;
}
a:hover {
	text-decoration:none;
	color:#69b82d;
}
label {
	cursor:pointer
}
ol, dl, ul, dd, dt, li {
	list-style:none;
}
em, cite, i {
	font-family: ssfonts!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
p {
	word-break:break-all;
	text-align:justify;
	text-justify:distribute-all-lines;
	text-justify:inter-ideograph;
	word-break:normal
}
input:focus, textarea:focus {
	outline:none
}
input::-ms-clear {
 display:none
}
textarea {
	resize:none;
	border: 1px solid #ccc;
}
.clearFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearFix {
	zoom:1
}
.fl {
	float:left !important
}
.fr {
	float:right !important
}
div {
	display:block;
}
.wn {
	width:1200px;
	margin:0 auto
}
form {
	display: block;
	margin:0;
}
button, input, select, textarea {
	margin: 0;
	vertical-align: middle;
	font-size: inherit;
	font-family: inherit;
}
.mt8 {
	margin-top:8px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mtmr {
	margin-top:20px;
}
.pl30 {
	padding-left:30px !important;
	color:#69b82d !important;
}
/*------------------------btn---------------------*/
.mtmr .btn-8, .mtmr .btn-7 {
	margin-right:20px;
	float:right;
}
.table-btn, .item-icon, .followme a, .rate-btn {
	min-width: 65px;
	border-radius: 2px;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	line-height:24px;
	cursor: pointer;
	padding:0;
	background-color: transparent;
	font-size:14px;
	border:1px solid #69b82d;
	color:#69b82d;
	vertical-align:middle;
}
.table-btn {
	margin-right:10px;
}
.rate-btn {
	margin:5px 0 0 0;
	width:110px;
}
.table-btn:hover, .followme a:hover, .rate-btn:hover {
	background-color:#efffe3;
	color:#69b82d;
	border:1px solid #69b82d;
}
.btn-7, .table-btn_on {
	background-color:#69b82d;
	border:#69b82d 1px solid;
	color:#fff;
}
.btn-7:hover {
	background-color:#86ce2f;
	color:#fff;
}
.btn-8 {
	background-color:#f3f3f3;
	border:1px solid #ddd;
	color:#999;
}
.btn-8:hover {
	background-color:#ebebeb;
	color:#999;
}
.btn-7, .btn-8 {
	min-width: 80px;
	height:30px;
	line-height:28px;
	font-size:14px;
	width: auto;
	overflow: hidden;
	display:inline-block;
	vertical-align:middle;
	cursor: pointer;
	text-align: center;
	border-radius: 2px;
}
.btn-dtm {
	height:38px;
	line-height:38px;
	font-size:14px;
	width: auto;
	overflow: hidden;
	display:inline-block;
	vertical-align:middle;
	cursor: pointer;
	text-align: center;
	border-radius: 2px;
	padding:0 10px;
	background-color:#ebebeb;
	color:#999;
}
.btn-dtm:hover {
	background-color:#e5e5e5;
	color:#86ce2f;
}
/*------------------------header---------------------*/
.container, .header {
	width:100%;
}
.top {
	height: 50px;
	background: #323436;
	position:fixed;
	width: 100%;
	z-index: 999;
	top: 0;
}
.top .top-content {
	margin:0 auto;
	width:1180px;
}
.logo {
	/*width: 280px;*/
   /* width: 230px;*/
    width: 190px;
	float: left;
}
.logo a .icon_zhike_logo {
	background-position:0 0;
}
.logo a:hover .icon_zhike_logo {
	background-position:0 -50px;
}
.logo i {
	line-height:0;
	padding:0;
	display:block;
	font-size:0;
	width:250px;
	height:50px;
	background:url(../images/logo.png) no-repeat;
}
.nav {
	position: relative;
	color: #fff;
	height: 50px;
	float: left;
    /*width: 380px;*/
   /* width: 350px;*/
	/*width: 400px;*/
	z-index: 999;
}
.nav .nav-ul {
	float:left;
	margin-left:10px
}
.nav .nav-ul li {
	position: relative;
	float: left;
	/*width: 90px;*/
	/*margin-right: 30px;*/
  /*  width: 85px; */
    margin-right: 10px;
	display: inline;
	text-align: center;
}
.nav .nav-ul li:last-child {
   margin-right: 0; 
}   
.nav h2 {
	font-weight: normal;
	font-size: 16px;
}
.nav .on h2 a, .nav a:hover {
	background: #69b82d;
	color: #fff;
}
.nav h2 a {
	zoom: 1;
	height: 50px;
	line-height: 50px;
	display: block;
	color: #fff;
	font-size:16px;
    padding: 0 5px;
	/*padding: 0 6px;*/
}
.top-right {
	float:right;
	position:relative;
	height: 50px;
	line-height: 50px;
}
.top-right .no-login, .top-right .login-on {
	float:left;
}
.top-right a {
	color: #aaa;
	display:inline-block;
	height: 50px;
	line-height: 50px;
	/*padding: 0 15px;*/
    padding: 0 5px;
	position: relative;
	float:left;
}
.top-right a:hover {
	background:#191919;
	color:#fafafa;
}
.top-right .login-on .user {
	background:url(../images/user.png) right center no-repeat;
	color:#86ce2f;
    padding-right:25px;
}
.top-right .login-on .user a {
	color: #589831;
	/*max-width:120px;*/
    max-width:75px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.top-right .login-on span {
	padding:0;
	color:#aaa;
	line-height:50px;
	float:left;
}
.top-right .login-on .mess {
	background:#ff0000;
	color:#fff;
	min-width:16px;
	height:16px;
	line-height:16px;
	text-align:center;
	border-radius: 150px;
	padding:0 3px;
	margin:17px 20px 0 5px;
}
/*-----------------------����----------------------*/
.search-bg {
	height:80px;
	width:100%;
	padding-top:20px;
}
.search-box {
	width:580px;
	margin:0 auto;
	height:40px;
	border:#69b82d 2px solid;
	background:#fff;
}
.search-box a {
	width:100px;
	float:right;
	height:100%;
	line-height:36px;
	font-size:16px;
	color:#fff;
	background:#69b82d;
	display:block;
}
.search-box a:hover {
	background:#86ce2f;
}
.search-box a i {
	width:16px;
	height:19px;
	background:url(../images/search.png) 0 0 no-repeat;
	float:left;
	margin:10px 15px 0 10px;
}
.search-box a .icon_search {
	line-height:0
}
.search-box .search-content {
	width:450px;
	float:left;
}
.search-box .search-content input[name=search] {
	border:0;
	font-size:14px;
	width:100%;
	height:36px;
	line-height:36px;
	float:left;
	background:none;
	border:none;
	margin-left:10px;
	overflow:hidden;
}
.search-small {
	float:right;
	margin:10px 10px 0 0;
}
.search-small .search-box, .search-nomal .search-box {
    width: 280px;
    height: 30px;
    border: #69b82d 1px solid;
}
.search-small .search-box .search-content {
    width: 200px;
}
.search-small .search-box .search-content input[name=search], .search-nomal .search-box .search-content input[name=search] {
    height: 28px;
    line-height: 28px;
	margin-left:5px;
}
.search-small .search-box a, .search-nomal .search-box a {
    width: 75px;
    width: 75px;
    line-height: 28px;
    font-size: 14px;
    color: #fff !important;
}
.search-small .search-box a i {
    margin: 5px 5px 0 5px;
}
.search-nomal {
	float:right;
}
.search-nomal .search-box {
    width: 300px;
}
.search-nomal .search-box .search-content {
    width: 220px;
}
.search-nomal .search-box a {
    width: 70px;
}
.search-nomal .search-box a i {
    margin: 5px 5px 0 10px;
}
/*-----------------------���ض���----------------------*/
.scroll-scan {
	position:fixed;
	right:20px;
	bottom:30px;
	width:40px;
	height:140px;
	z-index:1000
}
.scroll-scan .scan-code {
	position:relative;
	margin-top:10px;
	width:40px;
	height:40px;
	background:url(../images/icon-code.png) no-repeat;
	cursor:pointer
}
.scroll-scan .scan-code .code-box {
	opacity:0;
	position:absolute;
	top:-30px;
	left:-106px;
	width:106px;
	height:100px;
	background:url(../images/code-bg.png) no-repeat;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transform-origin:right 50%;
	transform-origin:right 50%;
-webkit-transition:all .5s;
transition:all .5s
}
.scroll-scan .scan-code .code-box img {
	margin-top:6px;
	margin-left:6px;
	width:86px;
	height:86px
}
.scroll-scan .scan-code:hover {
	background:url(../images/icon-code-change.png) no-repeat
}
.scroll-scan .scan-code:hover .code-box {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transform-origin:right 50%;
	transform-origin:right 50%
}
.scroll-scan .go-top {
	margin-top:10px;
	width:40px;
	height:40px;
	background:url(../images/scrolltop.png) no-repeat;
	cursor:pointer
}
.scroll-scan .go-top:hover {
	background:url(../images/scrolltop-change.png) no-repeat
}
.scroll-scan .go-top-en {
    margin-top:10px;
    width:40px;
    height:40px;
    background:url(../images/scrolltop.png) no-repeat;
    cursor:pointer
}
.scroll-scan .go-top-en:hover {
    background:url(../images/scrolltop-change-en.png) no-repeat
}
.scroll-scan .go-top-show {
	display:block
}
.scroll-scan .go-top-hide {
}
.scroll-scan {
	bottom:-10px;
	height:140px;
	z-index:1000
}
.scroll-scan {
	position:fixed;
	right:20px;
	width:40px
}
/*---------------------------------------------*/
.loop-wrapper {
	position:relative;
	margin:0 auto;
	width:1180px;
	height:420px;
}
.category {
	height:420px;
	width:280px;
	float:left;
	background: #323436;
	-moz-box-shadow: 0 1px 3px #e8e8e8;
	-webkit-box-shadow: 0 1px 3px #e8e8e8;
	box-shadow: 0 1px 3px #e8e8e8;
	position:relative;
}
.category ul {
	float:left;
	width:100%;
}
.category ul li {
	float:left;
	width:100%;
	height:104px;
	border-top:#444 1px solid;
	position:relative;
	transition: 0.3s;
	cursor:pointer;
}
.category ul li:first-child {
	border:none;
}
.category ul li:hover, .category .on {
	background:#444;
}
.icon_font {
	position: absolute;
	width: 44px;
	height: 50px;
	top: 16px;
	right: 0;
	background: url(../images/infoto.png) 0px -50px no-repeat;
}
.category ul li:hover .icon_font, .category .on .icon_font {
	background-position: 0 0;
}
.category ul li h3 {
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	line-height:30px;
	margin-top:10px;
	font-weight:normal;
}
.category ul li h3 a {
	font-size: 16px;
	color:#fff;
}
.category ul li a {
	cursor:pointer;
	font-size:14px;
	padding:0 10px;
	float:left;
	display:inline-block;
	margin-left:10px;
	color:#aaa;
	line-height:24px;
}
.category ul li a:hover, .category_side a:hover {
	color:#69b82d!important;
}
.category_side {
	position:absolute;
	left:280px;
	top:-1px;
	z-index:999;
	width:500px;
	padding:16px 0;
	background:#f1f1f1;
	border:#444 1px solid;
	display:none;
	min-height:70px;
	min-height:50px\0;
	opacity:0.95;
	filter:alpha(opacity=95);
}
.category ul li:first-child .category_side{
	top:0;
}
.category_side h4 {
	font-weight: 700;
	width: 120px;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	vertical-align: top;
}
.category_side h4 a {
	font-size: 16px!important;
	color:#69b82d!important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	height:24px;
	width:100%;
}
.category_side>div {
	display: inline-block;
	vertical-align: middle;
	width: 370px;
	vertical-align: top;
}
.category_side a {
	color:#666!important;
}
.products-wrapper {
	width:100%;
}
.products {
	width:100%;
}
.products .title-area {
	margin:20px auto;
	width:1180px;
	height:30px;
	line-height:30px;
}
.products .title-area>h1 {
	font-size: 20px;
	color: #333;
	font-weight: normal;
	float: left;
}
.products .title-area .more-url, .brand-honor .more-url {
	font-size: 12px;
	color: #999;
	margin-left:30px;
}
.products .title-area .more-url:hover, .brand-honor .more-url:hover {
	color:#69b82d;
}
.products .title-area:after {
	content:'';
	display:block;
	clear:both
}
.products .product-list, .search-wrapper .products-select {
	margin:0 auto;
	width:1180px;
	overflow:hidden;
}
.products .product-list .product {
	margin-right: 20px;
}
.search-wrapper .products .product-list .product {
	margin-top:20px;
}
.product {
	width: 280px;
	overflow: hidden;
	float: left;
	height: 310px;
	background: #fff;
}
.product:hover {
	background: #fff;
	-moz-box-shadow: 0 1px 3px #e8e8e8;
	-webkit-box-shadow: 0 1px 3px #e8e8e8;
	box-shadow: 0 1px 3px #e8e8e8;
}
.product .product-content {
	overflow:hidden;
	position:relative;
	width:100%;
}
.loading-image-container {
	position: relative;
	width: 280px;
	height: 180px;
	overflow: hidden;
    text-align:center;
}

.product .product-content .loading-image-container img {
	/*width: 127px;*/
    width:200px;
	height: 180px;
 -moz-transition: all .5s ease 0;
 -o-transition: all .5s ease 0;
 -webkit-transition: all .5s ease 0;
 transition: all .5s;
}
.product:hover .product-content .loading-image-container img {
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.product .product-content>h2, .product .product-content .price-content {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size:14px;
	position:relative;
}
.product .product-content>h2, .product .product-content>h2 a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:99%;
}
.product .product-content a {
	color:#444;
	display:inline-block;
}
.product .product-content a:hover {
	color:#69b82d;
}
.product .product-content .period, .product .product-content .product-teacher {
	color: #999;
	padding-left: 10px;
	position: relative;
	height: 20px;
	line-height: 20px;
	margin-top: 5px;
	overflow: hidden;
	font-size:12px;
}
.product .product-content .period span, .product .product-content .product-teacher span {
	margin-right:10px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width:50%;
	float:left;
}
.product .product-content .price-content .init-price {
	color:#444;
	font-size:14px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float:left;
	width:62%;
}
.product .product-content .price-content .init-price1 {
	color:#444;
	font-size:14px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position:absolute;
	right:10px;
}
.organ-course .product-list .product {
	height:260px;
}
.organ-teacher .product-list .product {
	height:330px;
}
.teachers .product-list .product {
	height:330px;
	margin-top:20px;
}
.organ-teacher .loading-image-container, .organ-teacher .product-list .product .product-content .loading-image-container img, .teachers .loading-image-container, .teachers .product-list .product .product-content .loading-image-container img {
	height: 280px;
}
.organ-teacher .product-list .product .product-content>h2, .teachers .product-list .product .product-content>h2 {
	text-align:center;
}
.teachers {
	padding:50px 0;
}
.organ-certificate .product-list .product {
	height:210px;
}
.organ-certificate .loading-image-container, .organ-certificate .product-list .product .product-content .loading-image-container img {
	height: 160px;
}
.product .teacher-bg {
	position:absolute;
	top:-5px;
	left:-5px;
	width:260px;
	height:300px;
	border:#ddd 1px solid;
	z-index:1
}
.product:hover .product-content .price-content {
	border:0
}
/*------------------------brand-honor---------------------*/

.brand-honor {
	border:0;
	margin: 0 auto;
	width: 1180px;
}
.brand-honor ul {
	width: 1180px;
	/*height:192px;*/
    height:185px;
	overflow:hidden;
    box-sizing:border-box;
   -moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */ 
}
.brand-honor ul li {
	display:inline-block;
	float: left;
	overflow: hidden;
	width: 143px;
    /*width: 122px;*/
    height: 185px;
	/*height: 152px;*/
	position: relative;
	margin:20px 10px 20px 15px;
   box-sizing:border-box;
   -moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */
   text-align: center; 	
}
.brand-honor ul li img {
   display: inline-block;
	/*width:120px;*/
    width: 90px;
    height: 90px;
	/*height:120px;*/
	overflow:hidden;
	border-radius: 50%;
	vertical-align: middle;
}
.brand-honor ul li img:hover {
  /*border:#69b82d 1px solid; */
}
.brand-honor ul li p {
	text-align:center;
	line-height:40px;
	font-size:14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*----------------------footer-----------------------*/

.footer {
	width:100%;
	color:#666;
	font-size:14px;
	float:left;
	background:#323436;
	position:relative;
	bottom:0;
	z-index:999;
	margin-top:30px;
}
.footer .footer-us {
	margin:0 auto;
	position:relative;
	width:1180px;
	height:210px;
}
.footer .about-us {
	padding-top:15px;
}
.footer .about-us h4 {
	padding-bottom:5px;
	font-size:14px;
	color:#fff;
}
.footer .about-us .understand {
	width:25%;
	float:left;
}
.footer .about-us .understand ul li {
	float:left;
	margin-top:15px;
	width:110px
}
.footer .about-us .contact {
	width:35.6%;
	float:left;
}
.footer .about-us .contact h4 a {
	color:#fff;
}
.footer .about-us p {
	text-align:center;
	line-height:20px;
}
.footer .about-us .contact p {
	margin-top:15px;
	text-align:left;
}
.footer .about-us .attention {
	width:30%;
	float:left;
}
.footer .about-us .attention div {
	float:left;
	width:100px
}
.footer .about-us .attention .lqww {
	margin-left:20px;
}
.footer .about-us img {
	width:100px;
	height:100px;
	border:#fff 5px solid;
}
.footer .about-us .wwweike {
	float:right;
}
.footer .address {
	height:80px;
	line-height:50px;
	border:0;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	z-index:999;
}
/*-----------------------login---------------------*/
.login_header {
	width:100%;
	height: 62px;
	overflow: hidden;
	zoom: 1;
	border-bottom: 1px solid #daecd8;
}
.login_logo {
	margin-left:30px;
	margin-top:8px;
	width:330px;
	height:45px;
	font-size:0;
	text-indent:-9999px;
	float:left;
	background:url(../images/m_icons.png) 0 0 no-repeat;
}
.login_logo:hover {
	background-position:0 -45px;
}
.header_link {
	overflow: hidden;
	margin-top: 16px;
	padding-right: 20px;
	line-height: 30px;
	text-align: right;
	color: #b6b6b6;
	float:right;
}
.header_link a, .login .forget_login a {
	color:#69b82d;
}
.header_link a:hover, .login .forget_login a:hover {
	color:#0abde3;
}
.loginBox {
	width: 1180px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
.loginBox_wrapper {
	padding:30px 0 0 0;
}
.login_container {
	position:relative;
	z-index:12;
	overflow:hidden;
	visibility: visible;
	min-height: 500px;
}
.login_container h1 {
	width:340px;
	text-align:center;
	font-size:18px;
	position:absolute;
	top:20px;
}
.login {
	width: 340px;
	float:left;
	border: 1px solid #a5c4a1;
	border-radius: 5px;
	margin-top:60px;
}
.login .login_header {
	height: 50px;
	border-bottom: 1px solid #c0d8be;
	position:relative;
}
.login_header .switch {
	height: 46px;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 16px;
	width:100%;
}
.login_header .switch .switch_btn {
	color: #999;
	display: inline-block;
	height: 45px;
	line-height: 45px;
	outline: 0;
	width:50%;
	text-align:center;
	float:left;
}
.login_header .switch .switch_btn_focus {
	color: #69b82d;
	display: inline-block;
	height: 45px;
	line-height: 45px;
	outline: 0;
	width:50%;
	float:left;
	text-align:center;
}
.login_header .switch .switch_bottom {
	bottom: 0px;
	_bottom: -2px;
	border-bottom: 2px solid #69b82d;
}
.login .login_form {
	width: 284px;
	margin:10px auto 30px auto;
	padding:20px 0;
}
.login .uinArea, .login .pwdArea, .login .codeArea {
	height: 40px;
	position: relative;
	z-index: 10;
	margin-top:10px;
}
.login .input_tips {
	top: 12px;
	_top: 14px;
	position: absolute;
	left: 13px;
	font-size: 14px;
	line-height: 16px;
	color: #aaa;
	cursor: text;
}
.login .input_tips_focus {
	top: 12px;
	_top: 14px;
	position: absolute;
	left: 13px;
	font-size: 14px;
	line-height: 16px;
	color: #ddd;
	cursor: text;
}
.login .inputOuter {
	background: none;
	border: 1px solid #93ac90;
	border-radius: 0px;
	height: 38px;
	width: 282px;
	border-radius: 2px;
}
.login .inputOuter_focus {
	background: none;
	border: 1px solid #86ce2f;
	border-radius: 0px;
	height: 38px;
	width: 282px;
	border-radius: 2px;
}
.login .codeArea .inputOuter_focus {
	background: none;
	border: 1px solid #86ce2f;
	border-radius: 0px;
	height: 38px;
	width: 60%;
	border-radius: 2px;
	float:left;
}
.login .uin_del {
	color:#FF0000;
	font-size:12px;
	height:16px;
	line-height:16px;
	position:relative;
	z-index:10;
	display:none;
}
.pwdArea span {
	margin-right:20px;
}
.login .inputstyle {
	width: 258px;
	position: relative;
	top: 5px;
	left: 10px;
	height: 24px;
	line-height: 24px;
	border: 0;
	background: 0;
	color: #333;
	font-size: 16px;
}
.login .codeArea .input_tips {
	color:#ddd;
}
.login .codeArea .inputOuter {
	width: 60%;
	border: 1px solid #d1d1d1;
	float:left;
}
.login .codeArea .inputstyle {
	width: 90%;
}
.login .codeArea .codeimg {
	width: 60px;
	float:right;
	margin:6px 3px 0 0;
}
.login .codeArea .codeimg img {
	width: 60px;
	height:25px;
}
.login .inputstyle.password, .login .inputstyle.sode {
	width: 200px;
}
input, textarea, select, button {
	font-size: inherit;
	font-family: inherit;
	line-height:24px;
}
input[type="text"]:focus, input[type="password"]:focus {
	outline:0;
}
.login .submit {
	position: relative;
	z-index: 10;
	height: 40px;
	margin-top: 20px;
}
.login .login_button {
	right: 0px;
	top: 0;
	background-color: #86ce2f;
	outline: none;
	border-radius: 3px;
	position: absolute;
	left: 0;
}
.login .login_button:hover {
	background-color: #69b82d;
}
.login .login_button .btn {
	background: none;
	height: 40px;
	line-height: 39px;
	width: 100%;
	outline: none;
	border: 0;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
}
.login .forget_login {
	font-size:14px;
	margin-top:10px;
}
.login .otherlogin {
	padding:0 0 10px 0;
	margin-top:10px;
	font-size:14px;
	color:#333;
}
.login .otherlogin ul {
	padding:10px 0 60px 0;
}
.login .otherlogin ul li {
	float:left;
	display:inline-block;
	width:25%;
	text-align:center;
}
.login .otherlogin ul li p {
	width:100%;
	text-align:center;
	display:inline-block;
}
.login .otherlogin .lqww {
	width:40px;
	height:40px;
	display:inline-block;
	background:url(../images/login_logo.png) 0 0 no-repeat;
}
.login .otherlogin .lqww:hover {
	background-position:0 -40px;
}
.login .otherlogin .loginqq {
	width:40px;
	height:40px;
	display:inline-block;
	background:url(../images/login_logo.png) -40px 0 no-repeat;
}
.login .otherlogin .loginqq:hover {
	background-position:-40px -40px;
}
.login .otherlogin .loginweib {
	width:40px;
	height:40px;
	display:inline-block;
	background:url(../images/login_logo.png) -80px 0 no-repeat;
}
.login .otherlogin .loginweib:hover {
	background-position:-80px -40px;
}
.login .otherlogin .loginweix {
	width:40px;
	height:40px;
	display:inline-block;
	background:url(../images/login_logo.png) -120px 0 no-repeat;
}
.login .otherlogin .loginweix:hover {
	background-position:-120px -40px;
}
.login_pictures {
	position: relative;
	float:right;
	width:750px;
	height:480px;
	background:url(../images/login_bg.png) 0 0 no-repeat;
}
.login_pictures_picture {
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:500px;
	_width:100%;
	background-repeat:no-repeat;
	background-position:right center;
	background-position:right 150px;
	z-index:10;
}
.login_pictures_txt {
	position:relative;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	z-index:1;
}
.login_pictures_title {
	line-height:26px;
	font-size:24px;
	font-weight:normal;
	color:#69b82d;
	padding:0 0 15px 0;
}
/*------------------------�����---------------------*/
.buybar, .detail-course, .live-course-detail, .intro-nav-main {
	max-width:1180px;
	margin-left:auto;
	margin-right:auto
}
.buybar:after, .detail-course:after, .live-course-detail:after, .tab-container:after {
	content:" ";
	display:block;
	clear:both
}
.detail-course {
	box-sizing:border-box;
	border-radius:2px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px #e8e8e8;
	-webkit-box-shadow: 0 1px 3px #e8e8e8;
	box-shadow: 0 1px 3px #e8e8e8;
	width:1180px;
}
.detail-course .cover {
	float:left;
	padding:13px;
}
.cover-group img {
	display:block;
	/*width:560px;*/
    width:255px;
	height:362px;
}
.detail-course .cover .cover-group .video-box #vjs_video_3 .vjs-poster {
	background-color:transparent
}
.detail-course .course-info {
	float:right;
    width:885px;
	/*width:580px;*/
	padding:30px 30px 20px;
}
.detail-course .course-info1 {
    float:right;
    /*width:885px;*/
    width:580px;
    padding:30px;
}
.detail-course .g-mn2 {
	width:580px;
	float:left;
	display:inline-block;
	margin:20px 0 0 20px;
}
.detail-course .g-sd2 {
	float:right;
	padding:20px;
}
.detail-course .g-mn2 h2 {
	font-size: 20px;
	margin: 20px 0 10px 0;
}
.detail-course .g-mn2 p {
	font-size: 14px;
	line-height: 24px;
	max-height:72px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.f-cb {
	zoom: 1;
}
.m-recimg {
	cursor: pointer;
	width: 420px;
	height: 240px;
	position:relative;
}
.m-recimg .clickBtn {
	position: absolute;
	top:100px;
	left: 120px;
	width: 182px;
	height: 52px;
	background:url(../images/previewBtn.png) 0 -52px no-repeat;
	display:block;
}
.m-recimg .clickBtn:hover {
	background-position:0 0;
}
.course-info h2 {
	color:#333;
	font-size:20px;
	line-height:30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.course-info div.course-detail {
	margin-top:20px
}
.course-info div.course-detail p {
	font-size:14px;
	padding:5px 0;
}
.intakes {
	line-height:24px;
	padding:0 10px;
	color:#bbb;
}
.course-info div.course-detail p.p-intakes {
	line-height:24px;
	padding: 16px 0 0 0;
	color:#333;
	font-size:18px !important;    
}
.course-info div.course-detail p.p-intakes span {
   color:#FF4848;
   font-size: 22px;
   margin-left: 5px;
}
.course-detail span {
	line-height: 24px;
	padding: 5px 20px 5px 0;
}
.course-info .intakes .c33 {
	color: #999;
}
*, :after, :before {
	box-sizing: border-box;
}
.course-info .course-desc {
	color: #333!important;
	line-height: 20px;
	padding: 8px 10px 0 0;
}
.course-info  p.course-desc-new {
     display: block;
    line-height: 20px;
    height: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}
.course-info .course-desc span {
	padding: 0;
	display:block;
	line-height: 20px;
	height:80px;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:10px;
}
.course-info .course-desc .course-intr {
	margin-bottom: 4px;
	display: inline-block;
}
.course-star {
	margin-top:15px;
}
.course-star-p {
	margin:0 20px 0 5px;
	display: inline-block;
}
.course-info div.course-detail .buy-group {
	margin-top: 0!important;
}
.course-info .course-detail .buy-group {
	margin-top: 40px;
}
.buy-group {
	margin-top: 40px;
}
.inline-b {
	display: inline-block;
}
.course-info .course-detail .buy-group .inline-b a.buy-now {
	background-color: #ff6600;
	color: #fff;
	margin-right: 20px;
}
.course-info .course-detail .buy-group .inline-b a.buy-now:hover {
	background-color: #da5700;
}
.course-info div.course-detail .buy-group a {
	display: inline-block;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	border: 1px solid #ff6600;
	color: #ff6600;
	border-radius: 2px;
}
.course-info .course-detail .buy-group a {
	display: inline-block;
	border-radius: 4px;
	width: 146px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #ff6600;
	color: #ff6600;
}
.course-info .course-detail .buy-group .advisory {
	color: #ff6600;
	background-color: #ffeee3!important;
}
.course-info div.course-detail .buy-group .advisory:hover {
	background-color: #fed8bf!important;
}
.intro-nav {
	margin-top:20px;
}
.intro-nav-main {
	position: relative;
	border-bottom: 1px solid #e8e8e8;
	background: #fff;
	width: 100%;
}
.main {
	overflow: hidden;
	height:60px;
}
.main>a span {
	display: inline-block;
	box-sizing: border-box;
	height:50px;
	line-height:50px;
	font-size: 16px;
	color: #666;
	text-align: center;
	cursor: pointer;
	position: relative;
	padding:0 40px;
	padding-bottom:5px;
}
.main>a .act {
	color: #69b82d;
	border-top:#69b82d 5px solid;
	box-sizing: border-box;
}
.main>a .act:hover, .main>a span:hover {
	color: #69b82d;
	border-top:#ddd 5px solid;
}
.wrapper {
	background: #fff;
	overflow: hidden;
	position: relative;
	margin:0 auto;
	width:1180px;
	margin-bottom:20px;
}
.clearfix {
	padding:0 20px;
}
.intro-panel {
	padding: 30px 0;
	float: left;
	width: 100%;
}
.intro-panel .panel-title {
	border-left: 8px solid #69b82d;
	font-size: 16px;
	font-family: 'microsoft yahei';
	color: #333;
	padding-left: 10px;
	line-height: 20px;
	margin-bottom: 20px;
	height:20px;
	position:relative;
}
.all-or-listen {
	position: absolute;
	top: -5px;
	left: 100px;
	z-index: 888;
}
.all-or-listen .all:hover, .all-or-listen .listen:hover {
	background-color:#efffe3;
}
.all-or-listen .selected, .all-or-listen .selected a {
	background-color: #69b82d!important;
	color: #fff!important;
	display:inline-block;
}
.all-or-listen .all, .all-or-listen .listen {
	float: left;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	color: #69b82d;
	line-height: 20px;
	border: 1px solid #69b82d;
	padding:5px 20px;
}
.all-or-listen #param1, .all-or-listen #detailId {
	border-radius: 2px 0 0 2px;
	margin:0!important;
}
.all-or-listen #param2, .all-or-listen #planId {
	border-radius: 0 2px 2px 0;
	margin:0!important;
}
.intro-panel .panel-con {
	position: relative;
	font-size: 14px;
	font-family: 'microsoft yahei';
	line-height: 24px;
	width:100%;
	float:left;
}
.intro-role-panel .roles-img, .intro-goal-panel .roles-img {
	float: left;
	margin-top: 8px;
}
.intro-role-panel .icon-class-roles, .intro-goal-panel .icon-class-roles {
	display: block;
	width: 82px;
	height: 82px;
	background: url(../images/icon-role.png) no-repeat;
}
.intro-role-panel .roles-detail, .intro-goal-panel .roles-detail {
	padding-left: 30px;
	line-height: 28px;
	color: #666;
	height:140px;
	float:left;
	width:80%;
	overflow:hidden;
}
.intro-role-panel .icon-class-goals, .intro-goal-panel .icon-class-goals {
	display: block;
	width: 82px;
	height: 82px;
	background: url(../images/icon-goal.png) no-repeat;
}
.clearfix hr, .setting-content hr {
	height: 0px;
	width: 100%;
	border-top: 1px #e5e5e5 dashed;
	display: block;
	float: left;
	line-height: 0;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	margin-bottom: 0;
	box-sizing: content-box;
}
.task-part-item {
	width:100%;
	float:left;
	margin-top:20px;
	position:relative;
	z-index:3;
}
.task-part-item .task-part-hd {
	line-height: 40px;
	height: 40px;
	background: #f3f3f3;
	position: relative;
	width:100%;
	float:left;
}
.task-part-item .tt-prefix {
	background: #666;
	color: #fff;
	width: 72px;
	text-align: center;
	font-size: 16px;
	float: left;
	margin-right: 8px;
	line-height:38px;
	height: 40px;
	overflow:hidden;
}
.task-part-item .tt-planfix {
	background: #fff;
	color: #666;
	width: 88px;
	text-align: center;
	font-size: 18px;
	float: left;
	margin-right: 20px;
	line-height:40px;
	height: 40px;
	overflow:hidden;
	border:#666 1px solid;
}
.task-part-item .on .tt-planfix {
	background: #666;
	color: #fff;
}
.task-part-item .part-tt {
	font-size: 16px;
	color: #333;
	/*width: 80%;*/
    width: 90%;
	position: absolute;
	/*left: 108px;*/
    left: 18px;
	line-height: 40px;
	height: 40px;
	overflow:hidden;
}
.icon_down, .icon_up {
	background: url(../images/icon_down.png) 0 0 no-repeat;
	display: inline-block;
	height: 40px;
	width: 40px;
	float:right;
	margin:0 10px 0 0;
	padding:0;
}
.icon_down:hover {
	background-position:-40px 0;
}
.task-part-item .on .icon_down, .icon_up {
	background-position:0 -40px;
}
.task-part-item .on .icon_down:hover, .icon_up:hover {
	background-position:-40px -40px;
}
.task-part-item .table-btn {
	position:relative;
	float:right;
	margin:8px 10px 0 0;
	line-height:24px;
}
.task-task-tab {
	padding: 40px 0 10px 0;
	overflow: visible;
	position: relative;
	line-height: 24px;
	width: 60%;
	margin-left:100px;
}
.task-task-list {
	margin-top:10px;
	position:relative;
	width: 100%;
	float:left;
	height:40px;
	line-height:40px;
	border-bottom:1px #ddd solid;
}
.task-task-list .task-task-item {
	position: relative;
	font-size:14px;
	line-height: 40px;
	padding:0;
	float:left;
	display:inline-block;
	margin-left:90px;
	width: 90%;
	box-sizing: border-box;
}
#course_plan .task-task-list .task-task-item, #plan .task-task-list .task-task-item, .lessonBox .task-task-list .task-task-item {
	margin-left:5px;
}
.intro-panel .task-task-list .task-task-item {
	margin-left:20px;
}
.task-task-list:hover {
	background:#efffe3;
}
.task-task-list .icon-listen {
	position:absolute;
	z-index:20;
	top:11px;
	left:54px;
	padding:0;
	line-height:18px;
	display:inline-block;
}
.task-task-list .icon-nomber {
	position:absolute;
	z-index:20;
	top:14px;
	left:35px;
	padding:0 5px;
	line-height:18px;
	display:inline-block;
	border:#666 1px solid;
	background:#fff;
}
.task-task-list .icon-read {
	position:absolute;
	z-index:20;
	top:11px;
	right:0;
	padding:0;
	line-height:18px;
	display:inline-block;
}
.task-task-list .icon-listen a, .task-task-list .icon-read a {
	float:left;
	display:inline-block;
	margin-right:20px;
}
.task-task-list .icon-listen a img, .task-task-list .icon-read a img {
	height:18px;
	width:18px;
}
.icon-pic {
	width:75px;
	height:75px;
	line-height:75px;
	display:block;
}
.item-icon {
	float:right;
	margin-top:8px;
	margin-left:10px;
}
.task-task-list .edit-icon {
	font-size:14px;
	background:#74cd55;
	border:#74cd55 1px solid;
	color:#fff;
	padding:2px 5px;
	margin:-3px 0 0 0;
	border-radius: 2px;
}
.item-icon:hover, .task-task-list:hover .item-icon, .task-task-add:hover, .comment-push .table-btn:hover {
	background:#69b82d;
	border:#69b82d 1px solid;
	color:#fff;
}
.task-task-list .task-tt-text {
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	/*width:88%;*/
	width:80%;
	float:left;
	background:url(../images/dot.png) 0 center no-repeat;
	padding-left:40px;
}
.task-task-list .task-tt-text:hover {
	color: #69b82d;
}
.task-task-add {
	font-size:16px;
	min-width: 200px;
	height:30px;
	line-height:30px;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
	padding:0;
	background-color: transparent;
	border:1px solid #69b82d;
	color:#69b82d;
	vertical-align:middle;
	border-radius: 2px;
}
.cert-add .task-task-add {
	height:50px;
	line-height:50px;
}
.comment-filter {
	background: #f3f3f3;
	padding: 20px;
	position: relative;
	margin:20px 0;
}
.comment-filter .comment-statistics {
	display: inline-block;
	width:100px;
}
.star-list {
	width:90px;
	height:17px;
	display: inline-block;
	line-height:17px;
	cursor:hand;
	background:url(../images/comment.png) 0 0 no-repeat;
}
.star-grade {
	height:17px;
	line-height:17px;
	cursor:hand;
	background:url(../images/comment.png) 0 -17px no-repeat;
}
.comment-textarea {
	width:100%;
	margin:20px 0;
}
.comment-textarea textarea {
	width:99%;
	height:150px;
	padding:10px;
	border:#ccc 1px solid;
	background:#fff;
}
.comment-push {
	text-align:right;
}
.comment-list .comment-item:first-child {
	border-top: 0;
}
.comment-list .comment-item {
	position: relative;
	padding: 20px 20px 20px 80px;
	border-top: 1px #e5e5e5 dashed;
}
.comment-list .item-right .comment-item {
	border-top: 1px dashed #e5e5e5;
	width:70%;
}
.comment-list .comment-item .item-left {
	position: absolute;
	width: 80px;
	text-align: center;
	top: 20px;
	left: 0;
}
.user-avatar {
	border-radius: 50%;
	width:60px!important;
	height:60px!important;
}
.comment-list .comment-item .user-name {
	color:#69b82d;
	width:80px;
	text-align:center;
	height:22px;
	line-height:22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.comment-list .comment-item .item-right {
	position: relative;
}
.comment-list .comment-time {
	margin-left:20px;
	line-height:22px;
	height:20px;
	display:inline-block;
	color:#ccc;
}
.comment-list .comment-item .comment-bd, .comment-list .comment-item .comment-reply {
	margin: 10px 0;
}
.comment-list .comment-item .comment-bd {
	min-height:22px;
}
.comment-ft {
	color: #999;
}
.comment-input {
	width:60%;
	border: 1px solid #ccc;
	padding:0 5px;
	margin-right:10px;
	height:30px;
	line-height:30px;
}
/*------------------------�γ��б�---------------------*/

.search-container {
	width:1180px;
	margin:0 auto;
	max-width:1180px;
	position:relative;
	height:100%;
	overflow:visible;
}
.search-container:after {
	content:" ";
	display:block;
	clear:both;
	content:"";
	display:table
}
.search-container a {
	cursor:pointer
}
.search-container .loading, .search-container .loading-s {
	margin-bottom:16px;
	height:400px;
	text-align:center;
	line-height:400px;
	background:#fff;
	border-radius:6px
}
.search-container .loading-s img, .search-container .loading img {
	width:120px
}
.search-container .loading-s img {
	width:72px
}
.search-container .products-select {
	width:100%;
	border-radius:2px;
	position:relative;
	height:auto;
	background:#fff;
	margin-top:20px;
}
.products-select .exam-tags {
	padding:0 10px;
	border-bottom:1px solid #e8e8e8;
	background:#fff;
	height:50px;
	line-height:50px;
	font-size:14px
}
.products-select .exam-tags .exam-category {
	height:50px;
	line-height:50px
}
.products-select .exam-tags ul li {
	float:left;
	margin:10px 10px 0 0;
	cursor:pointer;
	height:30px;
	line-height:30px;
}
.products-select .exam-tags a {
	color:#333;
transition:all .3s ease-in-out
}
.products-select .exam-tags a:hover {
	color:#86ce2f;
}
.products-select .exam-tags li a {
	padding:0 10px;
transition:all .3s ease-in-out
}
.products-select .exam-tags li a:hover, .products-select .exam-tags li.select-color a {
	padding:0 10px;
	background:#69b82d;
	color:#fff;
	display:block;
	border-radius:2px;
}
.btn-select {
	float:right;
}
.btn-select select {
	width: 100px;
	height:30px;
	line-height:30px;
	border:#ccc 1px solid;
	margin-left:10px;
	text-indent:10px;
}
.search-container .search-continer-left {
	width:280px;
	float:left;
}
.search-container .search-continer-right {
	width: 880px;
	float: right;
	position: relative;
}
.sort-menu-con {
	background:#fff;
	border:1px solid #e8e8e8;
}
.sort-menu-box {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.sort-menu {
	padding-left: 80px;
	overflow: hidden;
	margin:15px 0;
}
.sort-menu dt {
	color: #000;
	margin-left: -80px;
	width: 80px;
	padding:5px 0;
	padding-left: 18px;
}
.sort-menu dt, .sort-menu dd {
	float: left;
	position: relative;
	z-index: 1;
}
.sort-menu a {
	display: inline-block;
	margin: 0 10px;
	padding: 5px 10px;
	color: #666;
}
.sort-menu .curr a, .sort-menu a:hover {
	background:#69b82d;
	color:#fff;
	border-radius:2px;
}
.course-list-container, .course-list {
	width:100%;
	height:100%;
}
.course-list:after {
	content:"";
	display:table;
	clear:both
}
.course-list .course-item {
	width:100%;
	float:left;
	position:relative;
	z-index:1;
	margin-top:20px;
	border-radius:2px;
	overflow:hidden;
	-moz-box-shadow: 0 1px 3px #e8e8e8;
	-webkit-box-shadow: 0 1px 3px #e8e8e8;
	box-shadow: 0 1px 3px #e8e8e8;
}
.course-list .course-item .product-cnt-price, .course-list .course-item .product-ori-price {
	display:inline;
	padding-right:10px
}
.course-list .course-item .product-cnt-price {
	font-size:16px;
	color:#ff5d5d;
}
.course-list .course-item .product-ori-price {
	margin-top:-5px;
	line-height:14px;
	font-size:12px;
	color:#999;
	text-decoration:line-through
}
.course-list .course-item .course-item-detail {
	overflow:hidden;
	background:#fff;
	padding:20px 10px;
}
.course-list .course-item .course-item-detail .course-img {
	display:inline-block;
	height:180px;
	width:280px;
	float:left;
	overflow:hidden
}
.course-list .course-item .course-item-detail img {
	height:180px;
	/*width:280px;*/
    width:127px;
 -moz-transition: all .5s ease 0;
 -o-transition: all .5s ease 0;
 -webkit-transition: all .5s ease 0;
 transition: all .5s;
}
.course-list .course-item .course-item-detail .course-item-detail-text {
	padding:10px;
	width:570px;
	float:right;
}
.course-list .course-item:hover {
transition:all .3s ease-in-out;
	-moz-box-shadow: 0 1px 16px #e8e8e8;
	-webkit-box-shadow: 0 1px 16px #e8e8e8;
	box-shadow: 0 1px 16px #e8e8e8;
}
.course-list .course-item:hover img {
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.course-container a {
	cursor: pointer;
}
.text-h2 {
	display:block;
	zoom: 1;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #333;
 transition: all .3s ease-in-out;
	line-height:30px;
}
.text-r {
	float:right;
	font-size: 12px;
	padding: 0 10px;
	color: #fff;
	font-family: Arial;
	border-radius: 25px;
	line-height:20px;
	text-transform: uppercase;
	background: #7EC1FF;
}
.text-h4 {
	height:60px;
	color:#666;
}
.text-h3, .text-h4 {
	display:block;
	zoom: 1;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	margin-top:5px;
	line-height:20px;
}
.text-h3 {
	white-space: nowrap;
	color: #999;
}
.text-h3 span {
	margin-right:10px;
	float:left;
}
.more {
	padding:0;
	float:right!important;
}
.more a ,.showLevel a{
	color:#69b82d;
}
.more a:hover ,.showLevel a:hover{
	color:#ff6600;
}
.course-list .course-item .course-item-detail .course-item-detail-text .course-cover {
	position: relative;
	border-top: 1px dashed #eee;
	padding: 0;
	margin-top:10px;
}
.course-list .course-item .course-item-detail .course-item-detail-text .course-cover p {
	width: 100%;
}
.course-other-list {
	width: 100%;
	float: left;
}
.search-container >.search-continer-left >.course-other-list {
   min-height: 270px;
}
.course-other-list ul {
	background: #fff;
	width: 100%;
	float: left;
}
.course-other-list ul li {
	width: 100%;
	cursor: pointer;
	float: left;
	font-size: 14px;
	line-height:50px;
}
.course-other-list .course-other li {
	line-height:60px;
	height:60px;
	border: 1px solid #eee;
	border-top:none;
}
.course-other-list .course-other li:first-child {
	border-top: 1px solid #eee;
}
.course-other-list h3 {
	font-size:16px;
	width: 100%;
	cursor: pointer;
	float: left;
	line-height:60px;
}
.course-other-list li h3 a {
	padding-left:20px;
	display:block;
	color: #999;
}
.course-other-list li a {
	padding-left:45px;
	display:block;
}
.course-other-list .active a, .course-other-list .active:hover a {
	background: #69b82d;
	color: #fff;
	display:block;
}
.course-other-list li:hover a, .course-other-list h3:hover a {
	background: #efffe3;
	color: #69b82d;
	display:block;
}
.course-left-product, .course-ad {
	width:100%;
	float:left;
	margin-top:20px;
}
.course-left-product>h2 {
	font-size: 16px;
	width:100%;
	float:left;
	font-weight:normal;
	color:#333;
	height: 36px;
	line-height: 32px;
	border-bottom: 1px solid #dfdee0;
}
.course-left-product .product {
	margin-top:20px;
}
.course-ad img {
	width:100%;
}
.setting-h2 {
	margin:10px 0;
	padding: 10px 0;
	border-bottom: 1px solid #e8e8e8;
	font-size: 18px;
	width: 100%;
}
.setting-h2 a {
	color: #000;
	margin:0 20px;
}
.setting-h2 a.on {
	color: #74cd55;
	padding: 10px 0;
	border-bottom: #74cd55 2px solid;
}
.sort-page {
	text-align: center;
	margin-top:30px;
}
.sort-page span {
	margin-right:10px;
}
a.page-btn-dis {
	color: #bcbcbc;
	cursor: default!important;
	background-color: #e3e3e3!important;
}
.sort-page a {
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	-moz-box-shadow: 0 1px 3px #e8e8e8;
	-webkit-box-shadow: 0 1px 3px #e8e8e8;
	box-shadow: 0 1px 3px #e8e8e8;
	padding:8px 15px;
	font-size: 14px;
	text-align: center;
	margin-right:10px;
	font-size: 14px;
}
.setting-content .sort-page a {
	background: #f1f1f1;
}
.sort-page .page-btn-cur {
	background: #69b82d!important;
	border:#69b82d 1px solid;
	color: #fff;
}
.organ-bg {
	background: url(../images/organ_bg.png) center top no-repeat;
	width:100%;
	float:left;
}
.organ-bg .products-title {
	padding:50px 0 5px 0;
	text-align:center;
	font-size:30px;
	width:200px;
	margin:0 auto;
	color:#666;
	border-bottom:#64ac2d 1px solid;
}
.organs {
	margin:0 auto;
	width: 1208px;
	min-height:600px;
}
.organs ul {
	padding:50px 0;
	float:left;
	width:100%;
}
.organs li {
	/*width:122px;*/
    width:172px;
	float:left;
	display:inline-block;
	margin:20px 14px 20px 15px;
	/*height:152px;*/
    height:204px;
}
.organs li img {
	border: 1px solid #ddd;
	/*width:120px;*/
    width:172px;
 	height:172px;
	/*height:120px;*/
	overflow:hidden;
}
.organs li img:hover {
	border: 1px solid #69b82d;
	box-shadow:0 0 12px rgba(0, 0, 0, .1)
}
.organs li p {
	text-align:center;
	line-height:30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.teacher {
	margin:0 auto;
	box-sizing: border-box;
	width: 1180px;
	height: 280px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px #e8e8e8;
	-webkit-box-shadow: 0 1px 3px #e8e8e8;
	box-shadow: 0 1px 3px #e8e8e8;
}
.teacher .teacher-adav {
	padding:20px;
}
.teacher .teacher-adav img {
	width: 240px;
	height: 240px;
	float:left;
}
.teacher .teacher-introduction {
	margin-left: 20px;
	float: left;
	width: 870px;
	display:inline-block;
	max-height:210px;
	overflow:hidden;
}
.teacher .teacher-introduction .teacher-name {
	font-size:16px;
	color:#333;
}
.teacher .teacher-introduction .teacher-name .btn-7 {
	float:right;
	width:100px;
}
.teacher .teacher-introduction .teacher-tag {
	margin-top:10px;
	width:100%;
	height:20px;
	line-height:20px;
}
.teacher .teacher-introduction .teacher-tag i {
	float:left;
	margin-right:5px;
	font-size:12px;
	height:20px;
	line-height:20px;
	padding:0 10px;
	color:#fff;
	font-family:Arial;
	border-radius:25px;
	text-transform:uppercase;
	background:#4c4a50
}
.teacher .teacher-introduction .teacher-tag i span {
	padding:0;
	line-height:20px;
}
.teacher .teacher-introduction .sub, .teacher .teacher-introduction .teacher-info {
	margin-top:20px;
	line-height:22px;
	font-size:14px;
	color:#666;
	overflow:hidden;
	max-height:154px;
}
.teacher .teacher-introduction .book {
	margin-top:20px;
	font-size:14px;
	line-height:22px;
	color:#666;
	overflow:hidden;
	max-height:44px;
}
.teacher .teacher-introduction .book span {
	margin-right:20px;
}
/*------------------------������---------------------*/
.auto-cover-bg {
	position:fixed;
	_position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	z-index:10030;
	background-color:#3b3b3b;
	opacity:0.65;
	filter:alpha(opacity=65);
}
.auto-box {
	position:fixed;
	background:#fff;
	text-align:left;
	z-index:10032;
	top:200px;
	left:50%;
	color:#444;
	box-shadow:0px 2px 18px #999;
	border-radius:4px;
}
.auto-box-center {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.auto-box .tips-hd {
	height: 50px;
	line-height: 50px;
	text-indent: 20px;
	background: #69b82d;
	color: #fff;
	font-size:18px;
	border-radius:4px 4px 0 0;
}
.auto-box .tips-bd {
	height: auto!important;
	padding: 40px;
	overflow: visible;
	position: relative;
	line-height: 24px;
	overflow-y: auto;
	overflow-x: hidden;
	border-bottom:#ddd 1px solid;
	float:left;
	width:100%;
}
.auto-box .add-new-plan {
	width: 100%;
	position:relative;
}
.auto-box .add-new-plan h4 {
	display:block;
	font-size:22px;
	text-align:center;
	margin-bottom:10px;
}
.auto-box .add-new-plan p {
	display:block;
	padding:20px 0 10px 0;
	overflow:hidden;
}
.auto-box .tips-ul, .auto-box .TaskType-ul {
	width: 100%;
	float:left;
}
.auto-box .tips-ul li {
	width: 16.66%;
	float:left;
	display:inline-block;
	text-align:center;
}
.auto-box .TaskType-ul li {
	width: 50%;
	float:left;
	display:inline-block;
	text-align:center;
}
.auto-box .tips-ul li a {
	padding:5px 10px;
	border:#ddd 1px solid;
	background:#fff;
}
.auto-box .TaskType-ul li a {
	padding:20px 0;
	width:200px;
	text-align:center;
	border:#ddd 1px solid;
	background:#fff;
	display:inline-block;
	margin:20px 0;
	border-radius: 2px;
	font-size:16px;
}
.auto-box .Twoline li {
	width:auto !important;
}
.auto-box .Twoline li a {
	display:block;
	margin:5px;
	border:0 !important;
}
.auto-box .Twoline li a span {
	display:table-cell;
	vertical-align:middle;
	word-break:break-all;
}
.dOrgan{ width:100%; float:left;}
.dOrganTitle{ float:left; margin-right:10px; font-size:16px; text-align:right; line-height:30px;}
.dResTitle { float: left; font-size: 16px; cursor: pointer; color: #69b82d; width: 560px; height: 35px; padding: 5px 0px 5px 15px; margin-top:20px; background-color: #efffe3;}
.dOrgan .search-small {
    margin:0;
}

.auto-box .tips-ul li a:hover, .auto-box .TaskType-ul li a:hover {
	border:#ddd 1px solid;
	background:#ddd;
}
.auto-box .tips-ul li .on, .auto-box .tips-ul li .on:hover, .auto-box .TaskType-ul li .on, .auto-box .TaskType-ul li .on:hover {
	border:#69b82d 1px solid;
	background:#69b82d;
	color:#fff;
	border-radius: 2px;
}
.tips-course {
	width: 100%;
	float:left;
	margin-top:20px;
}
.tips-course h3 {
	width: 90%;
	float:left;
	line-height:30px;
	font-size:14px;
	border-bottom:#e5e5e5 1px dashed;
	color:#69b82d;
}
.auto-box .tips-resources ul li {
	height:150px;
}
.tips-course li {
	width: 25%;
	float:left;
	display:inline-block;
	margin-bottom:10px;
	text-align:center;
}
.tips-course li img {
	width:100px;
	height:100px;
}
.tips-course li img:hover {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
.tips-course li p {
	display:block;
	padding:0;
	width:90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	text-align:center;
	padding:0 !important;
}
.tips-course li p span, .test-ul p span {
	width:75%;
	float:left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}
.auto-box .popup {
	position:absolute;
	width:500px;
	background:#efffe3;
	z-index:10022;
	top:100px;
	left:140px;
	color:#666;
	border-radius: 4px;
	-moz-box-shadow: 3px 3px 5px #69b82d;
	-webkit-box-shadow: 3px 3px 5px #69b82d;
	box-shadow: 3px 3px 5px #69b82d;
	padding:32px 20px;
	border:#69b82d 1px solid;
}
.auto-box .popup .close {
	top:0;
	right:0;
}
.auto-box .popup ul {
	width:100%;
	float:left;
}
.auto-box .popup li {
	width:100%;
	border-top:#e5e5e5 1px dashed;
	padding:10px 0;
	display:block;
	float:left;
}
.auto-box .popup li:first-child {
	border-top:none;
}
.auto-box .popup p {
	padding:10px 0 0 10px;
	display:inline-block;
	font-size:16px;
}
.auto-box .popup .popup-to {
	float:right;
	width:40px;
	height:30px;
	margin:5px 10px 0 0;
	border-radius: 4px;
	background:url(../images/infoto.png) 0 -10px no-repeat #7EC1FF;
}
.auto-box .popup .popup-to:hover {
	background:url(../images/infoto.png) 0 -10px no-repeat #86ce2f;
}
.auto-box .mod-course-banner {
	width: 100%;
	float:left;
}
.auto-box .mod-course-banner__img {
	width: 40px;
	height: 40px;
	float: left;
	background:url(../images/collect.png) 0 0 no-repeat;
	border:0;
}
.auto-box .mod-course-banner__img1 {
	width: 40px;
	height: 40px;
	float: left;
	background:url(../images/caution.png) 0 0 no-repeat;
	border:0;
}
.auto-box .mod-course-banner__content {
	min-height: 50px;
	width:80%;
	float:left;
	margin-left:30px;
}
.auto-box .tips-tool {
	text-align: center;
	padding: 20px 0;
	width: 100%;
	float: left;
}
.auto-box .tips-tool a {
	margin-right: 20px;
}
/*---------------------------------------------*/
.progressbar {
	border-color: #D3D3D3;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	overflow: hidden;
	position: relative;
}
.progressbar-text {
	color: #000000;
	font-size: 12px;
	text-align: center;
	position: absolute;
}
.progressbar-value {
	position: relative;
	overflow: hidden;
	width: 0;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
.progressbar-value .progressbar-text {
	background-color: #0092DC;
	color: #fff;
}
/*---------------------------------------------*/
.jubaoHeader {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 0.8em;
	border-bottom: dotted 1px #f1f1f1;
	margin-bottom: 15px;
}
.gray-font-m {
	color: #333333;
}
.gray-font-h {
	color: #000000;
}
.wawaForm {
	float: none;
	width: 100%;
}
.formItemList {
	margin-top: -15px;
}
.formItemList dt {
	padding-top: 6px;
}
.formItemH {
	font-size: 13px;
	color: #a0a4ab;
	line-height: 1.8em;
}
dd.ww_radio_group {
	padding-top: 6px;
}
.ww_radio_group {
	padding: 5px 0;
}
.ww_radio_group label {
	margin-right: 10px;
}
.wawaForm .block {
	display: block;
	width: 100% !important;
}
.ww_textarea {
	border: solid 1px #c9cfd5;
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 2px;
	font-size: 14px;
	line-height: 1.7em;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04) inset;
	height: 8.5em;
}
.ww_textarea:focus {
	border-color: #69b82d;
}
/*---------------------------------------------*/
/*---新替换弹窗关闭按钮---*/
.close {
	top: 9px;
	text-indent: -9999px;
	display: block;
	width: 28px;
	height: 28px;
	background: url(../images/close.png) 0 6px no-repeat;
	background-size: 20px;
	line-height: 20px;
	cursor: pointer;
	position: absolute;
	right: 10px;
}
/*.close:hover {
	background-position:-32px 0;
}*/
/*---------------------------------------------*/
.wrap-bg {
	position: relative;
	width:100%;
	height: 210px;
	background:#020516;
	margin-bottom:20px;
}
.inner-center {
	box-sizing: border-box;
	width: 1180px;
	position: relative;
	margin: 0 auto;
	height: 210px;
}
.agency-bg-img {
	width:1180px;
	height: 210px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.agency-info {
	position:relative;
	width:100%;
	top:0;
	left:0;
	z-index:3;
}
.agency-img {
	width:420px;
	height: 240px;
	position:absolute;
	top:20px;
	right:20px;
	z-index:8;
}
.followme {
	position: absolute;
	top: 40px;
	right:470px;
	z-index:100;
}
.loop-wrapper .agency-info {
	height:280px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px #e8e8e8;
	-webkit-box-shadow: 0 1px 3px #e8e8e8;
	box-shadow: 0 1px 3px #e8e8e8;
}
.setting-content .cert {
	width:100%;
	height: 250px;
}
.setting-content .cert .agency-info {
	left: 0;
	top: -20px;
	height: 250px;
}
.cert .agency-img {
	height: 250px;
}
.cert .agency-info {
	left:40px;
	top: 30px;
}
.agency-info-img {
	border-radius: 50%;
	width:120px;
	height:120px;
	float:left;
	margin:50px 0 0 30px;
	display:inline-block;
	border:#fff 5px solid;
}
.agency-info-img1 {
	float: left;
	width:280px;
	height:180px;
	margin:50px 0 0 20px;
	display:inline-block;
}
.agency-info-right {
	float:left;
	margin:60px 0 0 20px;
	display:inline-block;
	width:40%;
	height:190px;
	overflow:hidden;
}
.agency-info-name a {
	font-size: 18px;
	color:#333;
	line-height:30px;
}
.inner-center .agency-info-name a {
	color:#fff;
	margin-left:20px;
	font-size: 20px;
}
.agency-info-name a:hover {
	color:#69b82d;
}
.agency-info-right .agency-info-p {
	line-height: 25px;
	width:400px;
	word-break: break-all;
	overflow: hidden;
	height:150px;
}
.cert .agency-info-right .agency-info-p {
	width:400px;
}
.agency-info-right .tree-list {
	display: table;
	width: 240px;
	float:left;
	margin:15px 0 0 0;
}
.agency-info-right .tree-list li:first-child {
	border-left: 0;
}
.agency-info-right .tree-list li {
	display: table-cell;
	border-left: 1px solid #2d5473;
	width: 100px;
	text-align: center;
}
.agency-info-right .tree-list .item-num {
	font-size: 20px;
	color: #fff;
	text-align:center;
}
.agency-info-right .tree-list .item-des {
	font-size: 14px;
	color: #fff;
	opacity: .5;
	filter: alpha(opacity=50);
}
.info-content-box {
	width: 1180px;
	margin: 10px auto 50px;
	overflow: hidden;
}
.info-content-box .leftsidebar {
	float: left;
	width: 165px;
}
.info-content-box .leftsidebar {
	float: left;
	width: 165px;
}
.info-content-box .leftsidebar .active, .info-content-box .leftsidebar li a:hover {
	background-color: #86ce2f;
	color: #fff;
	background-position:right 0;
}
.info-content-box .leftsidebar .active a {
	background-position:right 0;
	color: #fff;
}
.info-content-box .leftsidebar li a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	font-size: 14px;
	color: #999;
	position: relative;
	background:url(../images/infoto.png) right -50px no-repeat;
}
.info-content-box .rightcontent {
	float: left;
	width: 905px;
	margin-left: 10px;
	padding: 40px;
	overflow: hidden;
	color: #333;
}
.info-content-box .rightcontent h2 {
	margin-bottom: 40px;
	font-size: 24px;
}
.info-content-box .rightcontent .m-title {
	font-size: 40px;
	text-align: center;
	font-weight: normal;
}
.info-content-box .rightcontent .m-title span {
	color: #bcbfc5;
	font-family: Arial;
}
.info-content-box .rightcontent h3 {
	margin-bottom: 20px;
	font-size: 20px;
}
.info-content-box .rightcontent p {
	margin-bottom: 30px;
	color: #666;
	font-size: 16px;
	line-height: 30px;
}
.info-content-box .companyInfo {
	text-align: justify;
	text-justify: distribute-all-lines;
	text-justify: inter-ideograph;
	word-break: normal;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	line-height: 180%;
	color: #666a72;
	padding-top: 15px;
}
ol.hashTabber-data>li {
	display:none
}
ol.hashTabber-data>li.active {
	display:block
}
.info-content-box .rightcontent li {
	color: #666;
	line-height: 30px;
	font-size: 16px;
}
.phoneAPP {
	padding: 20px 0;
	width: 100%;
	zoom: 1;
	float:left;
}
.info-content-box .partTitle {
	font-size: 36px !important;
	font-weight: normal;
	color: #303337;
	margin:0 !important;
}
.info-content-box .partTitle span {
	color: #818589;
	font-size: 20px !important;
	opacity: 0.8;
}
.cert-add {
	width: 1180px;
	margin:0 auto;
	border-top: #e5e5e5 1px dashed;
	padding-top:20px;
	text-align:center;
	margin-top:30px;
}
.propList {
	padding-top: 20px;
	width: 370px;
}
.propList li {
	padding: 15px 0;
	zoom: 1;
}
.propList li i {
	width: 62px;
	height: 62px;
	float: left;
	margin-right: 10px;
	background-image:url(../images/icons_li.png);
}
.propList li .icon-li001 {
	background-position: 0 0;
}
.propList li .icon-li002 {
	background-position: 0 -62px;
}
.propList li .icon-li003 {
	background-position: 0 -124px;
}
.propList li .icon-li004 {
	background-position: 0 -186px;
}
.propList li .icon-li005 {
	background-position: -62px 0;
}
.propList li .icon-li006 {
	background-position: -62px -62px;
}
.propList li .icon-li007 {
	background-position: -62px -124px;
}
.propList li .icon-li008 {
	background-position: -62px -186px;
}
.propList li .liCon {
	float: left;
}
.propList li h3 {
	font-size: 22px !important;
	font-weight: normal;
	color: #303337;
	margin:0 !important;
}
.propList li p {
	font-size: 13px !important;
	color: #818589 !important;
	width: 280px;
	text-align: justify;
	text-justify: distribute-all-lines;
	text-justify: inter-ideograph;
	word-break: normal;
}
.peitu {
	width: 370px;
	height: 465px;
	margin-top: -10px;
	position: relative;
}
.tu001 {
	width: 340px;
	height: 347px;
	background-image: url(../images/chatu001.png);
	background-repeat: no-repeat;
}
.tu002 {
	width: 426px;
	height: 326px;
	background-image: url(../images/chatu002.png);
	background-repeat: no-repeat;
	margin-left: -40px;
}
.peituImg {
	display: block;
}
.peituImg:hover .icon_play {
	background-position: 0 -101px;
}
.icon_play {
	width: 101px;
	height: 101px;
	background:url(../images/icons_play.png) 0 0 no-repeat;
	position: absolute;
	left: 120px;
	top: 100px;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.icon-play-tips {
	width: 66px;
	height: 32px;
	background:url(../images/icons_more.png) 0 0 no-repeat;
	position: absolute;
	left: 210px;
	top: 90px;
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.peitu .codeDownload {
	position: absolute;
	bottom: 0;
	background-color: #fff;
	padding: 15px;
}
.info-content-box .codeimg {
	width: 150px;
	height: 150px;
	float: left;
}
.download {
	float: left;
	padding-left: 15px;
}
.download h2 {
	font-size: 36px !important;
	font-weight: normal;
	line-height: 1em;
	padding-bottom: 25px;
	margin:0 !important;
}
.download a {
	display: block;
	width: 156px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	color: #fff;
	border-radius: 2px;
	padding-left: 40px;
	font-size: 14px;
	margin-bottom: 5px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.iosDown {
	background:url(../images/icons_iosdown.png) 10px center no-repeat #080404;
	cursor: pointer;
}
.lqDisabled {
	background-color: #ccc;
	cursor: default;
	border:#ccc 1px solid;
	height:30px;
	line-height:30px;
	padding:0 5px;
	color:#999;
	width:250px;
}
.androidDown {
	background:url(../images/icons_andown.png) 10px center no-repeat #0bc575;
}
.peituAuto {
	max-width: 450px;
	width: auto;
}
.tu003 {
	width: 437px;
	height: 331px;
	background-image: url(../images/chatu003.png);
	background-repeat: no-repeat;
	margin-top: 30px;
}
.tu004 {
	width: 479px;
	height: 378px;
	background-image: url(../images/chatu004.png);
	background-repeat: no-repeat;
}
.tu005 {
	width: 479px;
	height: 378px;
	background-image: url(../images/tu005.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
.info-content-box .weixin {
	padding: 20px;
	width: 650px;
	margin: 0 auto;
	margin-top: 40px;
	zoom: 1;
}
.info-content-box .weixinCode {
	width: 200px;
	height: 200px;
	padding: 10px;
	background-color: #fff;
	float: left;
}
.info-content-box .weixinInfo {
	padding-left: 20px;
	float: left;
	width: 400px;
}
.info-content-box .weixinInfo h2 {
	font-size: 32px !important;
	font-weight: normal;
	line-height: 1.4em;
	margin:0 !important;
}
.info-content-box .weixinInfo p {
	font-size: 14px !important;
	color: #818589;
	line-height: 1.6em;
	vertical-align: middle;
	padding-top: 10px;
	margin:0 !important;
}
.info-content-box .weixinInfo h3 {
	font-size: 26px !important;
	font-weight: normal;
	color: gray-font-h;
	margin-top: 30px;
	padding-bottom: 10px;
	margin-bottom:0 !important;
}
.info-content-box .weixinInfo li {
	line-height: 160%;
	font-size: 18px;
	color: #818589;
}
.info-content-box .weixinInfo li span {
	color: #303337;
}
.info-content-box .appDownload {
	width: 850px;
	float:left;
	padding: 50px 0;
	zoom: 1;
}
.info-content-box .appDownload .codeDownload {
	padding: 20px 40px;
	float: left;
	zoom: 1;
}
.info-content-box .appDownload .download h2 {
	font-size: 22px !important;
	margin:0 !important;
}
.info-content-box .appDownload .download h3 {
	font-size: 14px !important;
	color: #bcbfc5;
	margin-top: -22px;
	font-weight: normal;
	margin-bottom: 10px !important;
}
/*---------------------------------------------------���˿ռ�---------------------------------------------------*/

.user-center {
	position:relative;
	width:1180px;
	margin:0 auto;
	padding-bottom:50px;
	min-height:400px;
	color:#333;
	font-size:14px
}
.user-center:after {
	content:"";
	display:table;
	clear:both
}
.user-center .sider {
	width:280px;
	float:left;
	border-radius:2px;
	background:#fff;
	overflow:hidden
}
.user-center .sider .nav-menu {
	border:1px solid #eee;
}
.user-center .nav-menu .level1 {
	border-bottom:1px solid #eee
}
.user-center .nav-menu .level1:last-child {
	border-bottom:none
}
.user-center .nav-menu .level0 .menu-item-header {
	padding-left:0
}
.user-center .nav-menu .level1 .menu-item-header {
	padding-left:20px;
	font-size:18px;
	line-height:50px;
	position:relative;
}
.user-center .nav-menu .level1 .menu-item-header .icon-down, .user-center .nav-menu .level1 .menu-item-header .icon-up {
	position:absolute;
	right:20px;
	color:#ccc
}
.user-center .nav-menu .level2 .menu-item-header {
	padding-left:45px;
	font-size:14px;
	line-height:50px;
	display:block;
	border-left:#fff 5px solid;
	background:none;
}
.user-center .nav-menu .menu-item-header {
	cursor:pointer;
}
.user-center .nav-menu .level2 .menu-item-header:hover {
	background-color:#f2f2f2;
	border-left:#e5e5e5 5px solid;
	color:#86ce2f;
}
.user-center .nav-menu .selected> .menu-item-header {
	background-color:#efffe3;
	color:#69b82d;
	border-left:#69b82d 5px solid;
}
.user-center .user-content {
	box-sizing:border-box;
	width:880px;
	float:right;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px #e8e8e8;
	-webkit-box-shadow: 0 1px 3px #e8e8e8;
	box-shadow: 0 1px 3px #e8e8e8;
}
.topChosen {
	font-size: 14px;
	color: #333333;
	float:left;
}
.topChosen li {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.topChosen li span {
	float: left;
	line-height: 25px;
	padding:0;
}
.topChosen li .wawa_select_active {
	width: 150px;
}
.topChosen li .wawa_select_active, .topChosen li .ww_input_text, .topChosen li .ww_input_text_mini {
	max-width: 150px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}
.wawa_select_active {
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	border: solid 1px #ccc;
	border-radius: 1px;
	box-shadow: none;
	outline: none;
	background-color: #fff;
}
.topChosen .select {
	vertical-align: middle;
	border: solid 1px #ccc;
	box-shadow: none;
	outline: none;
	height:30px;
	line-height:30px;
	width:80px;
	background-color: #fff;
	margin-right:50px;
	text-indent:5px;
}
option {
	font-weight: normal;
	display: block;
	padding: 0px 2px 1px;
	white-space: pre;
	min-height: 1.2em;
}
.ww_input_text, .ww_input_text_mini {
	font-size: 14px;
	line-height: 34px;
	vertical-align: middle;
	height: 36px;
	padding: 0 10px;
	border: solid 1px #c9cfd5;
	border-radius: 2px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04) inset;
	box-sizing: border-box;
}
.setting-content input[type="text"] {
	font-size:12px;
	height:30px;
	line-height:30px;
	border:#ccc 1px solid;
	padding:0 5px;
	width:250px;
}
.mL {
	float: left !important;
	font-size:12px;
}
.mLtit {
	float: left;
	font-size:16px;
	cursor: pointer;
	color:#69b82d;
}
.mLtit a {
	color:#69b82d;
}
.mr {
	margin-right: 0;
	float: right !important;
}
.mr .btn-7, .mr .btn-8, .mL .btn-7 {
	margin-left:10px;
}
.mr20 {
	margin-right: 20px !important;
	float: right !important;
}
.pt10 {
	padding-bottom:10px;
	display:block;
}
.pt60 {
	width:100%;
	float:left;
	margin-top: 20px;
}
.pt80 {
	float:left;
	width:100%;
	text-align:center;
	padding:20px 0;
}
.tpic-ul, .test-ul, .questions-ul {
	float:left;
	width:100%;
}
.tpic-ul li {
	width:20%;
	text-align:center;
	float:left;
	display:inline-block;
	margin:20px 0;
}
.task-part-item .tpic-ul li, .lessonBox .tpic-ul li {
	margin:10px 0 0 0;
	width:16.66%;
}
.stuTask .tpic-ul li {
	margin:10px 0 0 0;
	width:95%;
	display:block;
	padding-left:45px;
}
.stuTask .tpic-ul li span {
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	text-align:right;
	width:20%;
	float:right;
}
.stuTask .tpic-ul li span:first-child {
	width:80%;
	text-align:left;
	float:left;
}
.task-part-item .tpic-ul li img, .lessonBox .tpic-ul li img {
	width:75px;
	height:75px;
}
.tpic-ul li img {
	width:100px;
	height:100px;
}
.tpic-ul li img:hover {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
.product-list .tpic-ul {
	background: #fff;
	-moz-box-shadow: 0 1px 3px #e8e8e8;
	-webkit-box-shadow: 0 1px 3px #e8e8e8;
	box-shadow: 0 1px 3px #e8e8e8;
}
.chose-cen .tpic-ul li {
	width:33.3%;
	height:80px;
}
.product-list .tpic-ul li {
	width:16.66%;
}
.test-ul li {
	width:33.3%;
	text-align:center;
	float:left;
	display:inline-block;
	height:200px;
	margin-top:20px;
}
.test-ul li img {
	width:90%;
}
.tpic-ul p, .test-ul p {
	text-align:center;
	width:99%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}
.tpic-ul span, .test-ul span {
	padding:0;
}
.tpic-ul .table-btn, .test-ul .table-btn {
	margin:0;
}
.tpic-edit, .tpic-delete, .tpic-move {
	width:20px;
	height:20px;
	line-height:20px;
	display:inline-block;
	margin-left:5px;
	font-size:0;
	text-indent:-9999px;
}
.tpic-edit {
	background:url(../images/edit.png) 0 0 no-repeat;
}
.tpic-delete {
	background:url(../images/delete.png) 0 0 no-repeat;
}
.tpic-move {
	background:url(../images/move.png) 0 0 no-repeat;
}
.table {
	table-layout: fixed;
	border: none;
	width: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.table thead {
	background: #eee;
	font-size: 14px;
	line-height: 30px;
	vertical-align: middle;
	color: #626570;
}
.table tr {
	display: table-row;
	vertical-align: inherit;
}
.table td:first-child {
	padding-left: 15px;
}
.table thead td, .table thead th {
	padding: 10px 0;
	cursor: pointer;
	font-weight: bold;
}
.table td {
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	overflow: hidden;
	border: none;
}
.table tbody tr:nth-child(even) {
 background-color: #fff;
}
.table tbody tr {
	font-size: 14px;
	line-height: 24px;
	border-bottom: solid 1px #e7e9ed;
	color: #666;
	font-weight: normal;
	display:table-row;
	vertical-align: inherit;
}
.table #notice_list_temp tr {
	display:block !important;
}
.table td.ofAuto {
	overflow: visible;
}
.table tbody tr td {
	padding:10px 5px 10px 0;
	vertical-align:middle;
}
.table tbody tr td li {
	margin-top:10px;
	display:block;
}
.table tbody tr td li a.table-btn {
	margin-left:10px;
}
.table tbody tr td .more {
	margin-top:30px;
	width:100%;
	text-align:right;
}
.table tbody tr td .time {
	margin-top:20px;
	width:100%;
	text-align:right;
	float:right;
	padding:0 10px 0 0;
	color:#ccc;
}
.text, .texton, .textno {
	font-size: 12px;
	line-height:20px;
	padding:0 10px;
	color: #fff;
	border-radius: 25px;
	text-transform: uppercase;
	margin-right:5px;
}
.text {
	background: #7EC1FF;
}
.texton {
	background: #ff0000;
}
.textno {
	background: #ccc;
}
.table td .tdSmallImg {
	/*width: 100px;
	height: 80px;*/
	width: 70px;
	height:100px;
	border-radius: 3px;
	vertical-align: top;
}
.icon-green-delete {
	background:url(../images/delete.png) 0 center no-repeat;
	padding-left:25px;
	cursor: pointer;
	transition: all 0.3s;
	-weibkit-transition: all 0.3s;
	float:right;
	margin-right:10px;
}
.setting-content {
	overflow: hidden;
	padding:30px 20px;
	min-height:500px;
}
.setting-content .panel-title, .learn-box .panel-title {
	border-left: 8px solid #69b82d;
	font-size: 16px;
	padding-left: 10px;
	line-height: 20px;
	margin:10px 30px 20px 15px;
	float:left;
	height:20px;
	overflow:hidden;
}
.setting-content .panel-box, .setting-content .panel-box ul {
	width: 100%;
	padding-bottom: 10px;
	float:left;
}
.setting-content .panel-box li {
	width: 25%;
	text-align: center;
	float: left;
	display: inline-block;
	height:160px;
}
.setting-content .panel-box .panel-img {
	width:95%;
}
.setting-content .panel-box h2 {
	width: 96%;
	margin: 10px 0;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}
.setting-content .all-or-listen, .product-list .all-or-listen {
	display: block;
	position:relative;
	top: 0;
	float:left;
	margin:0;
	left:0;
}
.setting-content .all-or-listen .listen {
	margin-right:10px;
}
.setting-content .divbtn {
	padding:20px 0px 20px 300px;
	margin-top:30px;
	float:left;
}
.setting-content .detail-course {
	border-radius: 0px;
	float:left;
	width:100%;
	padding:20px 0;
}
.setting-content .setting-div {
	width:100%;
	float:left;
	padding:20px 0;
}
.verifyImg, .verifyImg img {
	width:280px;
	height:180px;
	float:left;
}
div.setting-content div.course-info {
	width: 65%;
	float: right;
	margin-left: 0;
	margin-right: 0;
	padding:10px;
}
div.setting-content div.intro-role-panel .roles-img, div.setting-content div.intro-goal-panel .roles-img {
	margin-left:15px;
}
.setting-content .task-part-list {
	width:100%;
	float:left;
	margin:20px 0;
	position:relative;
}
.task-part-list-bg {
	position:absolute;
	z-index:1;
	width:1px;
	background:#666;
	top:20px;
	left:45px;
}
.table .input {
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	border: #ccc 1px solid;
	padding: 0 5px;
	width: 250px;
}
.cert_textarea {
	font-size: 12px;
	height: 80px;
	width:380px;
	line-height: 30px;
	border: #ccc 1px solid;
	padding: 0 5px;
	background:#fff;
}
.setting-content .textarea {
	border:#ccc 1px solid;
	width:60%;
	height:60px;
	padding:10px;
}
.noborder {
	padding:20px;
}
.noborder tr {
	border:none !important;
}
.noborder td:first-child {
	color:#000000;
}
.table td .tdTeacherImg {
	width: 40px;
	height: 40px;
	border-radius: 3px;
	vertical-align: top;
}
.organ_img_s {
	width: 140px;
	height: 80px;
	border: #ddd 1px solid;
	overflow: hidden;
}
.organ_img_b {
	width: 560px;
	height: 360px;
	border: #ddd 1px solid;
	overflow: hidden;
}
.combo, .setting-content select {
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	border: #ccc 1px solid;
	text-indent:5px;
	width: 80px;
	margin-right:5px;
}
.combo-text {
	border:none !important;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
}
.add-img {
	position:relative;
	height:110px;
}
.add-imgbg {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:180px;
	height:90px;
	border:#ccc 1px solid;
	background:url(../images/add.png) center center no-repeat;
}
#course_img {
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:180px;
	height:100px;
	border:0;
	display:none;
}
.add-imgw {
	position:absolute;
	z-index:2;
	top:0;
	left:200px;
}
.add-imgh {
	position:absolute;
	z-index:2;
	top:50px;
	left:200px;
}
.add-imgw input, .add-imgh input {
	width:50px;
	height:30px;
	line-height:30px;
	padding:0 3px;
	border:#a9a9a9 1px solid;
}
.input-t {
	width:80px !important;
	margin-right:10px;
	display:inline-block;
	float:left;
}
.add-teacher {
	width:80px;
	height:30px;
	line-height:30px;
	border:#ccc 1px solid;
	display:inline-block;
	float:left;
	background:url(../images/add.png) center center no-repeat;
	cursor:pointer;
}
.input-p {
	width:80px !important;
	margin:0 10px;
	display:inline-block;
}
.setting-content .input-plan {
	width:480px !important;
	height:40px !important;
	line-height:40px !important;
	display:inline-block;
	float:left;
}
.input-text {
	width:480px;
	height:30px;
	line-height:30px;
	border:#ccc 1px solid;
	display:inline-block;
	margin-left:25px;
	padding:0 5px;
}
.input-date {
	width:180px;
	display:inline-block;
	margin-right:10px;
	position:relative;
}
.input-date input {
	width:180px !important;
	display:inline-block;
}
.input-date a {
	position:absolute;
	top:5px;
	right:5px;
	z-index:9;
}
.input-date a img {
	width:20px;
	height:20px;
}
.ke-container {
	display: block;
	border: 1px solid #CCCCCC;
	background-color: #FFF;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 95%;
}
.ke-toolbar {
	border-bottom: 1px solid #CCC;
	background-color: #F0F0EE;
	padding: 2px 5px;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}
.ke-edit {
	padding: 0;
}
.ke-edit-iframe, .ke-edit-textarea {
	border: 0;
	margin: 0;
	padding: 0;
	overflow: auto;
}
.ke-edit-textarea {
	font: 12px/1.5;
	color: #000;
	overflow: auto;
	resize: none;
}
.ke-statusbar {
	position: relative;
	background-color: #F0F0EE;
	border-top: 1px solid #CCCCCC;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	text-align: center;
	cursor: s-resize;
}
.ke-statusbar-center-icon {
	background-position: -0px -754px;
	width: 15px;
	height: 11px;
	background-image: url(../images/default.png);
}
.ke-inline-block {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
}
.ke-statusbar-right-icon {
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: se-resize;
	background-position: -5px -741px;
	width: 11px;
	height: 11px;
	background-image: url(../images/default.png);
}
.ke-toolbar .ke-outline {
	border: 1px solid #F0F0EE;
	margin: 1px;
	padding: 1px 2px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	cursor: pointer;
	display: block;
	float: left;
}
.ke-toolbar-icon-url {
	background-image: url(../images/default.png);
}
.ke-toolbar-icon {
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	display: block;
}
.ke-icon-preview {
	background-position: 0px -16px;
	width: 16px;
	height: 16px;
}
.ke-toolbar .ke-selected {
	border: 1px solid #5690D2;
	background-color: #E9EFF6;
}
.ke-icon-justifyleft {
	background-position: 0px -144px;
	width: 16px;
	height: 16px;
}
.ke-icon-justifycenter {
	background-position: 0px -160px;
	width: 16px;
	height: 16px;
}
.ke-icon-justifyright {
	background-position: 0px -176px;
	width: 16px;
	height: 16px;
}
.ke-icon-justifyfull {
	background-position: 0px -192px;
	width: 16px;
	height: 16px;
}
.ke-icon-insertorderedlist {
	background-position: 0px -208px;
	width: 16px;
	height: 16px;
}
.ke-icon-insertunorderedlist {
	background-position: 0px -224px;
	width: 16px;
	height: 16px;
}
.ke-icon-indent {
	background-position: 0px -240px;
	width: 16px;
	height: 16px;
}
.ke-icon-outdent {
	background-position: 0px -256px;
	width: 16px;
	height: 16px;
}
.ke-icon-clearhtml {
	background-position: 0px -1008px;
	width: 16px;
	height: 16px;
}
.ke-icon-quickformat {
	background-position: 0px -1056px;
	width: 16px;
	height: 16px;
}
.ke-icon-fullscreen {
	background-position: 0px -656px;
	width: 16px;
	height: 16px;
}
.ke-icon-formatblock {
	background-position: 0px -336px;
	width: 25px;
	height: 16px;
}
.ke-icon-fontname {
	background-position: 0px -352px;
	width: 21px;
	height: 16px;
}
.ke-icon-fontsize {
	background-position: 0px -368px;
	width: 23px;
	height: 16px;
}
.ke-toolbar .ke-separator {
	height: 16px;
	margin: 2px 3px;
	border-left: 1px solid #A0A0A0;
	border-right: 1px solid #FFFFFF;
	border-top: 0;
	border-bottom: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	display: block;
	float: left;
}
.ke-inline-block {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
}
.ke-icon-forecolor {
	background-position: 0px -384px;
	width: 20px;
	height: 16px;
}
.ke-icon-hilitecolor {
	background-position: 0px -400px;
	width: 23px;
	height: 16px;
}
.ke-icon-bold {
	background-position: 0px -416px;
	width: 16px;
	height: 16px;
}
.ke-icon-italic {
	background-position: 0px -432px;
	width: 16px;
	height: 16px;
}
.ke-icon-lineheight {
	background-position: 0px -992px;
	width: 16px;
	height: 16px;
}
.ke-icon-emoticons {
	background-position: 0px -608px;
	width: 16px;
	height: 16px;
}
.user-content h1 {
	font-size:18px;
	padding-left:40px;
	width:100%;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #e8e8e8;
	color:#69b82d;
	background:url(../images/title.png) 0 0 no-repeat;
	margin-bottom:20px;
	overflow:hidden;
}
.user-content h1 font {
	font-size:14px;
	color:#666;
}
.user-content h1 .table-btn {
	margin:0 5px 5px 0;
}
.user-content h1 .on {
	background-color: #e9871e !important;
	border-color: #e9871e !important;
	color: #fff;
}
.table td .tdProductImg {
	/*width: 180px;*/
    width: 90px;
	height: 120px;
	border-radius: 3px;
	vertical-align: top;
}
.input-info {
	width: 80%;
	height: 30px;
	margin-left:20px;
}
.validatebox-invalid {
	background-image:none!important;
	border: #ffa8a8 1px solid;
	background-color: #fff3f3;
	color: #000;
	height: 30px;
	line-height:30px;
}
.form-input-text {
	height: 24px;
}
textarea:focus, textarea:hover, input[type="text"]:focus, input[type="text"]:hover, .input:focus, .input:hover {
	border:solid 1px #69b82d !important;
}
.login .inputstyle:hover, .login .inputstyle:focus, .search-content input:hover, .search-content input:focus, .combo input:hover, .combo input:focus{ border:0 !important;}
.multiSelect {
	border: solid 1px #BBB;
	background: #FFF url(../images/dropdown.gif) right center no-repeat;
	padding: 2px 4px;
	padding-right: 20px;
	display: inline;
	cursor: default;
}
.multiSelect_txt {
	border:none!important;
	cursor: default;
	height:20px!important;
	line-height:20px!important;
}
.multiSelectOptions {
	max-height: 150px;
	margin-top: -1px;
	overflow-y: auto;
	overflow-x: hidden;
	border: solid 1px #B2B2B2;
	background: #FFF;
}
.multiSelectOptions LABEL.checked {
	background: #E6E6E6;
}
.multiSelectOptions LABEL {
	padding: 2px 5px;
	display: block;
}
.group-edit {
	width:100%;
	display:block;
	float:left;
}
.group-to {
	width:auto;
	float:left;
	display:inline-block;
	margin:0 20px;
}
.group-to h2 {
	width:100%;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.group-box {
	border:#999 1px solid;
	padding:10px 30px;
	text-align:center;
}
.group-to .table-btn {
	margin:50px 0 0 0;
	display:block;
}
.group-btn {
	width:60%;
	float:left;
	display:block;
	text-align:center;
	margin-top:30px;
}
.attorgan {
	width:100%;
	float:left;
	display:block;
}
.attorgan li {
	width:50%;
	float:left;
	display:inline-block;
	margin-top:30px;
}
.attorgan-box {
	width:80%;
	border:#e5e5e5 1px solid;
	padding:10px;
	margin-left:30px;
}
.attorgan-box img {
	width:80px;
	height:80px;
}
.attorgan-box p {
	float:right;
	width:65%;
	height:85px;
	overflow:hidden;
}
.attorgan-box p span {
	display:block;
	margin-bottom:10px;
	max-height:40px;
	overflow:hidden;
}
/*-------------------------------------------------------------*/
.order-table {
	margin: 10px 0;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	text-align: center;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	display:table;
	vertical-align: middle;
}
.order-table thead, .order-table tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}
.order-table tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}
.order-table thead td {
	color:#666;
	font-weight:bold;
	background-color: #f0f1f4;
}
.order-table td {
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #ddd;
	text-align: center;
	padding:5px 0;
}
.order-table .table-btn {
	width: 78px;
	display:block;
	text-align:center;
	margin:0 auto;
	margin-top:5px;
}
.setting-content .no, .setting-content .no:hover {
	background-color:#ddd !important;
	border-color:#ddd !important;
	color: #ccc !important;
	cursor:default !important;
}
/*-----------------------------------------------------֧��---------------------------------------------*/
.order-box {
	overflow: hidden;
	position: relative;
	height: auto;
	margin: 20px auto;
	width: 1180px;
	border-bottom: 1px solid #ccc;
}
.order-box h2 {
	width:60%;
	float:left;
	font-size:16px;
	color:#000000;
	text-indent:20px;
	line-height:50px;
}
.order-box .btn-default {
	float:right;
	font-size:16px;
	padding:10px;
	margin-bottom:10px;
}
.tab02 {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	padding:30px 0;
	width: 1180px;
	margin-bottom:50px;
}
.tab02 ul {
	width:100%;
}
.tab02 li.on a {
	font-size: 18px;
	color: #74cd55;
}
.tab02 li {
	float: left;
	font-size: 16px;
	width:33%;
	text-align:center;
}
.tab02 li a {
	display: block;
}
.payment-probg {
	float: left;
	width:100%;
	height:28px;
	line-height:28px;
	background:url(../images/payment-pro.png) 0 -28px no-repeat;
	margin-top:10px;
}
.payment-pro {
	float: left;
	height:28px;
	line-height:28px;
	background:url(../images/payment-pro.png) 0 0 no-repeat;
}
.order-box .table td:first-child {
	padding-left:100px;
}
.pay-card-box {
	overflow: hidden;
	position: relative;
	height: auto;
	margin: 0 auto;
	margin-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	width: 1180px;
}
.pay-card-box .pay-ment-box {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: right;
	width: 1180px;
	min-height: 50px;
}
.pay-card-box .pay-ment-box span {
	margin-right: 20px;
}
.pay-card-box .pay-ment-box span .need-money {
	margin-left: 10px;
	font-size: 20px;
	color: #ff0000;
}
.pay-btn {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	margin-left: 14px;
	font-size: 16px;
	width: 120px;
	height: 40px;
	line-height:40px;
	border-radius: 5px;
	background: #ff5d5d;
	color: #fff;
	border: 0;
	cursor: pointer;
}
.pay-btn:hover {
	color:#ffff00;
	background:#e83d3d;
}
.pay-sure-box {
	padding:0 0 20px 20px;
	vertical-align: middle;
}
.pay-ways-box {
	padding:30px 0 50px 20px;
	vertical-align: middle;
}
.pay-sure-box font {
	color:#FF0000;
}
.pay-sure-box span {
	margin-right:20px;
}
.gold {
	padding:20px;
	width:90px;
	background:#ccc;
	border:#797979 1px solid;
	padding:0 2px;
}
.pay-list {
	width:60%;
	display:inline-block;
	border:#e5e5e5 1px solid;
	border-bottom:none;
	border-right:none;
}
.pay-list li {
	width:50%;
	display:inline-block;
	border:#e5e5e5 1px solid;
	border-top:none;
	border-left:none;
	padding:10px 0;
	float:left;
	text-align:center;
	line-height:24px;
	height:44px;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	overflow: hidden;
}
.pay-ways {
	width:80%;
	display:inline-block;
}
.pay-ways li {
	width:25%;
	display:inline-block;
	float:left;
	text-align:center;
}
.pay-ways li a {
	width:144px;
	height:44px;
	line-height:40px;
	display:block;
	border:#a5a5a5 1px dashed;
}
.pay-ways li a:hover, .pay-ways li .on {
	border:#86ce2f 2px solid;
}
.pay-ways li img {
	width:140px;
	height:40px;
}
.pay-now {
	text-align: center;
	width: 1180px;
	overflow: hidden;
	position: relative;
	height: auto;
	margin:50px auto;
}
.mess-title {
	float: left !important;
	position:relative;
}
.mess-title .btn-7, .mess-title .btn-8 {
	margin-right:10px;
}
.mess_new {
	position:absolute;
	top:-5px;
	left:60px;
	background:#ff0000;
	color:#fff;
	min-width:16px;
	height:16px;
	line-height:16px;
	text-align:center;
	border-radius: 150px;
	padding:0 3px;
}
.mess-unread {
	background:#29abe2;
	width:10px;
	height:10px;
	line-height:10px;
	border-radius:50%;
}
.mess-box {
	width:100%;
	border:#ddd 1px solid;
	margin-top:30px;
	border-radius:2px;
	float:left;
}
.mess-left {
	width:160px;
	float:left;
	padding:0 5px;
	background:#f2f2f2;
	height:600px;
	border-right:#ddd 1px solid;
}
.mess-left li {
	width:100%;
	float:left;
	display:block;
	margin:5px 0;
	position:relative;
}
.mess-left li .mess_new {
	top:5px;
	left:105px;
}
.mess-left .on, .mess-left li:hover {
	border-radius:4px;
	background:#d3eab6;
}
.mess-img {
	width:30px;
	height:30px;
	border-radius:4px;
	margin:6px;
	display:inline-block;
}
.mess-left li img {
	float:left;
}
.mess-left li p {
	display:inline-block;
	line-height:30px;
	float:left;
	margin:6px 0 0 6px;
	width:60%;
	height:30px;
	overflow:hidden;
}
.mess-close {
	width: 16px;
	height: 16px;
	line-height:16px;
	background: url(../images/close.png) -40px -8px no-repeat #fff;
	cursor: pointer;
	float:right;
	border-radius:50%;
	margin:13px 2px 0 0;
}
.mess-close:hover {
	background: url(../images/close.png) -8px -8px no-repeat #ff0000;
}
.mess-right {
	float:right;
	width:678px;
	height:600px;
	position:relative;
}
.mess-right .mess-cen {
	width:100%;
	height:520px;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
	margin-top:10px;
}
.mess-right .mess-cen h2 {
	font-size:14px;
}
.mess-right .mess-time {
	width:100%;
	text-align:center;
	padding:10px 0;
	color:#999;
	float:left;
}
.mess-right .mess-he {
	width:80%;
	float:left;
	margin-top:10px;
}
.mess-right .mess-he h2, .mess-right .mess-me h2 {
	font-size:14px;
}
.mess-he img {
	float:left;
}
.mess-right .mess-he p {
	border-radius:4px;
	background:#eee;
	padding:5px 10px;
	float:left;
	margin-top:5px;
	max-width:80%;
	word-wrap: break-word;
}
.mess-right .mess-me {
	width:80%;
	float:right;
	margin-top:10px;
}
.mess-me img {
	float:right;
}
.mess-right .mess-me h2 {
	text-align:right;
}
.mess-right .mess-me p {
	border-radius:4px;
	background:#d3eab6;
	padding:5px 10px;
	float:right;
	margin-top:5px;
	max-width:80%;
	word-wrap: break-word;
}
.mess-right .mess-bottom {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:60px;
	padding:10px 0;
	border-top:#ddd 1px solid;
}
.express {
	width:40px;
	height:40px;
	background:url(../images/express.png) 0 0 no-repeat;
	float:left;
	margin:0 10px;
}
.picture {
	width:40px;
	height:40px;
	background:url(../images/picture.png) 0 0 no-repeat;
	float:left;
	margin:0 10px;
}
.mess-bottom .table-btn {
	float:left;
	margin-top:10px;
}
.mess-input {
	width:240px;
	height:40px!important;
	line-height:40px!important;
	padding:0 5px;
	border:#86ce2f 1px solid;
	float:left;
	margin-left:40px;
}
.mess-btn {
	height:40px;
	line-height:40px;
	padding:0 30px;
	border:#69b82d 1px solid;
	background:#69b82d;
	float:left;
	margin-left:10px;
	color:#fff;
	cursor:pointer;
	border-radius:2px;
}
.mess-btn:hover {
	background:#86ce2f;
}
.student {
	margin:0 auto;
	width: 1180px;
	height:140px;
	margin-bottom:20px;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px #e8e8e8;
	-webkit-box-shadow: 0 1px 3px #e8e8e8;
	box-shadow: 0 1px 3px #e8e8e8;
}
.student .student-adav {
	float: left;
	width: 100px;
	height: 100px;
	display:inline-block;
	margin:20px 0 0 20px;
}
.student .student-adav img {
	display: block;
	width: 100px;
	height: 100px;
}
.student .student-introduction {
	display:inline-block;
	margin:20px 0 0 20px;
	float: left;
	width: 700px;
	height: 100px;
}
.student .student-introduction h1 {
	font-size:22px;
	margin-top:10px;
}
.student .student-introduction p {
	font-size:18px;
	margin-top:10px;
	color:#69b82d;
}
.student .fr {
	margin:20px 20px 0 0;
	display:inline-block;
}
/*-------------------------------------student-courseNotice.html---------------------------------------*/
.learn-head {
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	padding: 10px;
	margin: 0 auto;
	width: 1180px;
	border-radius: 2px;
	height:60px;
}
.learn-logo {
	float:left;
	width:250px;
	border-right: 1px solid #ccc;
	height:40px;
	text-align:center;
}
.learn-logo img {
	width:40px;
	height:40px;
	display:inline-block;
	margin-right:5px;
}
.learn-logo p {
	max-width:200px;
	height:40px;
	line-height:40px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	display:inline-block;
}
.learn-head-info {
	margin-left: 40px;
	width: 70%;
	float:left;
	margin-top:5px;
	height:24px;
	overflow:hidden;
}
.learn-head-info h4 {
	font-weight:bold;
	font-size:16px;
	color:#333;
	display:inline-block;
}
.learn-head-info h5 {
	font-size:12px;
	color:#666;
	display:inline-block;
	margin-left:20px;
}
.learn-wap {
	position: relative;
	width: 1180px;
	margin: 0 auto;
	color: #333;
	font-size: 14px;
}
.learn-left {
	position: relative;
	float: left;
	width: 260px;
	padding: 20px 0;
}
.learn-left-img {
    /* float: left; */
    width: 240px;
    height: 180px;
    text-align: center;
}
.learn-left-img img {
	/*width: 240px;
	height:135px;*/
  /*  width: 127px;
    height: 180px;*/
    border-radius: 4px;
}
.learn-tab {
	width: 240px;
	padding: 0;
	margin: 10px 0;
	float: left;
}
.learn-tab li a {
	height: 50px;
	line-height: 50px;
	border-top: 1px solid #eee;
	display: block;
	font-size: 16px;
	padding-left: 20px;
	background: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.learn-tab li a.on, .learn-tab li a:hover {
	color: #fff;
	background-color: #69b82d;
}
.learn-right {
	float: left;
	width: 920px;
	padding:20px 0;
	border: 1px solid #ddd;
	border-top:none;
	border-bottom:none;
	background-color: #fff;
	box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.1);
	min-height:600px;
}
.learn-box {
	padding: 0 40px;
}
.learn-right .progress {
	padding: 8px 20px;
	margin-bottom: 10px;
	margin-top: 15px;
}
.learn-right .progress .cnt {
	float: left;
	max-width: 420px;
}
.learn-right .progress .cnt h3 {
	font-size:16px;
}
.learn-right .progress .cnt h3 span {
	color: #86ce2f;
	padding-left:10px;
	font-size:18px;
}
.learn-right .progress .tnt {
	font-size: 14px;
}
.btn-orange {
	background-color: #FF6C00;
	background-repeat: repeat-x;
	float:right;
	border-color: #EF6502;
	color: #fff;
	border-bottom: 1px solid #b25900;
	padding: 11px 14px;
	font-size: 20px;
	line-height: 20px;
	min-width: 110px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-orange:hover {
	background-color: #FF9326;
	color: #fff;
}
.btn-lg {
	float: right;
	margin-right: 15px;
	padding: 11px 14px;
	font-size: 20px;
	line-height: 20px;
	display: inline-block;
	color: #666;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #999;
	border-radius: 4px;
	background-color: #E1E1E1;
	background-repeat: repeat-x;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-lg:hover {
	background-color: #ededed;
	color: #666;
}
.learn-moduletitle {
	padding: 10px 0;
	margin:20px 0;
	border-bottom: 1px solid #eee;
	font-size: 18px;
	width:100%;
	text-indent:15px;
	float:left;
	color:#000;
}
.noticeitem {
	padding:0 0 20px 0;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	width:100%;
	float:left;
}
.detailtitlpage {
	font-size: 16px;
	margin-top: 15px;
	text-indent:15px;
}
.detailcntout {
	margin-top: 5px;
	word-break: break-all;
	color: #666;
	text-indent:15px;
}
.lptimeout {
	margin-right: 15px;
	margin-top: 2px;
	color: #aaa;
	font-size: 12px;
	float:right;
}
.detailul, .detailul ul {
	width:100%;
	float:left;
}
.detailul ul li {
	display:block;
	margin-top:10px;
	font-size:16px;
}
.btn-pass {
	background: #FF6C00;
	font-size: 12px;
	padding: 2px 10px;
	color: #fff;
	border-radius: 2px;
	text-transform: uppercase;
	margin-right: 10px;
}
.btn-fail {
	background: #ccc;
	font-size: 12px;
	padding: 2px 10px;
	color: #fff;
	border-radius: 2px;
	text-transform: uppercase;
	margin-left: 5px;
}
/*----------------------------*/
.learn-ChapterNormal {
	margin-bottom: 10px;
	position: relative;
	width:100%;
	float:left;
}
.lessonBox {
	width:100%;
	float:left;
}
.titleBox {
	background-color: #e8f9ff;
	cursor: pointer;
	margin:5px 0;
	height:40px;
	line-height:40px;
	width:100%;
	float:left;
}
.titleBox:hover {
	background-color: #d2eff7;
}
.titleBox .icon_down, .titleBox .icon_up {
	margin-right:15px;
}
.titleBox .titleName {
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:14px;
	margin-left:15px;
	float:left;
}
.learn-Lesson {
	padding: 10px 0;
	cursor: pointer;
	position: relative;
	width:100%;
	float:left;
	border-bottom:1px #e5e5e5 dashed;
}
.learn-Lesson .radio {
	margin-left:10px;
}
.learn-Lesson:hover {
	background-color:#efefef;
}
.radio, .checkbox {
	height: 15px;
	width: 15px;
	float:left;
	border:none;
	cursor:pointer;
	margin-top:4px;
}
.choices li .radio {
	margin:10px 0 0 50px;
}
.position .checkbox {
	margin-top:6px;
}
.learn-Lesson .name {
	max-width: 75%;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:14px;
	display:inline-block;
	margin-left:15px;
}
.auto-box .learn-Lesson .name {
	margin-left:0;
}
.lessonBox .typebox {
	width:100%;
	float:left;
}
.lessonBox .typebox ul {
	width:100%;
	float:left;
}
.lessonBox .typebox ul li {
	float:left;
	display:inline-block;
	height:105px;
	width:25%;
	text-align:center;
}
.learn-Lesson .typebox a {
	display:inline-block;
}
.learn-Lesson .info {
	color: #999;
	margin-left: 30px;
	height: 21px;
	line-height: 21px;
	float: left;
	display:inline-block;
}
.quizHwInfoItem {
	width:100%;
	float:left;
	margin-top:30px;
	padding-left: 20px;
}
.infoItem {
	margin:10px 0;
	word-break: break-word;
	word-wrap: break-word;
	width:100%;
	float:left;
}
.infoItem .btn-default {
	margin-right:20px;
}
.quizHwInfoItem .infoItem .fl {
	width:100px;
}
.infoItem-r {
	margin:0 40px;
	float: left;
}
.gray {
	color: #999;
}
.btn-default {
	background-color: #84B700;
	color: #fff;
	display: inline-block;
	padding: 11px 14px;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #719F00;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-default:hover {
	background-color: #a8d015;
	color: #fff;
}
.learn-box .empty {
	margin: 0;
	padding: 40px 0;
	text-align: left;
	width:100%;
	float:left;
}
.learn-box .empty span {
	color: #999;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	padding-left: 60px;
	display:block;
	margin-left:20px;
	background:url(../images/caution.png) 0 0 no-repeat;
}
.totalScore {
	padding: 10px 20px;
	background-color: #feffd1;
	font-size: 14px;
	color: #666;
	width:100%;
	float:left;
	margin:10px 0;
}
.totalScore b {
	font-weight:bold;
}
.data-title {
	background-color: #e8f9ff;
	padding: 8px 5px;
	margin-bottom: 10px;
	width:100%;
	float:left;
}
.data-title-all {
	float: left;
	margin: 8px 20px 0 0;
}
.data-title-btn {
	float:left;
}
.data-title-btn .btn-7 {
	float:left;
	margin-right:10px;
}
.data-title-r {
	float:right;
}
.data-title-r .table-btn {
	margin:5px 0 0 10px;
}
.red {
	color:#FF0000;
}
.green {
	color:#69b82d;
}
.data-lists {
	position: relative;
	z-index: 100;
	width:100%;
	float:left;
}
.questionItem {
	border-bottom: 1px dashed #e5e5e5;
	background-color: #fff;
	padding: 10px 0 5px 0;
	font-size: 14px;
	width:100%;
	float:left;
	margin-bottom:10px;
}
.questionItem.last {
	border-bottom: none;
}
.questionItem .title {
	color: #333;
	font-size: 14px;
	margin: 0 0 10px 0;
	width:100%;
	float:left;
	position:relative;
}
.questionItem .position {
	width: 50px;
	font-size: 22px;
	line-height: 26px;
	color: #333;
	float: left;
	margin-left:5px;
}
.questionItem .qaDescription {
	width: 70%;
	font-size: 14px;
	line-height: 24px;
	color: #333;
	float: left;
}
.questionItem .qaCate {
	font-size: 14px;
	margin-right: 10px;
	color: #666;
	float: left;
}
.questionItem .qaCate .dan, .questionItem .qaCate .duo, .questionItem .qaCate .pan, .questionItem .qaCate .wen {
	font-size: 12px;
	background: #E3F8FF;
	border: 1px solid #BFDFFF;
	border-radius: 2px;
	padding: 2px 4px;
	margin-right: 5px;
}
.questionItem .qaCate .duo {
	background: #ffe2da;
	border: 1px solid #ffbaa3;
}
.questionItem .qaCate .pan {
	background:#eee;
	border:1px solid #ddd;
}
.questionItem .qaCate .wen {
	background:#d0ffd7;
	border:1px solid #98e1a3;
}
.richEditorText {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	color: #333;
	float:left;
	line-height: 22px;
	overflow:hidden;
}
.packup, .open {
	padding-right:20px;
	background:url(../images/packup.png) right 3px no-repeat;
	color:#009ee7;
	margin-left:5px;
}
.open {
	background-position:right -12px;
}
.questionItem .title .scoreLabel {
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	width: auto;
	text-align:right;
	white-space:nowrap;
	position:absolute;
	top:0;
	right:0;
}
.questionItem .title .scoreLabel span, .questionItem .title .scoreLabel a {
	float:left;
	display:inline-block;
	margin:0 5px;
}
.questionItem .title .scoreLabel span {
	line-height:30px;
}
.questionItem .title .scoreLabel .tpic-move, .questionItem .title .scoreLabel .tpic-delete, .questionItem .title .scoreLabel .tpic-edit {
	margin-top:5px;
}
.scoreinput {
	width: 60px!important;
	border:#aab2bd 1px dashed!important;
	background:none;
}
.choicebox, .choices {
	width:100%;
	float:left;
}
.learn-box textarea, .textarea_b {
	width:100%;
	float:left;
	height:150px;
	background:#fff;
	border-bottom:#ddd 1px solid;
	border-right:#ddd 1px solid;
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid;
	margin-bottom:20px;
	padding:0 5px;
}
.choices li {
	width:100%;
	float:left;
	display:block;
	margin-top:5px;
}
.choices li:hover {
	background-color:#e8f7d2;
}
.choices li label {
	padding: 6px 5px;
	display: block;
	width: 86%;
	float:left;
	height: auto;
	vertical-align: middle;
	position: relative;
}
.choices .optionPos {
	width: 20px;
	font-weight: bold;
	font-size: 13px;
	color: #666;
	line-height: 24px;
	float: left;
}
.choices .optionCnt {
	padding: 0;
	color: #666;
	width: 96%;
	line-height: 24px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	margin:0;
	border: 0;
	text-align: left;
	overflow:hidden;
}
.choices .score {
	font-size: 14px;
	margin: 5px 0 0 0;
	float: right;
	width: auto;
	text-align:right;
	white-space: nowrap;
}
.choices li.right .score {
	color: #65a200;
}
.choices li.wrong .score {
	color: #ff4000;
}
.icon-correct {
	width: 13px;
	height:13px;
	float:left;
	margin:5px 3px 0 0;
	line-height:13px;
	background:url(../images/icon-correct.png) no-repeat;
}
.choices li.right .icon-correct {
	background-position: 0 0;
}
.choices li.wrong .icon-correct {
	background-position: -13px 0;
}
.analysisMode .analysisInfo {
	background: #F8F8F8;
	border: 1px solid #e8e8e8;
	color: #666;
	padding: 8px 13px;
	margin: 10px 0;
	float:left;
	width:100%;
}
.analysisMode .choices li {
	background-color: #fff;
}
.analysisMode .choices li.checked {
	background-color: #f8f8f8;
}
.analysisMode .choices li.wrong {
	background: #FFF3F3;
}
.analysisMode .choices li.right .optionCnt {
	color: #65a200;
}
.analysisMode .choices li.wrong .optionCnt {
	color: #ff4000;
}
.analysisMode .answrong {
	background: #FFF3F3;
	border: 1px solid #F6BBBB;
}
.analysisMode .analysisInfo .tt1 {
	font-size: 14px;
	line-height:20px;
}
.analysisMode .analysisInfo .tt2 {
	font-size: 16px;
	margin-right: 12px;
	line-height:26px;
}
.analysisMode .analysisInfo .tt3 {
	font-size: 12px;
	line-height:20px;
}
.analysisMode .analysisInfo .tt4 {
	font-size: 12px;
	float:right;
	line-height:30px;
}
.analysisMode .analysisInfo .tt1, .analysisMode .analysisInfo .tt3 {
	color: #79A900;
}
.analysisMode .answrong .tt1, .analysisMode .answrong .tt3 {
	color: #FF3F00;
}
.must, .reset {
	width:20px;
	height:20px;
	line-height:20px;
	background:url(../images/icon-must.png) 0 0 no-repeat;
	float:left;
	margin:2px 0 0 0;
}
.reset {
	background-position:right 0;
}
.t-select {
	vertical-align: middle;
	border: solid 1px #ccc;
	box-shadow: none;
	outline: none;
	background-color: #fff;
	height:30px;
	line-height:30px;
	text-indent:5px;
	width:200px;
	margin-left:5px;
}
.learn-box .t-input {
	vertical-align: middle;
	border-radius: 4px;
	box-shadow: none;
	outline: none;
	background-color: #fff;
/*	padding:8px 10px;*/
	padding:2px 5px;
	width:90%;
	float:left;
/*	height:30px;*/
	min-height:30px;
	border-bottom: #e3e9ef 1px solid;
	border-right: #dbdfe6 1px solid;
	border-top: #abadb3 1px solid;
	border-left: #e2e3ea 1px solid;
}
.learn-box .t-btn {
	border-radius: 4px;
	padding:0 10px;
	width:90%;
	float:left;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	color: #3a3a3a;
}
.learn-box .t-btn:hover {
	background-color: #ebebeb;
	border: 1px solid #ddd;
	color: #69b82d;
}
/*---------------------------------------------------*/
.chose-box {
	width:100%;
	float:left;
	border:#ddd 1px solid;
	border-radius: 2px;
	height:500px;
}
.chose-left {
	width:130px;
	float:left;
	border-right:#ddd 1px solid;
	height:100%;
	background:#f2f2f2;
}
.chose-left ul, .chose-ul {
	width:100%;
	float:left;
}
.chose-left ul li {
	width:100%;
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
	position:relative;
}
.chose-box .chose-tt {
	background:#d3eab6;
	font-weight:bold;
	height:50px;
	line-height:50px;
	text-align:center;
}
.chose-left ul .on {
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	width:130px;
	height:40px;
	color:#69b82d;
	border-left:#69b82d 3px solid;
	border-right:#fff 1px solid;
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
}
.chose-cen {
	width:450px;
	float:left;
	border-right:#ddd 1px solid;
	height:100%;
	background:#fff;
	padding-top:5px;
}
.chose-cen h2 {
	border-bottom:#ddd 1px solid;
	font-size:16px;
	padding:5px 10px;
}
.input-search {
	width:150px;
	padding:0 10px;
	text-align:center;
	height:30px;
	line-height:30px;
	border:#ccc 1px solid;
	background:#fff;
	margin:0;
	float:left;
}
.btn-search {
	width:30px;
	float:left;
	height:30px;
	line-height:30px;
	background:url(../images/search.png) 7px 5px no-repeat #009ee7;
	margin:0 5px 0 0;
	border:none;
	font-size:0;
	cursor:pointer;
}
.btn-search:hover {
	background-color:#29abe2;
}
.chose-right {
	width:138px;
	float:right;
	height:100%;
	background:#fff;
	position:relative;
}
.chose-ul li {
	width:50%;
	float:left;
	display:inline-block;
	text-align:center;
	margin-top:20px;
}
.chose-down {
	width:100%;
	position:absolute;
	right:0;
	bottom:0;
}
.chose-down p {
	padding:10px;
	border-bottom:#ddd 1px solid;
}
.btn-c {
	float:left;
	margin:10px 0 10px 10px;
	padding: 0 5px;
	cursor: pointer;
	background: #f3f3f3;
	font-size: 14px;
	border: 1px solid #ddd;
	color: #69b82d;
	border-radius: 4px;
	display: inline-block;
	text-align:center;
}
.btn-c:hover {
	background-color: #69b82d;
	color: #fff;
	border: 1px solid #69b82d;
}
.chose-cen .btn-c {
	margin:20px 0 0 20px;
	padding: 25px 5px 0 75px;
	background:url(../images/icon_test.png) 3px 3px no-repeat #eee;
	border: 1px solid #cbcbcb;
	color: #868686;
	width:43%;
	height:100px;
}
.chose-cen .btn-c:hover {
	border: 1px solid #69b82d;
	color: #69b82d;
}
.chose-cen .btn-c span {
	display:block;
	font-size:16px;
	font-weight:bold;
	text-align: center;
	width: 90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}
/*---------------------------*/

.questions-ul li {
	width:50%;
	float:left;
	display:inline-block;
	height:220px;
	padding-left:30px;
}
.q-box {
	width:300px;
	height:180px;
	border:#c3c3c3 1px dashed;
	border-radius:6px;
	margin-bottom:5px;
	position:relative;
}
.chose-cen .q-box {
	width:100%;
	height:auto;
}
.q-tt {
	width:100%;
	text-align:center;
	margin-top:40px;
}
.q-box .btn-7 {
	position:absolute;
	bottom:60px;
	right:20px;
}
.q-pp {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	border-top:#c3c3c3 1px dashed;
	height:40px;
	line-height:40px;
}
.q-pp-all {
	width:30%;
	float:left;
	border-right:#c3c3c3 1px dashed;
}
/*----------------------------------------------*/
.simple-pagination {
	display: inline-block!important;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0 auto!important;
}
#PaginationDiv {
	margin: 20px 0!important;
	float:left;
	width: 100%;
	text-align: center!important;
}
.p_center {
	width: auto!important;
	text-align: center;
	line-height:20px;
	display:inline-block;
	margin:0 auto;
}
.p_center a {
	display:inline-block;
	float:left;
}
/*�����˵�*/
.selectB {
	position:relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	display:block;
}
.select_input {
	position: relative;
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: solid 1px #ccc;
	line-height:30px;
	height:30px;
	padding:0 5px;
	box-sizing: border-box;
	transition: all 0.3s;
	z-index:105;
	font-size:14px;
}
.select:hover .select_input, .select_on .select_input {
	border-color: #9a9a9a;
}
.select_input i {
	color: #999;
}
.select_input span {
	position:absolute;
	z-index:106;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	overflow: hidden;
}
.select_input span b {
	position: absolute;
	top: 13px;
	right: 8px;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	border-top: 4px solid #ccc;
	border-right: 4px solid #fff;
	border-left: 4px solid #fff;
	border-bottom: 4px solid #fff;
}
.select_input:hover b, .select_on .select_input span b {
	border-top:4px solid #9a9a9a;
}
.option {
	top: 30px;
	position: absolute;
	left: 0;
	background: #fff;
	border: 1px solid #9a9a9a;
	display: none;
	z-index:107;
}
.option li, .option p {
	float:left;
	width:100% !important;
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #dedede;
	padding:0 !important;
}
.option li:first-child, .option p:first-child {
	border-top:none;
}
.option a {
	display:block;
	cursor: pointer;
	text-indent:10px;
}
.option a:hover {
	background:#eee;
}
.seLitter {
	width:80px;
	float:right;
	margin-top:10px;
}
.seLitter .option {
	width: 80px;
}
/*������*/
.checkB {
	padding-left: 26px;
	background:url(../images/checkbox.png) 0 0 no-repeat;
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	display: inline-block;
	height: 24px;
	margin-right:20px;
}
.checkB:hover {
	background-position:0 -24px;
}
.checkBed {
	background-position:0 -48px !important;
}
.inputB {
	border:solid 1px #ccc;
	line-height:30px;
	height:30px;
	padding:0 5px;
	box-sizing: border-box;
	transition: all 0.3s;
}
.radioB {
	float:left;
	cursor: pointer;
	margin-right:20px;
	height: 24px;
	line-height: 24px;
	padding-left: 28px;
	overflow: hidden;
	position: relative;
	color:#666;
	font-size:14px;
}
.auto-box .radioB{ text-align:left; width:95%;}
.auto-box .radioB label{ white-space:nowrap;text-overflow: ellipsis; overflow:hidden; width:100%; float:left;}
.auto-box .icon-pic{ margin-left:30px;}
.radioB i {
	position: absolute;
	top: 0;
	left: 1px;
	height: 24px;
	width: 24px;
	background:url(../images/radio.png) 0 0 no-repeat;
}
.radioB i:hover {
	background-position:0 -24px;
}
.radioB_check i {
	background-position:0 -48px !important;
}
.textareaB {
	width: 400px;
	min-height: 120px;
	padding: 10px;
	overflow: auto;
	resize: none;
	border: 1px solid #ccc;
}
/*�ϴ�ͼƬ*/
.upload { overflow: hidden; position: relative; border: 1px solid #dadada; width: 84px; height: 120px; line-height: 100px; cursor: pointer; background: #eff1f3; z-index:101; float:left; margin-right:10px;}
.upload_img span { top: 0; font-size: 80px; line-height: 60px;}
.upload:hover .upload_img span { color:#69b82d;}
.upload_img span, .upload_img i { position: absolute; z-index:102; width: 100%; left: 0; text-align: center; color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.upload_img i { top: 65px; line-height:20px; font-size:14px;}
.upload img { z-index:103; border:0; display:none;     position: absolute; top: 0; left: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;}
.upload input { width:180px; height: 100px; position: absolute;  right: -1px;  top: -1px;  z-index: 109;  cursor: pointer;  opacity: 0.01;   filter: alpha(opacity=1);  line-height: 100px;}

/*-------------------------Easyui日期控件样式bgn-------------------------*/
div.datebox-calendar-inner.panel-noscroll + div {
    height: 32px !important;
    padding:0px 5px 0px 5px !important;
}
div.datebox-button {
    height: 30px;
}
div.datebox-button table {
    height:100%;
}
div.datebox-button td {
    text-align:center;
    vertical-align:middle;
}
div.panel.combo-p .spinner {
    border-radius: 3px;
    height:32px !important;
    width:100% !important;
}
.spinner .spinner-text {
    float: left;
    width:80% !important;
    height:30px !important;
    font-size: initial;
}
.spinner .spinner-arrow {
    float:right;
    height:30px !important;
}
.calendar-today {
    color: #69b82d;
}
.calendar-selected {
    background-color: #69b82d;
    color: #fff;
    border: none;
    padding: 0;
}
/*-------------------------Easyui日期控件样式end-------------------------*/



/*------------------学习进度开始-------------------------*/
.progress_style {
    width: 150px;
    height: 15px;
    border: 1px solid #999;
    background-color:#fff;
    color: #69b82d; /*IE10*/
}
/*ie6-ie9*/
.progress_style ie {
    display:block;
    height: 100%;
    background: #69b82d;
}
.progress_style::-moz-progress-bar { background: #69b82d; }
.progress_style::-webkit-progress-bar { background: #fff; }
.progress_style::-webkit-progress-value  { background: #69b82d; }
/*------------------学习进度结束-------------------------*/
/*------------------主界面改动代码-------------------------*/
.loopindex-width {
  width: 100% !important;
  height: 300px !important;
}
.loopindex-width img {
  width: 100% !important;
  min-width: 1180px;
  height: 300px !important;
}
.loopindex-width:hover .prev,.loopindex-width:hover .next {
  display: block;
}
.container .products-wrapperbg {
  background: #fff;
  padding: 15px 0;
  line-height: 20px;
  color: #333;
}
.product-list .loopindex-bcon {
   width: 550px;
   font-size: 16px;
   line-height: 24px;   
}
.product-list .loopindex-bcon a:hover {
   color: #333;
}
.product-list .loopindex-leftcon {
    float: left; 
}
.product-list .loopindex-rightcon {
    float: right;
}
.products-wrapperbg .loopindex-bcon h2 {
    color: #333;
	font-weight: 600;
	padding: 5 0 20px;
	font-size: 24px;  
}
.products-wrapperbg .loopindex-bcon img {
   width: 100%;
}
.products-wrapperbg .loopindex-bcon-num span{
   display:inline-block;
   color: #999;
   font-size: 14px;
   padding: 10px 10px 5px 0;
   
}
.loopindex-bcon-btn { 
   background: #69b82d;
   padding: 8px;
   text-align: center;
   min-width: 125px;
   color: #fff;
   font-size: 16px;
   float: right;
   border-radius: 30px; 
   margin: 20px 0 15px;
}
.loopindex-bcon .loopindex-bcontext {
  min-height: 100px;
}
.title-area .loopindex-bcon-organ-title {
   color: #333;
   font-weight: 600;
   display: inline-block;
   font-size: 24px;
}
.brand-honor .loopindex-bcon-organ-bg {
   background: #fff;
   width: 95px;
   height: 95px;
   border-radius: 50%;
   text-align:center;
   margin: 0 auto;
   display: table-cell;
   vertical-align: middle;
} 
.task-part-item .part-tt .part-tt-headtext {
   display:inline-block;
   /*margin-left:60px;*/
   width:480px;
   text-overflow:ellipsis;
   white-space: nowrap;
   overflow:hidden;
}
.tips-bd .tips-bd-listenbox {
   padding: 10px 15px;
   font-size: 14px;
   color: #333;
}
.tips-bd-listenbox .tips-bd-listenbox-title {
   border-bottom: 1px solid #ddd;
   color: #69b82d;
   font-size: 14px;
   padding-bottom: 5px;
}
.tips-bd-listenbox-con {
    padding: 15px 10px;
    clear: both;
    overflow: auto;
}
.tips-bd-listenbox-out {
   height: 475px;
   overflow-y: auto;
}
.tips-bd-listenbox-con .tips-bd-listenbox-con-left img {
   display: inline-block;
   width: 65px;
   height: 65px;
   margin-right: 15px;
}
.tips-bd-listenbox-con .tips-bd-listenbox-con-right h4 {
   width: 630px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.tips-bd-listenbox-con-right .tips-bd-listenbox-con-right-bot {
   margin-top: 14px;
}
.tips-bd-listenbox-con-right .tips-bd-listenbox-con-right-bot span {
  color: #4CA9E4;
  cursor: pointer;
  display: inline-block;
  margin-right: 15px;
}
.tips-tool .listen-btn {
    width: 160px;
    height: 35px;
    line-height: 34px;
    font-size: 16px;
	margin-right: 0;
}
.auto-box .tips-bd-listen-new {
    width: 100%;
	height: 590px!important;
	overflow-y: hidden;
	padding: 0px;
	border-radius: 4px;
}
.tips-bd-listenbox-con-right .bot-d {
   margin-top: 0;
}
.tips-bd-listenbox-con .tips-bd-listenbox-con-right .tips-bd-listenbox-chatitle {
    max-width: 526px;
    min-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 20px;   
}
.table-z td {
   text-align: center;
}
.table td .zSmall-Img {
    width: 55px;
    height: 55px;
    vertical-align: top;
}
.zbox-wrapper {
   width: 100%;
   box-sizing:border-box;
   -moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */ 
   table-layout:fixed;
   word-break: break-all;
}
.zbox-wrapper  tr td {
    padding: 10px 5px 10px 35px;
    color: #666;
    font-size: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zbox-wrapper  tr td .zbox-txt {
   color: #000;
   margin-right: 5px;
}
.zbox-wrapper  tr td .zbox-img {
    width: 70px;
    height: 70px;
    vertical-align: middle;
} 
.btn-look {
    display: inline-block;
    border: 1px solid #69b82d;
    height: 22px;
    line-height: 20px;
    min-width: 55px;
    text-align: center;
    font-size: 14px;
    padding: 0.2px;
    border-radius: 15px;
    color: #69b82d;
}
.btn-look:hover {
	background-color:#efffe3;
	color:#69b82d;
	border:1px solid #69b82d;
}
.zbox-wrapper tr .zbox-last {
    white-space: normal;
    max-height: 100px;
    overflow-y: auto;
    line-height: 24px;
    padding-bottom: 5px;
}

.table tbody tr td span.table-z-status {
   color: #999;
}

.upload_file span, .upload_file i {
    position: absolute;
    z-index:102;
    width: 100%;
    left: 0;
    text-align: center;
    color: #00d068;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.upload_file span { top: 0; font-size: 80px; line-height: 80px;}
.upload:hover .upload_file span { color:#69b82d;}

.setting-content input[type="number"] {
    font-size:12px;
    height:30px;
    line-height:30px;
    border:#ccc 1px solid;
    padding:0 5px;
    width:250px;
}
.classificationOne{
    font-weight: bold;
    clear:both;
}
.classificationTwo{
    color: #666;
    clear:both;
}
.classificationThree{
    color: #666;
    word-break: break-all;
    white-space: normal;
    word-wrap: break-word;
}
.classificationThree div{
    margin-left: 20px;
    float: left;
}
/*--------super-admin table-----------*/
.super-tb .super-inp {
    width: 350px !important;
    border-radius: 3px;
}
.super-tb .super-inpt {
    border-radius: 3px;
}
.setting-content .super-pt {
    border-bottom: 2px solid #f1f1f1;
    clear: both;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.sup-table .su-thead1 tr td {
    padding: 10px 0;
    text-align: center;
}
.sup-table tbody tr td {
    text-align: center;
}
/*.sup-table tbody tr td:last-child {*/
    /*text-align: left;*/
    /*line-height: 30px;*/
/*}*/
.sup-table tbody tr td:first-child {
    padding-left: 0;
}
.sup-table tbody .table-subtn {
    margin: 3px 5px 3px 0;
}
.videoLesson-table td .tdProductImg {
    width: 90%;
    height: 120px;
    border-radius: 3px;
    vertical-align: middle;
}
.videoLesson-table-price {
    color: #FE581F;
    font-size: 20px;
    /* text-align: center;*/
}
.price-icon{
    min-width: 65px;
    border-radius: 2px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    line-height:24px;
    padding:0;
    background-color: transparent;
    font-size:14px;
    border:1px solid red;
    color:red;
    vertical-align:middle;
    float:right;
    margin-top: 8px;
    margin-left: 10px;
}
.stduy-status-box  .stduy-status-box-in span {
   display: inline-block;
   cursor: pointer;
   background: #E9ECEF;
   margin: 10px;
   min-width: 70px;
   padding: 5px;
   line-height: 20px;
   font-size: 14px;
   color: #666;
   text-align: center;
}
.stduy-status-box dl {
  display: none;
}
.stduy-status-box  .stduy-status-box-in .stduy-status-active {
   background: #ff6600;
   color: #fff;
}
.stduy-status-div {
  padding: 0 10px;
}
.status-color {
   color: #69b82d !important;
   font-size: 14px !important;
}
.stduy-status-name {
    display: -webkit-inline-flex; /* Safari */
    display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
   align-content: space-between;
   width: 500px;
   overflow: hidden;
   text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: #999;
	margin: 0 10px;
}
.stduy-status-name .status-title, .stduy-status-name .status-num, .stduy-status-name .status-recource {
    width: 100%;
    overflow: hidden;
   text-overflow: ellipsis;
    white-space: nowrap;
}
.stduy-status-name .status-title {
  color: #666;
  font-size: 14px;
}
.task-part-item .tpic-ul .stduy-status-ul li {
  width: 50%;
  text-align: left;
  display: flex;
  margin: 20px 0;
}
.status-add {
   width: 73px;
   height: 73px;
   clear:both;
   margin-bottom: 50px;
}
.status-add img {
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-left: 10px;
}
.status-box-out .stduy-status-box .status-add-box-line {
   border-bottom:1px solid #ddd;   
   clear: both; 
   padding-bottom: 20px;
}
.status-box-out .stduy-status-box:last-child .status-add-box-line {
  border-bottom: none;
}
.status-pt {
    width: 100%;
    text-align: center;
    padding: 8px 0;  
}

.text-p{
    float: left;
    font-size: 12px;
    padding: 0 10px;
    color: #fff;
    font-family: Arial;
    border-radius: 25px;
    line-height: 20px;
    text-transform: uppercase;
    background: #69b82d;
}
li > div.stduy-status-li-lt {
    position: relative;  
}
li > .lt-re {
    width: 75px;
	height: 75px;
	margin: 0 auto;
}
.stduy-status-li-lt span.stduy-status-test {
   display: block;
   cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    min-width: 52px;
    text-align: center;
    line-height: 16px;
    background: #FFAD4C;
    color: #fff;
    font-size: 12px;
    padding: 1px 3px;
}
.learn-test {
    padding-top: 20px;
    clear: both;
}
.tpic-ul-test-con {
    clear: both;
    padding-left: 48px;
    overflow: hidden;
}
.learn-test .tpic-ul-test .ul-test-check {
    height: 20px;
    margin: 15px 0px;
    cursor: pointer;
    width: 100%;
    clear: both;
    box-sizing: border-box;
}
.learn-test .tpic-ul-test span{
    float: left;
    border: 1px solid #69b82d;
    padding: 0 8px;
    border-radius: 10px;
    display: inline-block;
   /* margin-right: 8px;*/
    margin-right: 5px;
}
.learn-test .tpic-ul-test p{
    display: inline-block;
    float: left;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tips-test-course {
    width: 100%;
    padding-top: 20px;
    clear: both;
    overflow: hidden
}
.tips-test-course h3 {
    width: 90%;
    float: left;
    line-height: 30px;
    font-size: 14px;
    border-bottom: #e5e5e5 1px dashed;
    color: #69b82d
}
.tips-course-test-ul {
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    clear:both;
    overflow: hidden;
    padding-left: 10px;
    padding-top: 10px;
}
.tips-course-test-ul li{
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    text-align: left;
    clear: both;
    overflow: hidden;
    margin-top: 5px !important;
    text-align: left;
}
.tips-course-test-ul li span {
    float: left;
    margin-right: 10px;
}
.tips-course-test-ul li .tips-course-test-title {
    display: inline-block;
    max-width: 75%;
    min-width: 15%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    text-align: left;
    float: left;
}
.tips-course-test-ul li .tips-course-test-action {
    display: inline-block;
    float: left;
    margin-top: 2px;
}
.auto-box-test {
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.btn-7-box {
    margin-top: 30px;
    margin-left: 10px;
}
.table-test tr td {
    text-align: left;
}
.table-test-select {
    width:130px;
    height:30px;
}

.learn-test .tpic-ul-test .judge-span{
    background: #eee;
    border: 1px solid #ddd;
}
.learn-test .tpic-ul-test .single-span{
    background: #E3F8FF;
    border: 1px solid #BFDFFF;
}
.learn-test .tpic-ul-test .multi-span{
    background: #ffe2da;
    border: 1px solid #ffbaa3;
}
.learn-test .tpic-ul-test .question-span{
    background: #d0ffd7;
    border: 1px solid #98e1a3;
}
.learn-test .tpic-ul-test .blank-span{
    background: #FFAD4C;
    border: 1px solid #FF7413;
}
.learn-test .tpic-ul-test .paper-span{
    background: #cc9900;
    border: 1px solid #cc9988;
}
.questionItem .qaCate .tian {
    background: #FFAD4C;
    border: 1px solid #FF7413;
}
.richEditorText img{
    max-width:100%;
}
#blanksUl .optionPos{
    color: #79A900;
}
#blanksUl .optionCnt{
    color: #79A900;
}
.analysisMode .analysisInfo .tt2 img{
    max-width:100%;
}
#remarkFileHtmlContent img{
    max-width:100%;
}
.tips-course-test-title img{
    max-width:100%;
}
.logo .icon_zhike_logo_publicity{
    background-position: 0 0;
    background:url(../images/logo_publicity.png) no-repeat;
}
.logo .icon_data_logo_publicity{
    background-position: 0 0;
    background:url(../images/logo_data_package.png) no-repeat;
}
.task-task-list .task-tt-text-logo-lesson{
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    padding-left: 40px;
}
.task-task-list .task-tt-text-lesson{
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    float: left;
    padding-left: 10px;
}
.judge-span{
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0 8px;
}
.single-span{
    background: #E3F8FF;
    border: 1px solid #BFDFFF;
    border-radius: 10px;
    padding: 0 8px;
}
.multi-span{
    background: #ffe2da;
    border: 1px solid #ffbaa3;
    border-radius: 10px;
    padding: 0 8px;
}
.question-span{
    background: #d0ffd7;
    border: 1px solid #98e1a3;
    border-radius: 10px;
    padding: 0 8px;
}
.blank-span{
    background: #FFAD4C;
    border: 1px solid #FF7413;
    border-radius: 10px;
    padding: 0 8px;
}
.paper-span{
    background: #cc9900;
    border: 1px solid #cc9988;
    border-radius: 10px;
    padding: 0 8px;
}
.test-paper-content {
    box-sizing: border-box;
    width: 880px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: 0 1px 3px #e8e8e8;
    -webkit-box-shadow: 0 1px 3px #e8e8e8;
    box-shadow: 0 1px 3px #e8e8e8;
}
.test-paper-content h1 {
    font-size: 18px;
    padding-left: 40px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e8e8e8;
    color: #69b82d;
    background: url(../images/title.png) 0 0 no-repeat;
    margin-bottom: 20px;
    overflow: hidden;
}