/* CSS Document */
 

.login{ width:448px; margin:28px auto 38px; height:auto; padding:24px 60px 36px; overflow:hidden; border:1px solid #ddd;}
.login h3{ display:block; line-height:36px; color:#333; font-size:22px; font-weight:bold; text-align:center; padding:4px 0 16px;}
.login p{ display:block; line-height:36px; padding:10px 0; overflow:hidden;}
.login p label{ display:block; float:left; text-align:right; font-size:14px; margin-right:10px; width:108px;}
.login p font{ color:#f00;}
.login p .ly_txt,
.login p .ly_txt1{ border:1px solid #ddd; height:34px; line-height:34px; font-size:14px; padding:0 10px; border-radius:2px; font-family:"微软雅黑"; width:240px; cursor:pointer; float:left;}
.login p .ly_txt1{ width:132px;}
.login p img{ display:block; width:96px; height:36px; cursor:pointer; float:left; margin-left:12px;}
.login p .ly_bnt{ display:block; width:175px; height:42px; line-height:42px; background:#eda83b; color:#fff; font-size:18px; text-align:center; border:none; margin:20px auto 0; cursor:pointer; border-radius:3px;}

.headico{ float:left; margin:70px 60px 0 80px;}
.headico img{ display:block; height:186px; object-fit:cover;}
p.info{ display:block; width:260px; line-height:48px; color:#333; font-size:14px; overflow:hidden; float:left;}

p.cate{ display:block; line-height:36px; color:#666; font-size:14px; overflow:hidden; padding:0 20px; margin:8px 0 -16px;}
p.cate span{ display:block; float:left; margin:0 14px;}
p.cate span:first-child{ display:none;}
p.cate a{ display:block; color:#666; float:left;}
p.cate a:hover{ color:#002984;}
p.cate a.cur{ color:#002984; font-weight:bold;}

.lessonList{ overflow:hidden; margin:0 -10px;}
.lessonList ul{ display:block; overflow:hidden; margin:22px 0 0 -1px;}
.lessonList ul li{ display:block; width:33.33%; float:left;}
.lessonList ul li a{ display:block; overflow:hidden; padding:0 20px 4px; position:relative; border-left:1px solid #ddd; margin:0 0 28px;}
.lessonList ul li a em{ display:block; position:relative;}
.lessonList ul li a i{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.3) url(../images/video.png) center no-repeat; position:absolute; left:0; top:0;}
.lessonList ul li a img{ display:block; width:100%; height:168px;}
.lessonList ul li a font{ display:block; line-height:26px; color:#fff; font-size:13px; background:#002984; padding:0 11px; border-radius:3px; float:right; margin:6px 0 0 12px;}
.lessonList ul li a span{ display:block; line-height:30px; color:#333; font-size:14px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:5px 0 0;}
.lessonList ul li a p{ display:block; height:40px; line-height:20px; color:#999; font-size:12px; overflow:hidden;}
.lessonList ul li a:hover{ text-decoration:none;}
.lessonList ul li a:hover span{ color:#002984;}

.agent_con h4.lesson{ display:block; line-height:34px; color:#333; font-size:16px; font-weight:bold; text-align:left; overflow:hidden; margin:4px 0 0;}
.agent_con h4.lesson span{ display:block; color:#666; font-size:14px; font-weight:normal; float:right;}
.agent_con video.lesson{ display:block; width:100%; height:516px; margin:8px 0 20px;}

table.progress{ width:100%; border:1px solid #ddd; margin:15px 0;}
table.progress tr th{ line-height:38px; color:#042c8c; font-size:14px; text-align:center; white-space:nowrap; background:url(../images/ic03.gif) left top repeat-x; background:#f2f9fc; padding:0 10px; border:1px solid #ddd; border-width:0 1px 1px;}
table.progress tr td{ line-height:22px; color:#333; font-size:13px; text-align:center; padding:9px 8px; border:1px solid #ddd; border-top:0;}
table.progress tr td span.title{ display:block; text-align:left; padding:0 4px;}
table.progress tr td em.correct{ color:#26b767;}
table.progress tr td em.wrong{ color:#d22c2c;}
table.progress tr td p{ display:block; text-align:left; padding:2px 4px;}
table.progress tr td a{ color:#042c8c; padding:0 10px; text-decoration:underline;}

table.files{ width:100%; table-layout:fixed; border:1px solid #ddd; margin:15px 0 -16px;}
table.files tr th{ line-height:36px; color:#042c8c; font-size:14px; text-align:center; white-space:nowrap; background:url(../images/ic03.gif) left top repeat-x; background:#f2f9fc; border:1px solid #ddd; border-width:0 1px 1px;}
table.files tr td{ line-height:22px; color:#333; font-size:14px; padding:9px 16px; border:1px solid #ddd; border-top:0;}
table.files tr td.title{ color:#042c8c; text-align:center; padding:12px 16px;}
table.files tr td.title span{ display:block; text-align:left; overflow:hidden;}
table.files tr td.title em.green{ color:#26b767; font-size:13px; float:right;}
table.files tr td.photo{ padding:0;}
table.files tr td.photo img{ display:block; max-width:100%; height:148px; margin:0 auto; object-fit:cover;}

.liuyan{ margin:28px 4%; height:auto; overflow:hidden;}
.liuyan p{ display:block; line-height:36px; padding:10px 0; overflow:hidden;}
.liuyan p label{ display:block; float:left; text-align:right; margin-right:10px; width:150px;}
.liuyan p font{ color:#f00;}
.liuyan p img.photo{ display:block; width:122px; height:160px; border:1px solid #ddd; margin:20px 0 0 286px; object-fit:cover;}
.liuyan p .ly_txt,
.liuyan p .ly_txt1{ border:1px solid #ddd; height:34px; line-height:34px; padding:0 10px; border-radius:2px; font-family:"微软雅黑"; width:370px; cursor:pointer;}
.liuyan p .ly_txt1{ width:392px;}
.liuyan p .ly_bnt{ width:175px; height:42px; line-height:42px; background:#eda83b; color:#fff; font-size:16px; text-align:center; border:none; margin:20px 0 20px 260px; cursor:pointer; border-radius:5px;}

*:focus{ outline:none;}
html,body{ height:100%;}
.test{ background:#f2f9fc; background:#f0f4f8; overflow:hidden; min-height:100%;}
.test .head{ background:#00569f;}
.test .head .hd{ width:1200px; overflow:hidden; margin:0 auto;}
.test .head h1{ display:block; float:left;}
.test .head h1 a{ display:block;}
.test .head h1 a img{ display:block; height:80px;}
.test .head a.end{ display:block; width:112px; line-height:36px; color:#000; font-size:16px; font-weight/:bold; text-align:center; background:#ffbb19; border-radius:3px; float:right; margin:22px 0 0;}
.test .head a.end:hover{ color/:#f50000; text-decoration:none;}

.foot{ padding:6px 0 0;}
.foot .cp{ line-height:70px; color:#999; font-size:14px; text-align:center;}

.main{ width:1200px; overflow:hidden; margin:48px auto 0;}
.main .attr{ min-height:calc(100vh - 207px); background:#fff; border-top:3px solid #ffbb19; overflow:hidden;}
.main h2{ display:block; line-height:108px; color:#333; font-size:30px; font-weight:bold; text-align:center; border-bottom:1px solid #ddd; margin:0 30px;}

.infoBox{ overflow:hidden; padding:64px 256px;}
.infoBox img{ display:block; height:214px; float:right;}
.infoBox p{ display:block; line-height:54px; color:#333; font-size:18px; overflow:hidden;}
.article{ line-height:2; color:#666; font-size:15px; overflow:hidden; padding:28px 34px 40px;}

.btns{ text-align:center; overflow:hidden; padding:0 0 64px;}
.btns a{ display:inline-block; *display:inline; *zoom:1; min-width:102px; line-height:48px; color:#fff; font-size:18px; font-weight:bold; padding:0 18px; border-radius:3px; margin:0 32px; vertical-align:top;}
.btns a:hover{ text-decoration:none;}
.btns a.red{ background:#d22c2c;}
.btns a.blue{ background:#00569f;}
.btns a.yellow{ background:#ffbb19;}
.btns a.green{ background:#26b767;}

.rightMenu{ width:256px; float:right; padding:0 0 30px 40px;}
.rightMenu .txt{ line-height:32px; color:#fff; font-size:14px; background:#00569f; padding:15px 18px;}
.rightMenu .time{ line-height:48px; color:#f50000; font-size:16px; font-weight:bold; text-align:center; background:#ffbb19; margin:30px 0 0;}
.rightMenu dl.type{ display:block; text-align:center; background:#00569f; padding:0 18px; margin:30px 0 0;}
.rightMenu dl.type dt{ display:block; line-height:54px; color:#fff; font-size:16px; font-weight:bold;}
.rightMenu dl.type dd{ display:block; padding:0 0 12px;}
.rightMenu dl.type dd a{ display:block; line-height:32px; color:#444; font-size:14px; background:#fff; border-radius:3px;}
.rightMenu dl.type dd a:hover{ color:#00569f; text-decoration:none;}

.num{ line-height:48px; color:#333; overflow:hidden; margin:0 20px;}
.num h3{ display:block; font-size:16px; font-weight:bold; float:left;}
.num p{ display:block; font-size:14px; float:right;}
.num span{ padding-left:24px; background:url(../images/test/dot.png) left center no-repeat; margin-left:42px;}
.num span.done{ background-image:url(../images/test/green.png);}

.card{ overflow:hidden; padding:0 0 28px;}
.card dl{ display:block; overflow:hidden; padding:48px 0 28px; border-top:1px solid #ddd; margin:0 20px;}
.card dl dt{ display:block; width:142px; line-height:32px; color:#00569f; font-size:18px; font-weight:bold; white-space:nowrap; padding:0 0 0 10px; float:left; margin:0 -10px 0 0;}
.card dl dd{ display:block; overflow:hidden;}
.card dl dd a{ display:block; width:32px; line-height:32px; color:#fff; font-size:16px; text-align:center; background:#999a9c; border-radius:50%; float:left; margin:0 0 20px 26px;}
.card dl dd a:hover{ text-decoration:none;}
.card dl dd a.done{ background:#009944;}

form.question{ display:block; min-height:302px; padding:60px 88px 60px; overflow:hidden;}
form.question h3{ display:block; line-height:80px; color:#333; font-size:18px;}
form.question h4{ display:block; line-height:32px; color:#333; font-size:16px; font-weight:bold; padding:0 2px 26px;}
form.question p{ display:block; padding:5px 0; overflow:hidden;}
form.question p label{ display:block; line-height:40px; color:#333; font-size:16px; cursor:pointer; margin-left:24px;}
form.question p label input{ display:block; width:16px; height:40px; float:left; margin-right:16px;}
form.question p label.tf{ float:left; margin-right:72px;}



























/**/