@charset "utf-8";
img{vertical-align:top!important;}
.none{display: none;}
.left{float: left; background:#fff;}
.right{float: right;}
input{float:inherit;}

#banner {width:100%; margin-top:1px; height:160px; background:url(banner.jpg) center center; text-align:center}
#banner img{ margin:0 auto;}

#bignav{ height:58px; width:100%; background:url(nav_bg.jpg) repeat-x;}
#bignav ul{font-size:16px; width:1200px; margin:0 auto; background:url(nav_line.jpg) right no-repeat; height:58px;}
#bignav li{ background:url(nav_line.jpg) no-repeat left; width:150px; line-height:58px; float:left; text-align:center;}
#bignav li:hover{background:#0673C5;}
#bignav li:hover a{color:#FFFFFF;}

.exampart .examlist {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    height: 454px;
    padding:0;
    width: 290px;
    background: #fff;
    background: rgba(255,255,255,.9)
}
.exampart .examlist li {
	border-left: 10px solid transparent;
	padding-left: 17px;
	padding-right: 10px;
	display: block;
	height: 90px;
	border-bottom:1px solid #b1aca0;
	overflow: hidden
}
.exampart .examlist li:last-child{border-bottom:0;}
.exampart .examlist li .title {
	font:600 18px/20px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";
	color: #4f4f4f;
	padding-top:10px;
	padding-bottom: 6px;
	line-height: 1;
	position: relative
}
.exampart .examlist li .title i{color:#857c66;margin-right:5px;font-weight: 500;}
.exampart .examlist li .title i:last-child{
	float:right;
	line-height: 21px;
	margin-right:0px
}

.exampart .examlist li .list {
	height: auto;
}

.exampart .examlist li .list a {
	line-height: 26px;
	color: #686a71;
	font-size: 15px;
	margin-right: 9px;
	word-break: keep-all;
	float: left;
	*float: none
}

.exampart .examlist li .list a:hover {
	color: #b29d68
}

.exampart .examlist li .courselist {
	position: absolute;
	top: 0;
	left: 280px;
	z-index:1000;
	height: 440px;
	border-top: 1px solid #efeff0;
	border-bottom: 1px solid #efeff0;
	width: 950px;
	background: #fff;
	overflow: auto;
	display: none;
	padding-top:14px
}

.exampart .examlist li .courselist .part span {
	width: 140px;
	padding-left: 47px;
	float: left;
	font-size: 14px;
	line-height: 28px;
	font-weight: 700;
	color: #666
}

.exampart .examlist li .courselist .part div {
	width: 710px;
	padding-bottom: 24px;
	float: left
}

.exampart .examlist li .courselist .part div a {
	width: 215px;
	padding-right: 10px;
	font-size: 14px;
	line-height: 28px;
	color: #686a71;
	display: inline-block
}
.exampart .examlist li .courselist .part div a.maxWidth{width:235px;}
.exampart .examlist li .courselist .part div a:hover {
	color: #b29d68
}

.exampart .examlist li:hover {
	background: #fff;
	border-color: #857c66
}
.exampart .examlist li:hover .icon-iconfontjiantou3{display: none;}

.exampart .examlist li:hover .title .icon18 {
	display: none
}

.exampart .examlist li:hover .courselist {
	display: block
}

.exampart .examlist .exam-row {
	height: 58px
}


.hq2018part2 {
	margin: 20px 0 0;
}

.hq2018part2 .userlink {
	background: url(../images/partlink.jpg) top center no-repeat;
	width: 290px;
	height: 158px;
	float: left
}

.hq2018part2 .userlink a {
	width: 145px;
	height: 82px;
	float: left;
	text-align: center;
	line-height: 1;
	color: #867d67
}
.hq2018part2 .userlink a i{font-size:48px;line-height: 76px;color:#867d67;}
.hq2018part2 .userlink a em{width:38px;display:inline-block;font-size:16px;line-height: 26px;}
.hq2018part2 .userlink a:hover,.hq2018part2 .userlink a:hover i {
	color: #b29d68
}
.w1200 {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto
}


.hq2018part2 .link {
	margin-left: 20px;
	float: left;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}

.hq2018part2 .link img {
	vertical-align: baseline;
	display: block;
	width: 280px
}

.hq2018part2 .link:hover {
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	-webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1)
}

.rightbar2018new {
	font-family: 'microsoft yahei';
	position: fixed;
	right: 10px;
	top: 25%;
	padding:5px;
	background: #867d67;
	z-index: 66;
}

.rightbar2018new a {
	background: #626262;
	display: block;
	position: relative;
	margin-bottom: 2px;
	left: 0px;
	width: 50px;
	height: 50px
}

.rightbar2018new a span {
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 16px;
	width: 36px;
	height: 32px;
	padding: 9px 7px;
	display: block;
	font-style: normal
}

.rightbar2018new a div {
	z-index: 2;
	display: none;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight
}

.rightbar2018new a:hover {
	background: #867d67
}

.rightbar2018new a:hover div {
	display: block
}

.rightbar2018new .rightbar2018new_phone div {
	text-align: center;
	width: 126px;
	height: 50px;
	background: #867d67;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	font-family: arial;
	font-weight: 700
}

.rightbar2018new .rightbar2018new_code span {
	width: 50px;
	padding: 9px 0
}

.rightbar2018new .rightbar2018new_code div {
	width: 120px;
	padding: 14px;
	background: #867D67;
	position: absolute;
	left: -148px;
	top: 0
}

.rightbar2018new .rightbar2018new_code div p {
	text-align: center;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	padding-bottom: 10px
}
.rightbar2018new .rightbar2018new_code div img{
	width:120px;height: 120px;display: block;
}
.rightbar2018new .righttop span b {
	background: url(../images/20180705012844751.png) top center no-repeat;
	width: 20px;
	height: 11px;
	display: block;
	margin-top: 10px;
	margin-left: 8px
}

.rightbar2018new .righttop div {
	width: 50px;
	height: 50px;
	background: #867D67;
	position: absolute;
	right: 0;
	bottom: 0
}

.rightbar2018new .rightbargift {
	width: 60px;
	height: 59px;
	left: 0;
	background: 0 0!important
}

.rightbar2018new .rightbargift span {
	padding: 0;
	display: block;
	height: 59px;
	width: 60px;
	-webkit-animation: rightbargifts 2s steps(2) infinite;
	-moz-animation: rightbargifts 2s steps(2) infinite;
	-o-animation: rightbargifts 2s steps(2) infinite;
	animation: rightbargifts 2s steps(2) infinite;
	background: url(../images/gift2.png)
}




/*个人中心  章节练习*/

/*个人中心 我的课程
.myCourse.right h3{margin-top:15px;}*/
.user-leftF{width:188px; float:left;background:#fff;border:1px solid #ebebeb;font-size:14px;border-radius:3px;}
.user-leftF .active{background:#f9f9f9;}
.user-left-titF{height:44px;line-height:44px; color:#7f7f7f;}
.user-left-titF i{width:24px;height:44px;float:left;margin-left:30px;font-size:17px;line-height:44px;}
.user-left-titF a{ display: block; color:#7f7f7f;}

.user-left-boxF{border-bottom:1px solid #f0f0f0; padding:5px 0 10px 0;}
.user-left-boxF a{ display: block;height: 40px;line-height: 40px; overflow: hidden;padding-left:54px;}
.user-left-boxF a.curr{background:#3d86ce;color:#fff;text-decoration: none;}
.user-rightF{width:960px;float:right;}

.startStudyBox p{padding:15px 30px;background:#fff;margin-bottom:20px;}
.startStudyBox p span{font:normal 14px/30px "\5FAE\8F6F\96C5\9ED1";color:#4f4f4f;}
.startStudyBox p span em{width:750px;height:30px;display: block;}
.startStudyBox p span em:first-child{overflow: hidden;font-size:16px;}
.startStudyBox p span em a,.startStudyBox p span em:last-child i{color:#B29D68;}
.startStudyBox p span em:last-child i{cursor: pointer;position: relative;color:#B29D68;}
.startStudyBox p span em:last-child i img{display: none;position: absolute;top:-65px;left:20px;}
.startStudyBox p span em:last-child i:hover img{display: block;}
.startStudyBox p a.right{padding:8px 25px;background:#4f83cc;color:#fff;border-radius:15px;margin-top:15px;}
.startStudyBox p a.right:hover{background:#ff870f;}
.startStudyBox p a.mustNot{background:#b5b5b5;cursor: no-drop;}
.startStudyBox p a.mustNot:hover{background:#b5b5b5;}

.mbxTit a{font: normal 16px/32px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";color:#867d67;margin:15px 0;display: inline-block;border-bottom:1px solid #fff;}
.mbxTit a:hover{border-bottom:1px solid #867D67;color:#867d67;text-decoration: none;}
.myTexStudy-zjCon .myTexStudyNav{width:180x;height: auto;}
.myTexStudy-zjCon .myTexStudyNav img{display: block;}
.myTexStudy-zjCon .myTexStudyNav ul{border:1px solid #e7e7e7;}
.myTexStudy-zjCon .myTexStudyNav ul li,.myTexStudy-zjCon .myTexStudyNav ul li a{height:44px;display: block;text-align: center;}
.myTexStudy-zjCon .myTexStudyNav ul li a{font: normal 16px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";color:#4f4f4f;}
.myTexStudy-zjCon .myTexStudyNav ul li.active a,.myTexStudy-zjCon .myTexStudyNav ul li:hover a{background:#3d86ce;color:#fff;text-decoration: none;}
.myTexStudy-zjCon .myTexStudyNav ul li.curr a{background:#3d86ce;color:#fff;text-decoration: none;}


.pracl-mlist{margin-bottom: 0;background: #fff; border-bottom:1px solid #eaeaea;}
.pracl-mlist li{width:14.27%;float:left}
.pracl-mlist li a{width:144px; height: 40px; display: block; line-height: 40px; font-size: 14px; text-align: center; border-right: 1px solid #eee;border-top: 1px solid #eee;color:#4f4f4f;}
.pracl-mlist li a:hover{ background: #867D67;text-decoration: none;color:#fff;}
.pracl-mlist li.active a, .pracl-mlist li:hover a:hover { background: #4f83cc; color: #fff; }
.pracl-mlist li.curr a{ background: #4f83cc; color: #fff; }

.pracl-mlist li a.nobor { border: none; }
.toq-l{position:relative}
.total-ques {padding: 15px 30px;border: 1px solid #e7e7e7;line-height: 34px;}
.total-ques .toq-l span{ margin-right: 8px;}
.total-ques .toq-l em { color: #ff870f;}
.total-ques .toq-l em.tipsEm{position:absolute;font-size:12px;color:#999;bottom:-20px;display: block}
.total-ques .ring { width:350px; height: 12px; display: inline-block; background: #f0f0f0; overflow: hidden; border-radius: 20px; }
.total-ques .ring .b1 { width: 240px; height: 12px; display: inline-block; background: #ff870f; float: left; overflow: hidden; border-radius: 20px; }
.total-ques .toq-r a { padding: 0 15px; height: 32px; line-height: 32px; display: block; float: left; background: #fbfbfb; box-shadow: 0px 1px 0px #f5f5f5; border: 1px solid #999; border-radius: 30px; margin-left: 10px;color:#999; }
.total-ques .toq-r a i {float: left;color:#999;}
.total-ques .toq-r a:hover/* ,.total-ques .toq-r a.wragin */{ color: #fff; background: #ff870f; border: 1px solid #ff870f;text-decoration: none;}
.total-ques .toq-r a:hover i{ background: #ff870f;color:#fff;}
.total-ques .toq-r a.wragin i{padding-right:3px;}
.total-ques .toq-r a.wragin i.icon-shipin{font-size: 20px;}
.total-ques .toq-r a:hover i { -webkit-animation: swing 1s 0s ease both; -moz-animation: swing 1s 0s ease both; }
.ui-table th, .ui-table td { height: 20px; line-height: 20px; border: 1px #f0f0f0 solid; padding:10px 0px;color: #666; }
.ui-table th, .ui-table tr:hover { background-color: #fafafa; }
.ui-table td h2{margin:0px;display: inline-block;height:36px;padding-left:10px;}
.right tbody td h2 a{width:90%;display:block;height:36px;line-height:36px;overflow: hidden;}
.pianTable .right tbody td h2,.pianTable .right tbody td h2 a{width:90%;}
i.mnIcon{width:36px;height:36px;float:left;background:url(../images/sprite.png) no-repeat 0 -179px;margin-left:20px;}
.cls_LNZT i.mnIcon{background:url(../images/sprite.png) no-repeat -57px -179px;}
.cls_KQYT i.mnIcon{background:url(../images/sprite.png) no-repeat 0 -263px;}
.ui-table-row td { border-width: 0 0 1px; text-align: center;font: normal 16px/22px "\5FAE\8F6F\96C5\9ED1";}
.ui-table-row td:first-child{text-align:left;text-indent:10px;}
.ui-table-row .le-title td:first-child{text-indent:120px;text-align:left;}
.videohistoryBox{width:1008px;}
.videohistoryBox .ui-table-row .le-title td:first-child{text-indent:0px;text-align:center;}
.videohistoryBox .ui-table-row td h2{padding-left: 0;}
.videohistoryBox .ui-table-row td h2 a{width:100%;text-align: center;height:36px;overflow: hidden;}
.videohistoryBox .ui-table-row td:first-child{text-align:center;}
.ui-table-row td a{font-size: 16px; color:#666;text-align: left;text-indent:10px;overflow: hidden;}
.ui-table-row td.no-c h2 { cursor: text }
.ui-table-row td .tab-zh { background: #fcfcfc; }
.le-title { background: #fafafa; color: #484b4e; }
.ui-table-row td.cha a { color: #e45c40; font-size: 12px; }
.ui-table-row .jie-bg .jie-bg-ch { background: #fff; }
.ui-table-row .jie-bg tr:hover { background: #fafafa; }
.ui-table-row td.le-zhang { text-align: left; padding-left: 30px; color: #333; height: 30px; }
.ui-table-row td em{color:#ff870f;}
.ui-table-row tr td:last-child>a,.zbStudyCon table tr td:last-child a{border:1px solid #c2c2c2;background:#f8f8f8;padding: 5px 10px;border-radius:5px;margin:0 10px;text-indent:0;font-size:14px;}
.ui-table-row tr td:last-child>a:hover{text-decoration: none;}
.ui-table-row tr td:last-child>a:hover,.zbStudyCon table.ui-table-row tr.active td:last-child a{border-color:#ff870f;background: #ff870f;color:#fff;}
.ui-table-row tr td:last-child>a{display: inline-block;min-width:59px;text-align: center;}
.zjTj{display: none;}
.zjTj,.lo-tablecon{padding-top:25px;text-align: center;position: relative;}
.right .lo-tablecon table{width:1008px;}
.right .lo-tablecon table tr.active td.active{color:#ff870f;}
.zjTj li{width:33%;float:left;background:#fff;text-align: center;margin-right:0.5%;}
.zjTj li:last-child{margin-right:0;}
.zjTj li span{display: block;margin-bottom:5px;background:#f5f5f5;padding:10px 0;font-size:16px;color:#666;}
.zjTj li p{background:#f5f5f5;padding:30px 0;font-size:20px;color:#666;}
.zjTj li p em{font-size: 50px;color:#ff870f;padding-right: 5px;}
.zjTj a{line-height:30px;color:#666;font-size: 14px;margin-bottom: 10px;}
.zjTj a:hover{color:#B29D68;}
.zjTj a,.zjTj i{display: block;text-align: left;}
img.rightTopTextImg{display: block;}
a.startText,a.startText:link{font-size:16px;padding:10px 40px;border:1px solid #867D67;color:#867D67;position: absolute;bottom:20px;left:50%;transform: translateX(-50%);}
a.startText:hover{background:#867D67;color: #fff;text-decoration: none;}
.myTexStudy-zjCon .sectionTable{width:984px;height: auto;}

.ui-table th, .ui-table td { height: 40px; line-height: 40px; border: 1px #f0f0f0 solid; padding: 8px 0px; font: normal 14px/22px "\5FAE\8F6F\96C5\9ED1"; color: #666; }
.ui-table th, .ui-table tr:hover { background-color: #fafafa; }
.ui-table tr.le-title:hover { background: #fafafa; }
.ui-table th { background: #f5f5f5; font: normal 14px/22px "\5FAE\8F6F\96C5\9ED1"; font-weight: bold; }
.ui-table-row h4 a { display: inline-block; }
.ui-table-row th, .ui-table-row td { border-width: 0 0 1px; text-align: center; }
.ui-table-row .teleft { text-align: left; padding-left: 65px; }
.ui-table-row .teleft-t { padding-left: 30px; width: 60%; }
.ui-table-row .zt-num { font-size: 14px; text-align: center; color: #999; }
.ui-table-row .zt-num.percentage { text-align: left; }
.ui-table-row td .cha-k { font-size: 12px; color: #6e6e6e; }
.ui-table-row .zt-num em, .ui-table-row td .cha-k:hover { color: #ff870f; }
.ui-table-row .teleft h4 a { padding-left: 38px; margin-left: 10px; }
.ui-table-row .ta-three .teleft { padding-left: 80px; }
.ui-table-row td h2 i{ width: 24px; height: 30px; display:inline-block;float:left;margin: 2px 0px 0 0; background: #eee; background: url(../images/mn_bg.png) no-repeat 0 -1132px; }
.ui-table-row td.no-c h2 i{background-position: -24px -1134px; }
.ui-table-row td.no-c h2 { cursor: text }
.pianTable .ui-table-row td h2.this,.pianTable .ui-table-row td h2.this a { color: #ff870f; }
.pianTable .ui-table-row td h2{padding-left:30px;}
.ui-table-row td h2.this i { background-position: 0 -1060px; }
.ui-table-row td .tab-zh { background: #fcfcfc; }
.ui-table-row td .tab-jie i { width: 15px; height: 25px; display: block; float: left; background: url(../images/mn_bg.png) no-repeat -21px -968px; margin: 3px 15px 0 0; }
.ui-table-row td .tab-jie i.no-t { background-position: 2px -1022px; }
.ui-table-row td .tab-dian i { width:15px; height:15px; display: block; float: left; margin: 8px 8px 0 0; background: url(../images/mn_bg.png) no-repeat -38px -311px; }
.le-title { background: #fafafa; color: #484b4e; }
.le-title td { border-bottom: 1px solid #e7e7e7; padding: 0; color: #333; font-size: 15px; }

.ui-table-row td .listen { background: url(../images/mn_bg.png) no-repeat 0 -377px; padding-left: 22px; color: #666; }
*html .ui-table-row td .listen { background-position: 0 -380px; }
.ui-table-row td h3,.ui-table-row td h2 {width:85%;font-size: 16px; text-align: left;line-height: 28px; color: #333; cursor: pointer; }
.ui-table-row td h3{padding-left: 0;margin:0;}
.ui-table-row td h3.tab-dian a,.ui-table-row .sanj td h4.tab-dian a{line-height:33px;}
.ui-table-row td h3.tab-dian a i{margin-right: 0;background-position: -38px -306px;}
.ui-table-row .sanj td h4.tab-dian a i{margin-right: 0;background-position: -33px -320px;}
.ui-table-row .sanj td h4.tab-dian a{margin-left:0;padding-left:0;display: block;height:40px;overflow: hidden;}


/*个人中心 我的公开课*/
.listVideo{width:1200px;max-width:1200px;height:48px;text-align:center;margin:20px auto 15px;overflow:hidden;background:#f9f9f8;}
.bottomCourse-r>p{margin-bottom:0;}
.bottomCourse-r>p span{line-height:29px;}
.listVideo li{display: block;}
.listVideo li span,.listVideo li a{font:normal 16px/48px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";color:#f35d2f;}
.listVideo li a{color:#f35d2f;}
.listVideo li span i{padding-right: 15px;font-size:18px;}
ul.myOpenCourse li{width:100%;position: relative;}
.oderContainer .right ul.myOpenCourse li{padding:13px 0px 0px;}
.oderContainer .right ul.myOpenCourse li.active{border:none;}
ul.myOpenCourse li>span{padding:0 25px 11px;border-bottom:2px solid #867d67;color:#867d67;display: inline-block;}
ul.myOpenCourse li div{padding:10px 25px 5px;background:#f5f5f4;}
ul.myOpenCourse li div p{margin:5px 0 10px;}
ul.myOpenCourse li div p span,ul.myOpenCourse li div p a{font-size:16px;line-height:30px;}
ul.myOpenCourse li div p a{padding:0 15px;color:#4F4F4F;}
ul.myOpenCourse li div p a:hover,ul.myOpenCourse li div p a.active{color:#B29D68;}
ul.myOpenCourse li div p span.left:last-child{max-width: 940px;}
.myOpenCourseTable{margin-top: 20px;}
.myOpenCourseTable th,.myOpenCourseTable td{font-size: 16px;color:#4F4F4F;}
.myOpenCourseTable td{font-size: 14px;}
.myOpenCourseTable tbody tr{background: #fff;height:54px;line-height: 54px;border-top:1px solid #edece8;}
.myOpenCourseTable tr{text-align: center;}
.myOpenCourseTable tr:hover{background:#f5f5f5;}
.myOpenCourseTable tr td a{padding:5px 25px;border:1px solid #4f4f4f;border-radius:18px;font-size:14px;min-width: 60px;display: inline-block;}
.myOpenCourseTable tr td a:hover{color:#fff;background: #ff870f;border-color:#ff870f;}
.myOpenCourseTable tr td span.spanBeing{color:#B29D68;}
.myOpenCourseTable tr td span.spanNoSart{color:#4f4f4f;}
.myOpenCourseTable tr td span.spanEnd{color:#aaa;}