html,body {background: #eee!important;width: 100%;height: 100%;position: relative;font-size:62.5%;}
.layui-container {position: relative;}

/* design_style字号和背景色的设置 */
.design_style {background: #fff!important;margin-bottom: 10px;}
.word_size ,.banckground_style {height: 30px;line-height: 30px;font-size: 16px;user-select: none}
.word_size i {line-height: 30px;padding:0 20px 0 30px;font-style: normal;font-size: 16px;font-weight: bold;}
.word_size span {display: inline-block;color: #0D80B8;font-size: 18px;margin:0 10px;cursor: pointer;width: 20px;}
.banckground_style i {height: 100%;font-style: normal;font-size: 16px;font-weight: bold;padding:0 30px;}
.banckground_style .layui-btn {width: 20px;height: 20px;border: 1px solid #E0E0E0;cursor: pointer;padding:0 5px!important;}
 
 /* 左侧表格信息 */
.grid-demo {background: #fff;padding:20px;}
.information {border: 1px dashed #A4A4A4;border-radius: 5px;padding:0px 20px;margin-top: 10px;}
.information table {width: 100%;padding:0 20px;font-size: 1.4em;}
.information table tr {border-bottom: 1px dashed #A4A4A4;}
.information table tr td {padding: 13px 0;line-height:24px;}
.information table tr td p {width: 95%;}
.information table tr:first-child+tr+tr {border:none;}
.information table tr .text_spacing {letter-spacing:8px;}
.information table tr .text_spacing2 {letter-spacing:4px;}

/* 文章通知 */
.article_display {margin: 0 12px 40px 12px;padding-top: 58px;}
.article_display .article_title {width: 100%;font-size: 2.4em;text-align: center;font-weight: 600;}
.article_display .article_subtitle {width: 100%;font-size: 1.6em;line-height: 50px;text-align: center;}
.article_display div {width: 100%;font-size: 1.6em;padding: 10px 0;color: #333;}
.article_display div a {color: #007DDB;cursor: pointer;}
.article_display div img {max-width: 800px;padding:10px 0;}
.article_display ul {width: 100%;font-size: 1.4em;margin-top:20px;}
.article_display ul li {width: 100%;height: 30px;text-align: right;}

.buy_articles {width: 99.5%;height:auto;padding:70px 0 140px 0;background:url(images/purchase.png)no-repeat center;text-align: center;position: absolute;left: 0;bottom: 0;z-index: 99;}
.buy_articles p {font-size: 1.6em;line-height: 40px;font-weight: 500;}
.buy_articles .layui-btn {width: 140px;height: 42px;font-size: 1.8em;line-height: 42px;color: #fff;background:url(../images/route.png)no-repeat center;cursor: pointer;}

/* 右侧法规及附件 */
.correlation {background: #eee!important;padding: 0px!important;}
.associated_files {width: 90%;padding:0 5%;height: auto;overflow: hidden;margin-bottom: 15px;background: #fff;}
.laws_regulations h3 {font-size: 16px;color: #0D80B8;font-weight: bold;border-bottom: 1px solid #EBEDEF;height: 50px;line-height: 50px;padding-left: 36px;background: url(images/rule.png)no-repeat 6px 15px;}
.related_business {padding: 0 12px;margin-bottom: 25px;}
.related_business p {padding: 10px 0;font-weight: bold;line-height: 21px;color: #333333;font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.layui-badge-dot {display: inline-block;margin-right: 10px;}
.related_business .layui-table td {border: none;padding:6px 0px;}
.related_business .layui-table td a {color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.related_business .layui-table td a:hover {color: #007DDB;text-decoration:underline;}
.layui-bg-gray {background: #999!important;}
.associated_files h3 {font-size: 16px;color: #0D80B8;font-weight: bold;border-bottom: 1px solid #EBEDEF;height: 50px;line-height: 50px;padding-left: 40px;}
.annex h3 {background: url(images/enclosure.png)no-repeat 10px 15px;}
/* 右侧自我测试 */
.appraisal {cursor:pointer;}
.appraisal h3 {background: url(images/correct.png)no-repeat 10px 15px;}
.appraisal img {margin-top: 19px;}
/* 右侧热门课程 (视频)*/
.course {cursor:pointer;}
.course h3 {background: url(images/like.png)no-repeat 10px 15px;}
.course-row {padding: 25px 5px;border-bottom: 1px solid #F3F3F3;}
.course-row :last-child {border-bottom:none;padding-bottom: 0!important;}
.course-row img {width: 52px;height: 52px;border-radius: 10px;}
.course-row .course_title {color:#838383;font-size: 13px;line-height:16px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
/* 认证课程 */
.approve {cursor:pointer;}
.approve h3 {background: url(images/medal.png)no-repeat 10px 15px;}
.approve img {width: 165px;margin: 22px 20px;}
.approve_title {color:#838383;font-size: 10px;line-height:20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp: 3;-webkit-box-orient: vertical;}

/* 考试页面 */
#testPage {display: none;}
/* .exam_services {width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 999;background: #fff;overflow: auto;} */
.questions_title {height:auto;text-align: center;padding:90px 160px 50px 160px;}
.questions_title p {width: 100%;font-size: 28px;color: #000;padding: 12px 0;}
.questions_title span {color:#B8B8B8 ;display: block;font-size: 18px;padding:40px 0;border-bottom: 3px solid #B8B8B8;}
/* 刷题 考试内容 */
.layui-form {margin: 0px 160px;overflow: hidden;}
.layui-form .layui-form-item  {line-height: 28px;font-size: 18px;color: #000 !important;}
.layui-form .layui-form-item img {display:block;max-width: 100%;}

/* 重写radio,checkbox */
.layui-form-radio {margin-left:20px;}
.layui-form-checkbox[lay-skin=primary] {margin-left:20px;}
.layui-form-radio > i {display : inline;}
.layui-form-radio > div {display: inline;}
.layui-form-radio *, .layui-form-checkbox span {font-size: 16px;}
.layui-form-radio div, .layui-form-checkbox, .layui-checkbox-disbaled span {color: #2f4056 !important;}
.layui-radio-disbaled > i {color: #5FB878 !important;}
.layui-input-block {margin-left:0!important;text-align:center;}

 /* 成绩页面 */
 #resultsPage {display: none;}
/* .results_services {width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 999;background: #fff;overflow: auto;} */
.test_title {width: 100%;height:100px;background: linear-gradient(to bottom,#197bad,#72c7f3);text-align: center;padding: 90px 0;box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.18);}
.test_title p {width: 100%;font-size: 28px;color: #fff;padding: 12px 0;}
.test_results {width: 100%;height: auto;background: #fff;}
.test_results .test_score {padding:80px 100px;font-size: 28px;color: #000;}
.test_results .test_score ul {display: flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;}
.test_results .test_score ul li {margin:35px 56px;}
.test_results .test_score ul li .layui-icon-close {font-size: 24px;color:#fff;font-weight: 600;border: 1px solid red;background: red;}
.test_results .test_score ul li .layui-icon-ok {font-size: 24px;color:#fff;font-weight:bold;border: 1px solid #197bad;background:#197bad;}
.correct {text-align: center;padding:30px 100px 8px 100px;margin:0 50px;line-height: 30px;}
.complete {text-align: center;padding:8px 100px 50px 100px;margin:0 50px;line-height: 30px;border-bottom: 3px solid #E0E0E0 ;}
.iconLink {margin:95px 65px 60px 65px;}
.iconLink img {width: 180px;height: 180px;margin-bottom: 17px;}
.iconLink div {display:block;font-size: 20px;width: 180px;text-align: center;}
.public {align-self:flex-end;overflow: hidden;}
.public .iconLink {flex: 1; text-align: right;align-self:flex-end;float: right;}
.advertising_links {width: 100%;text-align: center;}
.advertising_links p {font-size: 30px;line-height: 60px;}
.advertising_links .advertising {margin:10px 180px;background: #197bad ;color: #fff;}
.layui-layer-btn .layui-layer-btn0 {font-size: 20px;padding: 5px 20px;}