@charset "utf-8";
/* CSS Document */

html, body {
	width: 100%;
	height: 100%;
}
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Microsoft YaHei", Arial;
	background: #FFFFFF;
	position: relative;
	min-width: 1200px;
}
iframe {
	display: inline-block;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.header {
	width: 100%;
	height: 130px;
	background: url(../img/top-bg.png) center no-repeat;
	background-size: 100%;
	align-items: center;
	display: flex;
}
.logoBar {
	width: 1400px;
	margin: auto;
	align-items: center;
	display: flex;
}
.logo {
	float: left;
	width: auto;
}
.area {
	width: auto;
	float: left;
	margin-left: 20px;
	font-size: 20px;
	color: #ffffff;
	align-items: center;
	display: flex;
}
.area img {
	margin-right: 4px;
}
.area a {
	font-size: 18px;
	color: #dfdede;
	text-decoration: none;
	margin-left: 4px;
}
.main {
	width: 1400px;
	margin: auto;
	z-index: 0;
	min-height:65%;
}
.navBar {
	width: 1400px;
	margin: auto;
	height: 60px;
	line-height: 60px;
	background: #03ad4e;
	margin-top: 10px;
	z-index: 100;
}
.navBar li {
	width: 11.11%;
	float: left;
	list-style: none;
}
.navBar li a {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.navBar li.nav-active a {
	font-size: 20px;
	background: #019040;
}
.navBar li a:hover {
	font-size: 20px;
	text-decoration: none;
}
.bannerBar {
	width: 100%;
	height: 400px;
}
.noticeBar {
	width: 96%;
	padding: 92px 2% 0px 2%;
	background-color: #f9efe9;
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
	margin-bottom: -10px;
}
.notice-left {
	float: left;
	border-right: #ffffff solid 1px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 10%;
	padding: 6px 0px;
}
.notice-l-new {
	font-family: "微软雅黑";
	font-size: 24px;
	color: #de9869;
	line-height: 30px;
	margin-left: 12px;
}
.notice-right {
	float: right;
	height: 102px;
	overflow: hidden;
	width: 88%;
}
.notice-right ul a {
	list-style: none;
	line-height: 50px;
	display: block;
	font-size: 16px;
	color: #333333;
	border-bottom: 1px solid #ffffff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	/*text-decoration: none;*/
}

.menuBar {
	width: 100%;
	margin: 20px 0px;
}
.m-left {
	width: 1040px;
	float: left;
	font-size: 24px;
}
.m-right {
	width: 300px;
	float: right;
	margin: 20px 0px;
}
.new-menu {
	width: 100%;
	display: inline-block;
}
.new-title {
	width: 100%;
	border-bottom: #80c79f solid 1px;
	display: inline-block;
	align-items: center;
	line-height: 50px;
	margin: 14px 0px;
}
.new-title > p {
	font-size: 30px;
	color: #019040;
	letter-spacing: 1px;
	float: left;
	border-bottom: #019040 solid 2px;
}
.new-title > span {
	font-size: 16px;
	color: #666666;
	float: right;
}
.new-list, .new-list1, .new-list2, .new-list3, .new-list4 {
	width: 100%;
	display: inline-block;
}
.new-list ul, .new-list1, .new-list2 ul, .new-list3 ul {
	width: 100%;
	display: inline-block;
}
.new-list ul li {
	width: 50%;
	float: left;
	list-style: disc inside;
	list-style-image: url(../img/icon-list1.png);
	line-height: 46px;
	font-size: 16px;
	color: #333333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.new-list1 ul li {
	width: 100%;
	float: left;
	list-style: disc inside;
	list-style-image: url(../img/icon-list2.png);
	line-height: 34px;
	font-size: 16px;
	color: #333333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.new-list2 ul li {
	display: flex;
	align-items: center;
	width: 100%;
	float: left;
	margin: 6px 0px;
	font-size: 16px;
	color: #333333;
	line-height: 40px;
	height:40px;
}
.new-list2 ul li>img {
	width: 40px;
	height: 40px;
	margin: 0px 10px;
}
.new-list2 span.rank {
	width: 20%;
	text-align: right;
}
.new-list2 span.nickname {
	display:inline-block;
	width: 54%;
}
.new-list2 ul li > i {
	display: inline-block;
	width: 24px;
	vertical-align: middle;
	font-style: normal;
	text-align: center;
}
.new-list5 ul li {
	width: 50%;
	float: left;
	margin: 7px 0px;
}
.new-list5 ul li>span {
	text-align: left;
}
.icon001 {
	background: url(../img/chart1.png) no-repeat center;
}
.icon002 {
	background: url(../img/chart2.png) no-repeat center;
}
.icon003 {
	background: url(../img/chart3.png) no-repeat center;
}
.new-list3 ul li {
	display: inline-block;
	width: 100%;
	float: left;
	margin: 8px 0px;
	font-size: 16px;
	color: #333333;
}
.t-left {
	width: 30%;
	float: left;
}
.t-left > img {
	width: 100%;
}
.t-right {
	width: 66%;
	float: right;
	display: inline-block;
}
.t-right-tit {
	width: 100%;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
}
.t-right-menu {
	width: 100%;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
}
.m-search {
	width: 97%;
	display: flex;
	align-items: center;
	background-color: #019040;
	padding: 5px 1.5%;
	margin-bottom: 6px;
}
.m-search >input {
	width: 80%;
	height: 40px;
	border-radius: 8px;
	background: #fff;
	border: 0px;
	outline: none;
	margin-right: 16px;
}
.m-search > i {
	display: inline-block;
	width: 34px;
	height: 34px;
	background: url(../img/search.png) no-repeat right center;
	cursor: pointer;
}
.conBar {
	width: 100%;
	display: inline-block;
	margin: 6px 0px;
}
.conBar1 {
	margin-bottom: 30px;
}
.m-title {
	width: 96%;
	height: 50px;
	background-color: #019040;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	padding: 0px 2%;
}
.m-title1 {
	padding: 0px 4%;
	width: 92%;
}
.m-title > i {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	margin-right: 10px;
}
.icon-1 {
	background: url(../img/icon-login.png) no-repeat center;
}
.icon-2 {
	background: url(../img/icon-notice.png) no-repeat center;
}
.icon-3 {
	background: url(../img/icon-chart.png) no-repeat center;
}
.icon-4 {
	background: url(../img/icon-teacher.png) no-repeat center;
}
.icon-5 {
	background: url(../img/icon-weixin.png) no-repeat center;
}
.icon-6 {
	background: url(../img/icon-exam.png) no-repeat center;
}
.new-list4 {	
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 30px;
}
.menuNews, .menuNews1 {
	width: 31.2%;
	display: inline-block;
	margin-bottom: 30px;
	padding-right: 15px;
}
.menuNews1 {
	width: 100%;
}
.menuNews img, .menuNews1 img {
	width: 100%;
	height:230px;
	border-radius: 8px;
}
.menuTitle {
	width: 100%;
	font-size: 16px;
	color: #333333;
	line-height: 44px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
}
.menuPrice {
	width: 100%;
	display: inline-block;
}
.menuPrice .mprice {
	float: left;
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../img/icon-price.png) no-repeat center;
	margin-right: 4px;
	line-height: 16px;
}
.menuPrice .mcoursenum {
	float: left;
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../img/icon-coursenum.png) no-repeat center;
	margin-right: 4px;
	line-height: 16px;
}
.menuPrice .span1 {
	color: #d81e06;
	font-size: 12px;
	float: left;
}
.menuPrice .span2 {
	float: right;
	color: #999999;
	font-size: 12px;
}
.menuPrice .span3 {
	color: #999999;
	font-size: 12px;
	float: left;
}
.m-title > span {
	float: right;
	font-size: 16px;
	cursor: pointer;
}
.m-con, .m-con1, .con2 {
	width: 268px;
	border: #999999 solid 1px;
	border-top: 0px;
	padding: 15px;
}
.m-con1, .m-con2 {
	width: 318px;
	padding: 0px;
}
.m-con2 {
	border: 0px;
	margin-top: 20px;
}
.lg-user, .lg-pwd, .lg-yzm, .lg-span {
	width: 100%;
	align-items: center;
	margin: 8px 0px;
}
.lg-span {
	font-size: 14px;
	color: #666666;
	display: inline-block;
}
.lg-span a{ text-decoration:none; cursor:pointer;}
.lg-user > label, .lg-pwd > label, .lg-yzm > label {
	width: 20%;
	text-align: left;
	font-size: 13px;
	color: #666666;
	display:inline-block;
}
.lg-user > input, .lg-pwd >input, .lg-yzm >input {
	width: 70%;
	font-size: 20px;
	color: #666666;
	border: #999999 solid 1px;
	padding: 0px 10px;
	height: 38px;
	background: url(../img/user.png) #eeeeee no-repeat right 8px center;
	outline: none;
}
.lg-pwd >input {
	background: url(../img/pwd.png) #eeeeee no-repeat right 8px center;
}
.lg-user > .input1, .lg-pwd >.input1 ,.lg-user >.input2{
	width: 100%;
	margin: 5px 0px;
}
.lg-user >.input2{background: url(../img/telephone.png) #eeeeee no-repeat right 8px center; }
.lg-yzm >input {
	width: 35%;
	background: none #eeeeee no-repeat right 8px center;
	margin-right: 3.5%;
}
.lg-yzm >input.input-yzm{width:60%;}
.lg-yzm >img {
	width: 35%;
	cursor: pointer;
}
.lg-yzm >button{
	width: 35%;
	font-size: 14px;
	color: #666666;
	text-align: center;
	line-height: 38px;
	cursor: pointer;
	border:0px;
	outline:none;
	background-color: #f3f3f3;
	height: 38px;
}
.lg-yzm >button.btn-yzm{height:40px;}
.lg-btn {
	width: 100%;
	margin: 20px 0px 10px 0px;
}
.lg-btn >button {
	width: 100%;
	height: 40px;
	background-color: #019040;
	color: #fff;
	font-size: 16px;
	border: 0px;
	border-radius: 8px;
	cursor: pointer;
	outline: none;
}
.lg-me {
	marign: auto;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: #999999 solid 1px;
	padding-bottom: 16px;
	font-size: 18px;
	color: #333333;
}
.lg-me img {
	margin-right: 12px;
	width: 84px;
}
.lg-kc {
	width: 100%;
	display: inline-block;
}
.lg-kc-re, .lg-kc-re1 {
	width: 33%;
	border-right: #999999 solid 1px;
	text-align: center;
	margin: 20px 0px;
	float: left;
	font-size: 16px;
	color: #333333;
}
.lg-kc-re1 {
	border-right: 0px;
}
.lg-kc > a {
	font-size: 16px;
	color: #019040;
	text-decoration: none;
}
.lg-kc > a.lg-kc-rec {
	float: right;
	color: #666666;
}
.lg-kc-re span, .lg-kc-re1 span {
	display: block;
	width: 100%;
	margin-bottom: 12px;
}
.lg-kc-re span.cspan, .lg-kc-re1 span.cspan {
	margin-bottom: 0px;
}
.enBar {
	width: 100%;
	display: inline-block;
}
.wx {
	width: 100%;
}
.footer {
	width: 100%;
	background-color: #019040;
	padding: 30px 0px;
	display:inline-block;
	bottom: 0;
}
.footBar {
	width: 1400px;
	margin: auto;
}
.foot-left {
	font-size: 12px;
	color: #fff;
	padding: 0px 45px 0px 290px;
	float: left;
	line-height: 20px;
}
.foot-left img{
	width: 90px;
	height: 90px;
}
 .foot-center {
	 padding: 0px 45px 0px 0px;
	 float: left;
	 line-height: 34px;
 }
.foot-right {
	border-left: #fff solid 1px;
	color: #fff;
	font-size: 16px;
	padding-left: 45px;
	float: left;
	line-height: 28px;
}
/*资讯列表*/
.message_part {
	width: 100%;
	color: #666666;
	font-size: 18px;
	line-height: 42px;
	margin: 20px 0px;
	border-bottom: #b3b3b3 solid 2px;
}
.message_part > span {
	color: #019040;
}
.message_list {
	position: relative;
	width: 100%;
	border-bottom: #cccccc dashed 1px;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0px;
    min-height: 125px;
}
.mess_left {
	 position: absolute;
    display: inline-block;
    width: 250px;
	float: left;
	top: 10px;
	bottom:10px
}
.mess_left > img {
	width: 100%;
	height:100%;
}
.mess_all {
	width: 100%;
	float: left;
}
.mess_right {
	margin-left: 280px;
	width: 74%;
}
.mess_title {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}
.mess_time {
	font-size: 16px;
	color: #666666;
	line-height: 48px;
}
.mess_time span {
	margin-right: 14px;
}
.mess_menu {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}
.message_title {
	width: 100%;
	text-align: center;
	font-size: 24px;
	color: #333333;
	border-bottom: #999999 dashed 1px;
	padding: 10px 0px;
}
.mess_t {
	line-height: 40px;
}
.message_main {
	width: 100%;
	margin: 20px 0px;
	line-height:50px;
	text-align: center;
	display: table;
}
.mess_m {
	width: 100%;
	text-indent: 2em;
	font-size: 18px;
	color: #333333;
	line-height: 34px;
}
.mess_img {
	width: 100%;
	margin: 16px 0px;
}
.mess_img >img {
	width: 100%;
}
/* 知识*/
.know_part {
	width: 100%;
	margin: 34px 0px 20px 0px;
}
.know_btn {
	color: #019040;
	background-color: #fff;
	font-size: 18px;
	border-radius: 30px;
	border: #019040 solid 1px;
	padding: 10px 0px;
	width: 130px;
	margin-right: 40px;
	cursor: pointer;
	outline: none;
}
.know-active {
	color: #fff;
	background-color: #019040;
}
/* 讲师 */
.teacher_part {
	width: 100%;
	margin: 20px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.teacher_main {
	border: #d6d6d6 solid 1px;
	padding: 24px;
	border-radius: 5px;
	width: 28.4%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 16px 0px;
}
.tea_left {
	width: 30%;
}
.tea_left img {
	width: 100%;
}
.tea_right {
	width: 65%;
}
.tea_tit {
	line-height: 28px;
	font-size: 18px;
	color: #333333;
	margin-bottom: 16px;
}
.tea_menu {
	font-size: 14px;
	color: #666666;
	line-height: 28px;
}
/* 班级 */
.class_part {
	width: 100%;
	margin: 20px 0px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.class_main {
	width: 23%;
	margin: 20px 0px;
	display: inline-block;
    padding-right: 20px;
}
.class_main img {
	width: 100%;
	height:230px;
	border-radius: 8px;
}
/* 课程 */
.course_part {
	width: 100%;
	margin: 10px 0px 0px 0px;
	display: inline-block;
}
.course_menu {
	margin: 10px 45px 10px 0px;
	display: flex;
	align-items: center;
	float: left;
}
.course_menu label {
	color: #666666;
	font-size: 18px;
	margin-right: 5px;
}
.course_select {
	border: #d6d6d6 solid 1px;
	border-radius: 4px;
	padding: 4px 10px 8px 10px;
	width: 180px;
	color: #333333;
	font-size: 18px;
	outline: none;
}
.course_select option {
	line-height: 30px;
}
.courseBtn {
	font-size: 18px;
	color: #ffffff;
	background-color: #019040;
	padding: 6px 30px;
	border: 0px;
	border-radius: 4px;
	outline: none;
	cursor: pointer;
}
/*问吧*/
.quesstion_part {
	width: 100%;
	display: inline-block;
	margin-bottom: 40px;
}
.quess_menu {
	width: 100%;
	padding: 20px 0px 10px 0px;
	display: inline-block;
}
.quess_left, .q_left {
	width: 4%;
	float: left;
	line-height: 32px;
}
.q_left {
	width: 5%;
}
.quess_left > img, .q_left > img {
	width: 100%;
}
.quess_left > p, .q_left > p {
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #333333;
}
.quess_right {
	width: 94%;
	float: right;
	border-bottom: #d6d6d6 solid 1px;
	padding: 0px 0px 10px 0px;
}
.quess_title {
	font-size: 18px;
	color: #333333;
}
.quess_t {
	font-size: 16px;
	color: #666666;
	width: 100%;
	line-height: 40px;
	margin-top: 24px;
}
.q_time {
	float: left;
}
.q_answer {
	float: right;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.icon-answer {
	background: url(../img/icon_quesstion.png) no-repeat center;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: 4px;
}
.q_an {
	width: 100%;
}
.q_input {
	width: 100%;
	display: inline-block;
	margin: 14px 0px;
}
.q_input > input {
	width: 86.82%;
	float: left;
	outline: none;
	border: #d6d6d6 solid 1px;
	height: 44px;
}
.q_input > button {
	width: 13%;
	float: left;
	outline: none;
	border: 0px;
	background-color: #019040;
	height: 46px;
	font-size: 18px;
	color: #ffffff;
	cursor: pointer;
}
.q_main {
	width: 97%;
	padding: 20px 1.5%;
	background-color: #eeeeee;
	display: inline-block;
	margin: 14px 0px;
}
.q_right {
	width: 93%;
	float: right;
}
.q_menu {
	line-height: 32px;
	color: #333333;
	font-size: 16px;
}
.q_time1 {
	font-size: 16px;
	color: #666666;
	line-height: 32px;
	margin-top: 14px;
}
.q_know {
	width: 100%;
	display: inline-block;
	margin: 30px 0px;
}
.q_know label {
	width: 7.5%;
	float: left;
	color: #333333;
	font-size: 18px;
}
.q_know textarea {
	width: 89.5%;
	float: right;
	border: #ebebeb solid 1px;
	padding: 10px 1%;
	height: 300px;
	outline: none;
	font-size: 18px;
	color: #999999;
}
.q_btn {
	width: 100%;
	text-align: right;
	margin: 10px 0px;
}
.btn-close, .btn-submit {
	width: 160px;
	height: 48px;
	background-color: #fff;
	border: #d6d6d6 solid 1px;
	outline: none;
	color: #333333;
	font-size: 18px;
	cursor: pointer;
}
.btn-submit {
	background-color: #019040;
	border: #019040 solid 1px;
	color: #ffffff;
	margin-left: 40px;
}
.btn-area{ height:44px; border-radius:4px; width:130px; margin-left:0px;}
/*排行榜 */
.chart_part {
	width: 100%;
	display: inline-block;
}
.chart_left {
	width: 1080px;
	float: left;
}
.chart_right {
	width: 320px;
	float: right;
	display: inline-block;
}
.m-name {
	width: 100%;
	text-align: center;
	border-bottom: #d6d6d6 solid 1px;
	padding: 20px 0px;
}
.m-name img {
	width: 40%;
	margin: auto;
}
.m-name p {
	font-size: 18px;
	color: #333333;
	line-height: 40px;
}
.chart-me {
	width: 100%;
	margin: 20px 0px;
	display: inline-block;
}
.c-m-l, .c-m-r {
	width: 49.5%;
	text-align: center;
	float: left;
	border-right: #d6d6d6 solid 1px;
}
.c-m-r {
	border-right: 0px;
	float: right;
}
.c-p1, .c-p2 {
	font-size: 18px;
	color: #666666;
	line-height: 36px;
}
.c-p2 {
	color: #333333;
}
/*分页*/
.pageBar {
	margin: 25px auto 45px auto;
	width: 100%;
	text-align: center;
	display: inline-block;
}
.archive-pages {
	margin: auto;
	display: inline-block;
}
.ul_btn {
	margin: 0px;
	padding: 10px;
	list-style: none;
}
.ul_btn li {
	border: 1px solid #999999;
	float: left;
	margin: 0 2px;
	text-align: center;
	list-style: none;
	cursor: pointer;
	display: block;
	padding: 6px 12px;
	float: left;
	text-align: center;
	color: #333333;
	font-size: 18px;
}
.ul_btn li.active {
	background-color: #019040;
	border: 1px solid #019040;
	color: #fff;
}
.ul_btn li.noneBtn {
	box-shadow: none;
	cursor: auto;
}
.ul_btn li.otherLi {
	box-shadow: none;
	cursor: auto;
}
.code_bg {
	z-index: 99999;
	float: right;
	background: url(../img/code_bg.png) no-repeat center;
	display: none;
	width: 286px;
	height: 286px;
	margin-right: -70px;
	margin-top: -15px;
}
.code_menu {
	display: inline-block;
	width: 90%;
	margin: 0px 5%;
	margin-top: 22px;
}
.code_left {
	width: 44%;
	float: left;
}
.code_right {
	width: 50%;
	float: right;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	text-align: center;
}
.code_left img, .code_right img {
	width: 100%;
}
.code_right img {
	margin: 2px 0px;
}
/*弹出层*/
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.5);
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
}
.reveal-modal {
	visibility: hidden;
	top: 220px;
	left: 50%;
	margin-left: -225px;
	width: 450px;
	background: #fff;
	position: absolute;
	z-index: 101;
	border-radius: 6px;
}
.reveal-modal-top, .reveal-modal-top1 {
	height: 50px;
	width: 100%;
	line-height: 50px;
	color: #fff;
	background-color: #019040;
	font-size: 20px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-align: center;
}
.reveal-modal-top1 {
	width: 98%;
	background-color: #fff;
	border-bottom: #999999 solid 1px;
	color: #333333;
	text-align: left;
	padding-left: 2%;
}
.reveal-modal-main {
	width: 74%;
	margin: 30px auto;
}
.reveal-modal-main-large {
	width: 100%;
	margin: 30px auto;
	height: 450px;
	overflow-y: scroll;
	text-align: center;
}
.reveal-modal.large {
	width: 900px;
	margin-left: -450px;
}
.more-large {
	width: 1200px;
	height: auto;
	margin-left: -600px;
	top: 0px;
	overflow: hidden;
}
.reveal-modal-main-large.more {
	height: auto;
	overflow: hidden;
}
.reveal-modal .close-reveal-modal {
	font-size: 30px;
	position: absolute;
	top: 4px;
	right: 12px;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.reveal-modal .close-reveal-modal1 {
	color: #333333;
}
/*课程详情*/
.course_news {
	width: 84%;
	padding: 40px 4%;
	border: #999999 solid 1px;
	display: inline-block;
	margin: 8px 0px 20px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.course_left {
	width: 55%;
	float: left;
	display: inline-block;
}
.course_left > img {
	width: 100%;
}
.course_right {
	width: 40%;
	float: right;
}
.c_r_title {
	color: #333333;
	font-size: 20px;
	line-height: 46px;
	width: 100%;
	display: inline-block;
	border-bottom: #ebebeb solid 1px;
}
.c_r_menu {
	color: #333333;
	font-size: 14px;
	width: 100%;
	display: inline-block;
	margin: 10px 0px;
}
.c_r_menu > p {
	width: 100%;
	line-height: 30px;
}
.c_r_button {
	width: 100%;
	display: inline-block;
	margin: 20px 0px;
}
.btn-course {
	width: 160px;
	height: 50px;
	border-radius: 10px;
	margin: 0px 10px 0px 0px;
}
 .btn-courseexam {
	 width: 95px;
	 height: 36px;
	 border-radius: 10px;
	 margin: 0px 10px 0px 10px;
 }
.course_list {
	width: 92%;
	border: #999999 solid 1px;
	display: inline-block;
	margin-bottom: 40px;
}
.course-selset {
	width: 100%;
	display: inline-block;
	border-bottom: #999999 solid 1px;
	height: 50px;
	font-size: 0px;
}
.course-selset .select {
	border: 0px;
	margin: 0px;
	border-right: #999999 solid 1px;
	background-color: #fff;
	outline: none;
	color: #666666;
	font-size: 18px;
	cursor: pointer;
	width: 150px;
	height: 50px;
}
.course-selset .select-active {
	height: 51px;
}
.course-part {
	padding: 20px 40px;
}
.course-part p {
	text-indent: 2em;
	line-height: 30px;
	font-size: 16px;
	color: #333333;
}
.course-ul {
	margin: 0px;
	list-style: none;
	width: 100%;
}
.course-ul > li {
	margin: 0px;
	list-style: none;
	margin: 10px 0px;
	width: 100%;
	display: inline-block;
	border-left: #eeeeee solid 1px;
	border-right: #eeeeee solid 1px;
}
.course-ul li .cou-label {
	width: 97%;
	background-color: #eeeeee;
	padding: 0 1.5%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 50px;
}
 .course-ul li .cou-label2 {
	 width: 97%;
	 background-color: rgba(242, 255, 204, 0.68);
	 padding: 0 1.5%;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 line-height: 20px;
 }
 .course-ul li .cou-label3 {
	 width: 240%;
	 background-color: #eeeeee;
	 padding: 0 1.5%;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 line-height: 50px;
 }
.cou-title {	
	font-size: 16px;
	color: #333333;
}
.cou-i {
	display: inline-block;
	padding: 0px;
}
.cou-i > .icon-up {
	float: right;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url(../img/icon-up.png) no-repeat center;
}
.cou-i > .icon-down {
	float: right;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url(../img/icon-down.png) no-repeat center;
}
.cou-menu, .class-menu {
	width: 100%;
	list-style: none;
}
.cou-menu li, .class-menu li {
	list-style: none;
	width: 97%;
	padding: 8px 1.5%;
	align-items: center;
	border-bottom: 1px solid #eeeeee;
	justify-content: space-between;
}
.class-menu li {
	display: inline-block;
}
.class-m-tit {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	color: #333333;
	line-height: 46px;
}
.class-menu > li > ol {
	list-style-type: none;
	counter-reset: sectioncounter;
	background-color: #eeeeee;
	padding: 10px 1.5%;
	margin-bottom: 15px;
}
.class-menu > li > ol > li {
	display: inline-block;
	padding: 2px 0px;
	width: 100%;
}
.class-menu > li > ol > li:before {
	content: counter(sectioncounter);
	counter-increment: sectioncounter;
	float: left;
	line-height: 28px;
	width: 30px;
	font-size: 16px;
	color: #999999;
}
.cou-menu-l {
	width: 80%;
	line-height: 28px;
/* 	float: left; */
	color: #999999;
}
.cou-menu-l1 {
	width: 100%;
	font-size: 16px;
}
.cou-menu-l2 {
	width: 100%;
	font-size: 14px;
}
.course-ul li button {
	cursor: pointer;
	float: right;
	width: 110px;
	height: 40px;
	background-color: #999999;
	color: #fff;
	font-size: 16px;
	border-radius: 6px;
	border: 0px;
	outline: none;
}
.course-ul li button.course_buy {
	background-color: #019040;
}
.course_menus {
	width: 84%;
	padding: 40px 4%;
	border: #999999 solid 1px;
	display: inline-block;
	margin: 8px 0px 20px 0px;
	display: inline-block;
}
.c-left {
	width: 23%;
	float: left;
}
.c-left > img {
	width: 100%;
}
.c-right {
	width: 72%;
	float: right;
	display: inline-block;
}
.c-right-tit {
	width: 100%;
	font-size: 20px;
	color: #333333;
	line-height: 60px;
	border-bottom: #ebebeb solid 1px;
}
.c-right-menu {
	width: 100%;
	font-size: 12px;
	color: #666666;
	line-height: 24px;
	margin: 14px 0px;
}
.cou-tit {
	font-size: 14px;
	color: #999999;
}
/*课程订单*/
.order_title {
	font-size: 20px;
	color: #333333;
	width: 100%;
}
.order_tab, .order_tab1, .order_tab2 {
	width: 100%;
	display: inline-block;
	margin: 20px 0px 30px 0px;
}
.order_tab table {
	border: #999999 solid 1px;
	font-size: 18px;
	color: #333333;
	width: 100%;
	border-collapse: collapse;
}
.order_tab table thead {
	background-color: #bff1d5;
}
.order_tab table thead tr td, .order_tab table tbody tr td {
	text-align: center;
	line-height: 50px;
	border-right: #999999 solid 1px;
}
.order_tab table tbody tr td {
	padding: 20px 0px;
	line-height: 0px;
}
.order_tab table tbody tr td img {
	width: 60%;
	border-radius: 6px;
	margin-right: 20px;
	vertical-align: text-top;
}
.order_tab1 table {
	font-size: 18px;
	color: #333333;
	width: 100%;
	border-collapse: collapse;
}
.order_tab1 table thead {
	background-color: #bff1d5;
	color: #666666;
	width: 100%;
	line-height: 50px;
	border-left: #bff1d5 solid 1px;
	border-right: #bff1d5 solid 1px;
}
.order_tab1 table thead tr td {
	padding-left: 20px;
}
.order_tab1 table tbody {
	border: #999999 solid 1px;
}
.order_tab1 table tbody tr {
	border-bottom: #999999 solid 1px;
}
.order_tab1 table tbody tr td {
	line-height: 50px;
	padding-left: 20px;
	width: 15%;
}
.order_re {
	color: #019040;
	width: 70%;
	cursor: pointer;
}
.order_tab textarea {
	width: 96%;
	border: #999999 solid 1px;
	height: 200px;
	outline: none;
	padding: 20px 2%;
	color: #666666;
	font-size: 18px;
}
.order-btn {
	text-align: center;
	width: 100%;
	margin: 40px 0px;
	display: inline-block;
}
.order-name, .order-btn {
	width: 100%;
	margin: auto;
	text-align: center;
	margin: 14px 0px;
	display: inline-block;
}
.order-name label {
	width: 26%;
	float: left;
	font-size: 18px;
	color: #333333;
	line-height: 48px;
}
.order-name input {
	padding-left: 2%;
	width: 71%;
	float: right;
	border-radius: 4px;
	border: #cccccc solid 1px;
	outline: none;
	height: 46px;
	color: #666666;
	font-size: 18px;
}
.order-btn button, .opin-button button {
	height: 48px;
	border: #019040 solid 1px;
	background-color: #019040;
	width: 120px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	margin: 0px 10px;
	border-radius: 4px;
	outline: none;
}
button.order-close {
	border: #cccccc solid 1px;
	background-color: #ffffff;
	color: #666666;
}
.order-name input.order-phone {
	width: 98%;
}
.order-name input.order-yzm {
	width: 68%;
	float: left;
	height: 46px;
}
.order-name button {
	width: 26%;
	float: right;
	border: #cccccc solid 1px;
	background-color: #ffffff;
	color: #666666;
	height: 48px;
	border-radius: 4px;
	color: #666666;
	font-size: 18px;
}
/*订单支付 */
.pay_menu {
	width: 94%;
	padding: 20px 3%;
	border: #999999 solid 1px;
	display: inline-block;
	margin-bottom: 40px;
}
.pay_left {
	width: 12%;
	float: left;
	margin-right: 3%;
}
.pay_left > img {
	width: 100%;
}
.pay_center {
	width: 50%;
	float: left;
	text-align: left;
}
.pay_right {
	width: 30%;
	float: right;
	text-align: right;
	color: #333333;
	font-size: 18px;
}
.pay_right font {
	color: #019040;
	font-size: 26px;
}
.pay_p1 {
	color: #333333;
	font-size: 26px;
	line-height: 30px;
}
.pay_p2 {
	color: #333333;
	font-size: 18px;
	line-height: 30px;
}
.pay_img {
	width: 158px;
    height: 50px;
	border: #cccccc solid 1px;
	margin-right: 40px;
	float: left;
	cursor: pointer;
}
.pay-active {
	border: #019040 solid 2px;
}
.order-btn .pay-submit, .opin-button button {
	height: 50px;
	width: 200px;
	border-radius: 10px;
	margin-bottom: 50px;
	cursor: pointer;
}
.opin-button button {
	margin-bottom: 0px;
}
/*班级详情*/
.class_t {
	width: 15%;
	text-align: center;
	margin: 10px 30px 0px 0px;
	float: left;
	display: inline-block;
}
.class_t img {
	width: 100%;
}
.course-ul li.class-li {
	justify-content: flex-start;
	border: 0px;
	border-bottom: #999999 solid 1px;
	margin: 0px;
	display: flex;
	align-items: center;
	padding: 20px 0px;
}
.class_t p {
	color: #333333;
	font-size: 16px;
	line-height: 34px;
}
.course-ul li i {
	float: left;
	width: 28px;
	height: 28px;
	display: inline-block;
	margin-right: 6px;
	line-height: 28px;
}
.course-ul li i.icon-c1 {
	background: url(../img/icon-c1.png) no-repeat center;
}
.course-ul li i.icon-c2 {
	background: url(../img/icon-c2.png) no-repeat center;
}
.course-ul li i.icon-c3 {
	background: url(../img/icon-c3.png) no-repeat center;
}
.course-ul li i.icon-c4 {
	background: url(../img/icon-c4.png) no-repeat center;
}
.course-ul li i.icon-c5 {
	background: url(../img/icon-c5.png) no-repeat center;
}
.course-ul li i.icon-c6 {
	background: url(../img/icon-c6.png) no-repeat center;
}
.course-ul li i.icon-c7 {
	background: url(../img/icon-c7.png) no-repeat center;
}
.course-part table {
	border: #999999 solid 1px;
	font-size: 18px;
	color: #333333;
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0px 30px 0px;
}
.course-part table thead {
	background-color: #bff1d5;
}
.course-part table thead tr td, .course-part table tbody tr td {
	border: #999999 solid 1px;
	text-align: center;
	height: 50px;
}
.order_tab2 {
	background-color: #bff1d5;
	height: 80px;
	width: 96%;
	padding: 0px 2%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	color: #666666;
}
.order-news {
	width: 160px;
	height: 50px;
	background-color: #ffffff;
	color: #019040;
	font-size: 18px;
	outline: none;
	border: 0px;
	border-radius: 8px;
	cursor: pointer;
}
/*完善报名信息 */
.form-top {
	width: 80%;
	margin: 10px auto;
	color: #019040;
	font-size: 16px;
	text-align: left;
}
.form-group, .form-group2 {
	width: 80%;
	font-size: 18px;
	color: #333333;
	display: inline-block;
	margin: 10px auto;
}
.form-group2 {
	width: 50%;
	float: left;
}
.form-group > label {
	width: 29%;
	float: left;
	text-align: right;
	line-height: 48px;
	margin-right: 1%;
}
.form-group2 input::-webkit-input-placeholder {
 color:#333333;
}
.form-group2 > label {
	width: 17%;
	margin-right: 2%;
}
.form-group > label.label1 {
	float: left;
	width: 100%;
	text-align: left;
}
.form-group > .form-input, .form-group > .form-input1 {
	width: 68%;
	float: left;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.form-group > .form-input1 {
	width: 20%;
}
.form-group3 {
	width: 100%;
}
.form-group3 > label {
	width: 12%;
}
.form-group3 > .form-input3 {
	width: 33%;
	margin-right: 4%;
}
.left-30 {
	margin-left: 30%;
}
.form-input >input, .form-input1 >input, .form-input >select, .form-input > textarea, .form-input1 >select {
	width: 96%;
	font-size: 18px;
	color: #333333;
	height: 48px;
	border: #999999 solid 1px;
	border-radius: 4px;
	outline: none;
	padding: 0px 2%;
}
.form-input >select, .form-input3 >select {
	width: 100%;
}
.form-input > textarea {
	height: 150px;
	padding: 10px 2%;
	line-height: 28px;
}
.container, .container1, .container2 {
	width: 124px;
	height: 154px;
	display: inline-block;
	position: relative;
}
.container1 {
	width: 228px;
	height: 140px;
}
.container2 {
	width: 310px;
	height: 200px;
}
.container > input, .container1 > input, .container2 > input {
	opacity: 0;
	filter: alpha(opacity=0);
	width: 124px;
	height: 154px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	cursor: pointer;
}
.container1 > input {
	width: 228px;
	height: 140px;
}
.container2 > input {
	width: 310px;
	height: 200px;
}
.form-menu, .form-menu1 {
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	width: 68%;
	text-align: left;
}
.form-menu1 {
	margin-left: 30%;
}
.container img {
	width: 124px;
	height: 154px;
}
.container1 img {
	width: 228px;
	height: 140px;
}
.container2 img {
	width: 310px;
	height: 200px;
}
.container > img, .container1 > img, .container2 > img {
	display: none;
}
.form-group > .form-input2 {
	width: 68%;
	display: inline-block;
	float: left;
	text-align: left;
}
.form-input2 > label {
	display: flex;
	align-items: center;
	cursor: pointer;
	float: left;
	margin: 12px 35px 12px 0px;
}
.form-input2 > .label-checkbox {
	width: 100%;
	margin-right: 0px;
}
.gcs-checkbox, .gcs-radio {
	display: none;
}
.gcs-checkbox+label, .gcs-radio+label {
	background-color: white;
	border-radius: 0px;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	vertical-align: bottom;
	background-color: #999999;
	border-radius: 2px;
	margin-right: 10px;
	line-height: 20px;
}
.gcs-checkbox+label:before {
	content: "\2714";
	color: white;
}
.gcs-checkbox:checked+label, .gcs-radio:checked+label {
	background-color: #019040;
}
.gcs-radio:checked+label:after {
	content: "\2022";
	font-size: 35px;
	color: white;
}
.paper_part {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.paper_main {
	background-color: #eeeeee;
	padding: 10px 1.5% 30px 1.5%;
	border-radius: 5px;
	width: 29%;
	margin: 15px 0px;
}
.paper_tit {
	font-size: 18px;
	color: #333333;
	line-height: 50px;
	border-bottom: #e2e2e2 solid 1px;
	width: 100%;
}
.paper_p1, .paper_p2 {
	font-size: 18px;
	color: #666666;
	line-height: 50px;
	width: 100%;
}
.paper_p2 {
	line-height: 20px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.paper_ft {
	width: 100%;
	display: inline-block;
	margin-top: 36px;
	font-size: 14px;
	color: #666666;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.paper-btn {
	margin-right: 0px;
}
.mainBar {
	width: 100%;
	background-color: #eeeeee;
	display: inline-block;
}
.paper_menu {
	width: 1400px;
	margin: auto;
}
/*模拟考试 */
.nr_left {
	width: 1050px;
	height: 100%;
	float: left;
}
.content_main, .content_main1 {
	width: 96%;
	line-height: 60px;
	background: #ffffff;
	border-radius: 8px;
	padding: 0px 2%;
	font-size: 20px;
	color: #333333;
	display: inline-block;
}
.content_main1 {
	margin: 20px 0px;
	width: 90%;
	padding: 0px 5%;
}
.content_nr {
	width: 100%;
	dispaly: inline-block;
	overflow: hidden;
	margin-top: 10px;
}
.content_nr > ul {
	width: 102%;
	overflow-x: hidden;
	overflow-y: scroll;
}
.content_nr > ul>li {
	width: 96%;
	background: #ffffff;
	border-radius: 8px;
	padding: 20px 2%;
	font-size: 18px;
	color: #333333;
	list-style: none;
	margin: 14px 0px;
	line-height: 34px;
}
.content_nr_tit {
	font-size: 18px;
	color: #333333;
}
.content_nr_tit > span {
	color: #019040;
}
.content_nr_ul {
	width: 100%;
	display: inline-block;
	line-style: none;
	margin-top: 8px;
}
.content_nr_ul > li.content_option {
	list-style-type: none;
	width: 100%;
	margin: 3px 0px;
	font-size: 18px;
	color: #333333;
	display: inline-block;
}
.content_option:hover {
	background-color: #eeeeee;
	border-radius: 6px;
}
.answer_option {
	width: 96%;
	padding: 0px 2%;
	line-height: 48px;
	display: inline-block;
	border-radius: 6px;
	cursor: pointer;
}
.content_check {
	display: none;
}
.content_check:checked+label {
	background-color: #019040;
	color: #ffffff;
}
.content_check_bad:checked+label {
	background-color: #d81e06;
	color: #ffffff;
}
.option {
	line-height: 32px;
	display: block;
	background: #fff;
	color: #666;
}
.option:hover {
	background: #e4e4e4;
}
.option input {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin: 10px 10px 0 0;
}
.option label {
	height: auto;
	display: block;
}
/*nr_right start*/		
.nr_right {
	width: 320px;
	height: 100%;
	float: right;
}
.content_time {
	width: 80%;
	margin: 30px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.content_result1 {
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #333333;
}
.content_result2 {
	width: 100%;
	text-align: center;
	font-size: 36px;
	color: #333333;
	font-weight: 500;
	margin: 14px 0px 24px 0px;
}
.content_result2 span {
	font-size: 74px;
}
.time_left {
	margin-right: 10px;
}
.time_right {
	font-size: 18px;
	color: #333333;
}
.time_right p {
	width: 100%;
	line-height: 32px;
}
.content_p {
	width: 100%;
	display: inline-block;
	margin: 10px 0px 5px 0px;
	font-size: 20px;
	color: #333333;
}
.content_answerSheet {
	width: 100%;
	display: inline-block;
	margin-bottom: 50px;
}
.content_answerSheet ul {
	width: 100%;
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.content_answerSheet ul li {
	list-style: none;
	float: left;
	margin-bottom: 8px;
}
.content_answerSheet ul li a {
	display: block;
	text-decoration: none;
	color: inherit;
	border: #999999 solid 1px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #666666;
}
.content_answerSheet ul li a.hasBeenAnswer {
	background-color: #019040;
	color: #ffffff;
	border: #019040 solid 1px;
}
.content_answerSheet ul li a.hasBeenAnswer_bad {
	background-color: #d81e06;
	color: #ffffff;
	border: #d81e06 solid 1px;
}
.paper_submit {
	width: 100%;
	text-align: center;
	display: inline-block;
	margin-bottom: 30px;
}
/*意见反馈 */
.opinionBar {
	width: 89px;
	height: 89px;
	position: fixed;
	top:200px;
	top: 20vw;
	left: 30px;
	z-index: 100;
	cursor: pointer;
}
.opinionBar img {
	width: 100%;
}
.opin-modal {
	visibility: hidden;
	top: 250px;
	left: 50%;
	margin-left: -400px;
	width: 740px;
	background: #fff;
	position: absolute;
	z-index: 101;
	padding: 30px;
}
.opin-modal-tit {
	font-size: 20px;
	color: #333333;
	padding-bottom: 20px;
	border-bottom: #999999 solid 1px;
}
.opin-modal-main {
	width: 100%;
	display: inline-block;
	margin: 20px 0px;
}
.opin-modal-main textarea {
	width: 96%;
	height: 200px;
	font-size: 18px;
	color: #666666;
	line-height: 30px;
	padding: 5px 2%;
	outline: none;
}
.opin-button {
	text-align: center;
	width: 100%;
}
/* 个人中心 */
.person_top {
	width: 100%;
	display: inline-block;
	margin: 10px 0px 30px 0px;
}
.per-name {
	width: 180px;
	 height: 95px;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.per-name > img {
	width: 53%;
	height: 100%;
}
.per-n-n {
	width: 40%;
	text-align: left;
	color: #333333;
	font-size: 18px;
	line-height: 32px;
}
.per-n-n sapn {
	display: block;
	width: 100%;
}
.per-course {
	width: 380px;
	float: right;
	display: inline-block;
}
.per-n-n a {
	color: #019040;
	text-decoration: none;
	cursor: pointer;
}
.per-left {
	width: 180px;
	float: left;
	background-color: #eeeeee;
	display: inline-block;
	padding-bottom: 220px;
}
.per-left ul {
	width: 100%;
	float: left;
	display: inline-block;
}
.per-left ul li {
	width: 78%;
	outline: none;
	list-style: none;
	border-bottom: 1px solid #ffffff;
	padding: 0px 15%;
}
.per-left ul li a {
	display: block;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
	color: #333333;
	font-size: 18px;
	line-height: 50px;
	letter-spacing: 1px;
}
.per-left ul li a span {
	float: right;
	font-size: 42px;
	line-height: 42px;
}
.per-left ul li.active {
	background-color: #019040;
}
.per-left ul li.active a {
	color: #ffffff;
}
.per-right {
	width: 1190px;
	float: right;
	display: inline-block;
	margin-bottom: 60px;
}
.per-n-tit {
	width: 94%;
	font-size: 18px;
	color: #333333;
	line-height: 50px;
	background-color: #eeeeee;
	padding: 0px 3%;
}
.per-n-tit span {
	margin: 0px 10px;
	cursor: pointer;
}
.per-n-tit .sp-active {
	color: #019040;
}
.per_n_main {
	width: 100%;
	display: inline-block;
}
.per_n_main ul {
	width: 100%;
	list-style: none;
}
.per_n_main ul li {
	width: 100%;
	padding: 20px 0px;
	border-bottom: 1px dashed #999999;
	list-style: none;
	align-items: center;
	justify-content: space-between;
}
.per_n_l {
	align-items: center;
	display: inline-block;
    width: 200px;
    height: 120px;
}
.per_n_l img {
	width: 100%;
	height:100%;
	vertical-align: baseline;	
}
.per_n_r {
	display: inline-block;
	line-height: 50px;
	text-align: right;
}
.per_n_r > button {
	margin: 5px 0px;
}
.btn-gray {
	background-color: #eeeeee;
	color: #666666;
	border: #eeeeee solid 1px;
}
.per_n_menu {
	line-height: 35px;
	display: inline-block;
	vertical-align: top;
}
.per_n_menu_1 {
	font-size: 18px;
	color: #333333;
}
.per_n_menu_1 label {
	background-color: #eeeeee;
	padding: 5px 10px;
	font-size: 14px;
	color: #666666;
	margin-right: 10px;
}
.per_n_menu_2 {
	font-size: 16px;
	color: #666666;
}
.per_n_menu_3 {
	font-size: 16px;
	color: #d81e06;
}
.re-title {
	width: auto;
	line-height: 48px;
	display: inline-block;
	margin: 0px 30px;
	cursor: pointer;
}
.re-active {
	color: #019040;
	border-bottom: #019040 solid 1px;
}
.re-left {
	width: 15%;
	margin-left: 5%;
	float: left;
	display: inline-block;
}
.re-left img {
	width: 100%;
}
.re-right {
	width: 70%;
	float: left;
	display: inline-block;
}
.form-group1 {
	width: 100%;
}
.form-group1 label {
	width: 20.5%;
}
.reveal-tit {
	width: 90%;
	margin: 0px 5% 30px 5%;
	background-color: #eeeeee;
	text-align: left;
}
.reveal-tit .reveal-lab {
	font-size: 20px;
	line-height: 50px;
	padding: 0px 26px;
	color: #333333;
	display: inline-block;
	cursor: pointer;
}
.reveal-tit .reveal-active {
	color: #019040;
	background-color: #dbdbdb;
}
.re-main {
	width: 70%;
	margin: auto;
}
.re-menu {
	width: 100%;
	display: inline-block;
	margin: 20px 0px;
	text-align: center;
}
.re-menu-p1 {
	color: #333333;
	font-size: 24px;
	line-height: 42px;
}
.re-menu-p2 {
	color: #333333;
	font-size: 20px;
	line-height: 42px;
}
.form-input > input.in-width {
	width: 63%;
}
.in-btn {
	float: right;
	height: 50px;
	border-radius: 6px;
	border: 0px;
	background: #019040;
	color: #ffffff;
	font-size: 18px;
	padding: 0px 14px;
	cursor: pointer;
}
.order-btn1 {
	margin-top: 50px;
}
.form-menu2 {
	width: 100%;
	margin-bottom: 15px;
	font-size: 16px;
	color: #666666;
	text-align: left;
}
.per_o_main {
	width: 100%;
	display: inline-block;
	margin-bottom: 50px;
}
.per_o_main ul {
	width: 100%;
	display: inline-block;
	list-style: none;
	margin: 20px 0px;
}
.per_o_main ul li {
	width: 100%;
	display: inline-block;
	list-style: none;
	margin-bottom: 20px;
}
.per_o_tab, .per_o_tab1 {
	width: 100%;
	display: inline-table;
	border: #999999 solid 1px;
	border-collapse: collapse;
}
.per_o_tab thead, .per_o_tab1 thead {
	background-color: #eeeeee;
	font-size: 16px;
	color: #666666;
}
.per_o_tab thead tr td {
	height: 50px;
	width: 18%;
}
.per_o_tab thead tr td, .per_o_tab tbody tr td {
	text-align: center;
}
.per_o_tab tbody tr td, .per_o_tab1 tbody tr td {
	color: #333333;
	font-size: 18px;
	padding: 20px 0px;
	vertical-align: top;
	line-height: 36px;
}
.per_o_tab tbody tr td img {
	width: 100%;
	border-radius: 8px;
}
.per_o_tab .per_o_left, .per_o_tab .per_o_left1 {
	text-align: left;
	padding-left: 26px;
	width:18%;
}
.per_o_tab .per_o_left1 {
	width: 28%;
}
.per_o_tab a, .per_o_tab span {
	display: inline-block;
	text-decoration: none;
	color: #333333;
	width: 60%;
}
.per_o_tab a.o-pay {
	background-color: #019040;
	color: #ffffff;
	border-radius: 6px;
	width: auto;
	padding: 0px 12px;
	cursor: pointer;
}
.per_o_tab1 {
	margin: 10px 0px 30px 0px;
}
.per_o_tab1 thead tr td, .per_o_tab1 tbody tr td {
	text-align: left;
	width: 40%;
	height: 50px;
	border-right: #999999 solid 1px;
	padding-left: 26px;
}
.per_o_tab1 span {
	display: inline-block;
	width: 100%;
}
.per_o_tab1 tbody tr td.per_o_r {
	vertical-align: middle;
	text-align: center;
	width: 60%;
	font-size: 20px;
	color: #333333;
}
.per_o_tab1 tbody tr td.per_o_r img {
	margin-right: 10px;
	vertical-align: middle;
}
.per_n_enter {
	width: 100%;
	display: inline-block;
	border-top: #eeeeee solid 1px;
	padding-top: 30px;
}
.per_n_img {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.per_n_add {
	color: #666666;
	font-size: 16px;
	width: 100%;
	text-align: center;
	margin: 20px 0px 30px 0px;
}
.per_n_in {
	width: 100%;
	margin: 20px auto 110px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.order-btn button.per-sh {
	background-color: #eeeeee;
	color: #666666;
	pointer-events: none;
	border: #eeeeee solid 1px;
}
.per_n_in1 {
	width: 100%;
	display: inline-block;
}
.per_o_tab2 thead tr td, .per_o_tab2 tbody tr td {
	width: 40%;
}
.per_o_tab2 tbody tr td {
	border-bottom: #999999 solid 1px;
	padding: 30px 0px;
}
.exam_intro {
	width: 100%;
	display: inline-block;
	color: #d81e06;
	font-size: 16px;
	line-height: 34px;
}
.content-exam {
	margin-top: 20px;
	padding: 12px 2%;
}
.per_o_tab3 tbody tr td {
	border-bottom: #999999 solid 1px;
	width: 9%;
}
.mar-top {
	margin-top: 20px;
}
.mar-top8 {
	margin-top: 8px;
}
.mar-top60 {
	margin-top: 60px;
}
.content_answer {
	width: 100%;
	border-top: #999999 solid 1px;
	font-size: 18px;
	color: #333333;
	padding-top: 18px;
	margin-top: 20px;
}
.content_a, .content_a1 {
	line-height: 36px;
	padding: 8px 0px;
}
.content_a1 {
	padding: 8px 0px 0px 0px;
}
.content_a span {
	color: #019040;
	margin-right: 46px;
}
/*区域选择 */
.areaBg {
	width: 100%;
	background: url(../img/address_bg.png) no-repeat center;
	background-size: 100%;
	display: inline-block;
}
.area_code {
	width: 180px;
	float: right;
	margin-right: 90px;
	font-size: 16px;
	color: #019040;
	text-align: center;
	line-height: 30px;
	margin-top: 82px;
}
.area_code img {
	width: 100%;
}
.areaPart {
	width: 100%;
	display: inline-block;
	margin-top: 30px;
}
.areaLeft, .areaLeft1 {
	width: 8%;
	text-align: left;
	font-size: 18px;
	color: #019040;
	line-height: 44px;
	margin-top: 10px;
	display: inline-block;
}
.areaLeft1 {
	margin-top: 0px;
	color: #333333;
}
.areaRight {
	width: 92%;
	float: right;
	text-align: left;
}
.areaRight> label {
	display: inline-block;
	width: 138px;
	height: 44px;
	border: #999999 solid 1px;
	border-radius: 23px;
	font-size: 18px;
	color: #333333;
	text-align: center;
	line-height: 44px;
	margin: 10px 30px 10px 0px;
}
.areaRight > select {
	width: 200px;
	height: 44px;
	border: #d6d6d6 solid 1px;
	border-radius: 4px;
	font-size: 18px;
	color: #999999;
	padding: 0px 10px;
	margin-right: 30px;
	display: inline-block;
	outline: none;
}
.area-btm {
	margin-bottom: 300px;
}
.per-card-down {
	display: inline-block;
	margin: 30px auto 40px auto;
	width: 100%;
	text-align: center;
}
.over {
	overflow: hidden;
}
.per-card-img {
	width: 84%;
	display: inline-block;
	margin: 0px auto 40px 0px;
}
.per-card-img > img {
	width: 100%;
}
.required {
	color: #e50c0c;
}
.per-en {
	width: 100%;
	display: inline-block;
	font-size: 18px;
	color: #333333;
	padding: 14px 0px;
}
.per_en1, .per_en2 {
	width: 20%;
	float: left;
	text-align: left;
}
.per_en2 {
	width: 80%;
}
.vBar {
	overflow: hidden;
	width: 100%;
	background-color: #222222;
	text-align: center;
}
.video-part {
	width: 1400px;
	display: inline-block;
	margin: auto;
	position: relative;
}
.vP-left {
	width: 1050px;
	float: left;
}
.vP-left video {
	width: 100%;
}
.vP-l-top {
	width: 97%;
	background-color: #000000;
	color: #ffffff;
	font-size: 20px;
	padding-left: 3%;
	line-height: 70px;
	text-align: left;
}
.vP-right {	
	width: 350px;
	overflow: auto;
	background-color: #ffffff;
}
.vP-r-tit {
	width: 96%;
	color: #999999;
	font-size: 20px;
	padding-left: 4%;
	line-height: 70px;
	text-align: left;
}

.vP-ul > li {
	margin: 0px;
	border: 0px;
	text-align: left;
}
.course-ul.vP-ul li .cou-label {
	padding: 0px 0px 0px 5%;
	width: 95%;
}
.cou-menu.vP-menu li {
	padding: 8px 0px 8px 5%;
	width: 95%;
}
.vPprogress {
	color: blue;
	width: 80%;
    line-height: 28px
}
.vPactive {
	color: #019040;
	width: 80%;
    line-height: 28px
}
.vPfinished {
	color: #ff0000;
	width: 80%;
    line-height: 28px
}
.vPgrey {
	color: #999999;;
	width: 80%;
    line-height: 28px
}
.vP-menu .cou-menu-l2 span {
	color: inherit;
}
.fBar {
	width: 100%;
	display: inline-block;
	background-color: #eeeeee;
    position: fixed;
    bottom: 0;
}
.fMenu {
	margin: 20px auto 0px auto;
	width: 1400px;
	color: #333333;
	position: relative;
}
.fMenu p {
	width: 100%;
	line-height: 40px;
	font-size: 20px;
}
.fMenu p span {
	margin-right: 44px;
	font-size: 16px;
}
.pay-main {
	width: 1400px;
	background-color: #ffffff;
	margin: 0px auto;
	padding: 60px 0px;
	display: inline-block;
}
.pay-tit {
	margin-left: 5%;
	font-size: 20px;
	color: #333333;
	display: flex;
	align-items: center;
	margin-left: 5%;
}
.pay-tit img {
	width: 28px;
	margin-right: 10px;
}
.pay-content {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pay-c-left {
	width: 50%;
	border-right: #999999 dashed 1px;
	text-align: center;
	font-size: 18px;
	color: #999999;
	line-height: 50px;
	margin-top: 70px;
}
.pay-c-right {
	width: 40%;
	padding-left: 10%;
	display: inline-block;
}
.pay-c-tit {
	font-size: 20px;
	color: #333333;
}
.pay-c-menu {
	font-size: 80px;
	color: #333333;
	margin: 50px 0px;
}
.pay-c-menu span {
	font-size: 40px;
}
.pay-c-con {
	font-size: 18px;
	color: #333333;
	line-height: 36px;
	width: 100%;
}
.pay-c-con > p {
	width: 100%;
	line-height: 40px;
}
.pay-c-con > p >span {
	width: 20%;
	display: inline-block;
	color: #999999;
}
.down-left{width:35%; float:left; display:inline-block; margin:70px 5% 50px 5%;}
.down-right{width:45%; float:right; display:inline-block; text-align:center; margin:80px 5% 50px 5%;}
.down-right img{ width:100%;}
.dl-tit,.dl-tit1{width:100%; font-size:60px; margin:20px auto;color:#019040; font-weight:bolder; letter-spacing:1px;}
.dl-tit1{font-size:50px; font-weight:400;}
.dl-code{ width:100%; margin-top:40px; display: flex;
	align-items: center;
	justify-content: space-between;}
.dl-left{width:46%;}
.dl-left img{ width:100%;}
.dl-right{width:40%;}
.dl-right a img{ margin:20px 0px; width:100%;}

#modal2,#modal3{display:none;}

.course_buy2{
	padding-top: 10px;
	width: 160px;
    height: 38px;
    border-radius: 10px;
    margin: 0px 10px 0px 0px;
    background-color: #019040;
    border: #019040 solid 1px;
    color: #ffffff;
   	display: inline-block;
    font-size: 18px;
    text-align: center;
    text-rendering: auto; 
    text-decoration: none;
    outline:none;          
}
.course_buy2:hover {
    color:white;
    background-color:rgba(0,64,156,.8);
    text-decoration: none;
}

 .info {
	 border:1px solid red;
	 position:absolute;
	 width:280px;
	 height: 445px;
	 line-height:50px;
	 background:#F6F1B3;
	 box-shadow:1px 2px 3px #E9D985;
	 border:1px solid #DACE7C;
	 border-radius:4px;
	 text-align:center;
	 color:red;
	 z-index:3;
  } 
  
  .videoLink{
	padding: 5px;
	width: 160px;
    height: 38px;
    border-radius: 10px;
    margin: 0px 10px 0px 0px;
    background-color: #019040;
    border: #019040 solid 1px;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    text-rendering: auto; 
    text-decoration: none;
    outline:none;          
}  
  .videoLink:hover {
    color:white;
    background-color:rgba(0,64,156,.8);
    text-decoration: none;
}
.classFininished{
	padding-top: 10px;
    padding-right: 5px;
    float: right;
    font-size: 16px;
    color: red;
}

.rightTabSpan{
	font-size: 18px;
    color: #333333;
    line-height: 50px;
    padding: 0px 3%;
    float: right;
}

.rightTabSpan .sp-active {
    color: #019040;
}

.rightTabSpan span {
    margin: 0px 10px;
    cursor: pointer;
}

.swiper-container { 
  height: 520px;
  color: #fff;
  text-align: center;
}

.swiper-pagination {
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 10px;
  width:100%;
  text-align:center;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin-right: 10px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;  
}
.swiper-active-switch {
  background: #fff;
}

.dlgFoot .danger{ 
    background-color: #ff0000;    
}

.dlgFoot button{
    cursor: pointer;
    min-width: 70px;
    height: 25px;
    background-color: #019040;
    color: #fff;
    font-size: 14px;
    border-radius: 6px;
    border: 0px;
    outline: none;
     padding-left: 5px;
    padding-right: 5px;
}
.mess_title2 {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}
.menuTitle2 {
    width: 80%;
    font-size: 16px;
    color: #333333;
    line-height: 44px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}
.message_list2 {
	position: relative;
	width: 100%;
	border-bottom: #cccccc dashed 1px;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0px;
}

.per-question{width:100%;
	display: block; border-top:#999999 solid 1px; margin-top:24px;}
.per_list{ width:96%; border:#999999 solid 1px; border-top:0px; display: flex;
	align-items: center;
	justify-content: space-between; padding:1.9%;}
.per_l_left{ width:18%;}
.per_l_left img{ width:100%;}
/*.per_l_center{width:64%;}*/
.per_l_center{width:80%;}
.per_l_right{ float:left; text-align:right; padding:0px;}
.per_lc_title{ font-size:18px; color:#333333;}
.pper_lc_title{ font-size:18px; color:#333333;margin-left: 20px;}
.per_icon{
	width:18%;
	display: inline-block;
	float:left;
	text-indent:24px;
	line-height:80px;
	letter-spacing:1px;
	text-decoration: none;
	font-size:18px;
	font-weight: bold;
	color: #edebfc;
	margin-bottom: 26px;
}
 .pper_icon{
	 width:18%;
	 display: inline-block;
	 float:left;
	 text-indent:24px;
	 line-height:80px;
	 letter-spacing:1px;
	 text-decoration: none;
	 font-size:18px;
	 font-weight: bold;
	 color: #edebfc;
	 margin-bottom: 5px;
 }
.radiospan{
	display:inline-block;
	line-height: 22px;
	margin-left: 24px;
	width: 85px;
	height: 22px;
	background: #FFFFFF;
	border-radius: 28px;
	font-weight: normal;
	color: #00a65a;
}

.per_icon:hover{text-decoration: none;}
.per_icon > i{
	float: left;
	width:30px;
	height:30px;
	
	margin-right:2%;
}
.q1{background-image: url(../img/question11.png);width:293px;height:73px;}
 .q2{background-image: url(../img/question22.png);width:143px;height:73px;margin-left: 20px;}
 .q3{background-image: url(../img/question33.png);width:143px;height:73px;margin-left: 20px;}
 .q4{background-image: url(../img/question44.png);width:141px;height:73px;margin-left: 20px;}
 .q5{background-image: url(../img/question55.png);width:143px;height:73px;margin-left: 20px;}

 .pq1{background-image: url(../img/question11.png);width:293px;height:73px;margin-left: 20px;}
 .pq2{background-image: url(../img/question22.png);width:143px;height:73px;margin-left: 20px;}
 .pq3{background-image: url(../img/question33.png);width:143px;height:73px;margin-left: 20px;}
 .pq4{background-image: url(../img/question44.png);width:141px;height:73px;margin-left: 9px;}
 .pq5{background-image: url(../img/question55.png);width:143px;height:73px;margin-left: 22px;}

.per_icon > i.i_quess1{background:url(../img/question1.png) no-repeat center;}
.per_icon > i.i_quess2{background:url(../img/question2.png) no-repeat center;}
.per_icon > i.i_quess3{background:url(../img/question3.png) no-repeat center;}
.per_icon > i.i_quess4{background:url(../img/question4.png) no-repeat center;}
.per_icon > i.i_quess5{background:url(../img/question5.png) no-repeat center;}

.per_lc_que{ width:100%; display:inline-block;}
.per_lc_time{ color:#ff0000; font-size:16px; line-height:24px; margin:20px 0px;}
.per_lc_time i{float: left; margin-right:6px; width:24px; height:24px; background: url(../../img/quession_time.png) no-repeat center;}
 .pper_lc_time{ color:#ff0000; font-size:16px; line-height:24px; margin:20px 0px 20px 20px;}
 .pper_lc_time i{float: left; margin-right:6px; width:24px; height:24px; background: url(../../img/quession_time.png) no-repeat center;}

.disnone{display: none;}
.disblock{dispaly:block;}

.seachBar{ width:52%; margin:auto; text-align:center;}

.s-search{width:100%; display: flex;
	align-items: center;
	justify-content: space-between; height:60px; margin-top:36px;box-shadow:2px 2px 4px 2px #b3b3b3; border-radius:10px; }
.s-search > input{ width:80%;height:60px; border:0px; background-color:#fff; border-top-left-radius:10px; border-bottom-left-radius:10px;outline: none; padding:0px 20px; color:#666666; font-size:18px;}
.s-search > button{width:20%; background-color:#019040;height:60px; border:0px;border-top-right-radius:10px; border-bottom-right-radius:8px; color:#fff; font-size:18px; cursor:pointer;}
.seachAll{ font-size:20px; color:#333333; font-weight:bolder; letter-spacing:1px; margin-top:8px;}

.per-record{width:100%; margin:20px 0px;}
.recordTab{width:100%;}
.recordTab tbody tr td{ color:#666666; font-size:18px; padding:10px 33px; text-align:left; border-bottom:#f7f7f7 solid 1px;}
.recordTab tbody tr td img{ width:2.5cm;}
.per-record ul{width:100%;}
.per-record ul li{width:94%;list-style: none; border-bottom:#f7f7f7 solid 1px; padding:12px 3%;color:#333; font-size:18px;}
.per-record ul li a{font-size:36px; line-height:20px; float:right; text-decoration:none; cursor:pointer; color:#666;}

.modal-tab{ width:100%;}
.modal-tab tbody tr td{ font-size:18px; color:#333; padding:10px 0px;}

.per-record ul li span{ float:right; color:#666;}
.per-record ul li label{display:inline-block; width:74px; text-align:center; color:#fff; font-size:16px; line-height:22px; background-color:#019040; border-radius:5px; margin-right:10px;}
.per-record ul li label.none{ background-color:#ff0000;}

.record_card{width:94%;border-bottom:#f7f7f7 solid 1px; padding:10px 3% 30px 3%;}
.record_card label{ font-size:18px; color:#333333; margin:12px 0px; width:100%; display:inline-block;}
.record_card img{ margin-right:30px;}

.modal-more{ width:700px; margin-left:-350px; top:260px;}