@charset "UTF-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html {
  overflow-y: scroll;
  height: 100%;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, header, address,
figure, figcaption {
  margin: 0;
  padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th {text-align: left;}

q::before ,q::after {content: '';}

object, embed {vertical-align: top;}

legend {display: none;}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

img, abbr, acronym, fieldset {border: 0;}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}

ul li {list-style-type: none;}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
hr {
  margin:0 auto;
  border: 0;
  height: 1px;
  border-bottom: 1px dashed #ccc;
}


/*---------------------------------------------
	Font
  ---------------------------------------------*/

@font-face {
  font-family: "MyYuGothicM";
  font-weight: normal;
  src: local("YuGothic-Medium"), /* Postscript name */
  local("Yu Gothic"), /* for Chrome */
  local("YuGothic-Regular"); /* Mediumがない場合 */
}

@font-face {
  font-family: "MyYuGothicM";
  font-weight: bold;
  src: local("YuGothic-Bold"), /* Postscript name */
  local("Yu Gothic"); /* for Chrome */
}



/*---------------------------------------------
	body
  ---------------------------------------------*/

body {
  height: 100%;
  font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
  color: #555;
  line-height: 180%;
  text-align: left;
  background-color: #ffffff;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 14px;
}



/*---------------------------------------------
	Anchor
  ---------------------------------------------*/

a {
  outline: none;
  text-decoration: none;
  color: #545c64;
}
html:not(.sp) a:hover {
  text-decoration: none;
  color: #222;
}



/*---------------------------------------------
	General Settings
  ---------------------------------------------*/

#wrapper {
  position: relative;
  width: 100%;
  min-width: 320px;
  overflow: hidden;
}
#container {
  position: relative;
  width: 1200px;
  min-width: 320px;
  overflow: hidden;
  margin: 0 auto;
}

p {
  padding: 0;
}
p:empty {display: none;}

.red {color: #c02;}
.color-gray { color:#cccccc}
.color-info {
  color: #909399;
}
strong {
  font-weight: bold;
  color: #000;
}
.hidden {visibility: hidden;}
.copy {
  font-size: 160%;
  font-weight: 500;
  line-height: 160%;
  color: #000;
}
p + .copy {padding-top: 40px;}
/*==========*/
.over {
  overflow: hidden;
}
.posr {
  position: relative;
}
.posa {
  position: absolute;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.block {
  display: block;
}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
h2{
  font-size: 22px;
}
h3 {
  font-size: 18px;
}
/*==========*/
.w1200 {
  width: 1200px;
}
.w880 {
  width: 880px;
}
.w850 {
  width: 850px;
}
.w760 {
  width: 760px;
}
.w420 {
  width: 420px;
}
.w300 {
  width: 300px;
}
.w90 {
  width: 90px;
}
/*==========*/
.mar1 {
  margin: 20px auto;
}
.mar2 {
  margin: 0px auto;
}
.m-b10 {
  margin-bottom: 10px;
}
.m-b20 {
  margin-bottom: 20px;
}
.m-t5 {
  margin-top: 5px;
}
.m-t15 {
  margin-top: 15px;
}
.m-t20 {
  margin-top: 20px;
}
.padding1 {
  padding: 20px;
}
.padding2 {
  padding: 15px;
}
.padding3 {
  padding: 10px;
}
/*==========*/
.bg-white {
  background-color: #ffffff;
}
.bg-gray-light {
  background-color: #f5f5f5;
}
.bg-darkGrey {
  background-color: #545c64;
}

/*==========*/
.Box {position: relative;}
.Box .content {width: 1200px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 47px;cursor: pointer;z-index: 99}
.Box .Box_con .btnl {background: url('../images/slideImg/jtl02.png') no-repeat center;left: 0px;}
.Box .Box_con .btnr {background: url('../images/slideImg/jtr02.png') no-repeat center;right: 0px;}
.Box .Box_con .btnl:hover {background: url('../images/slideImg/jtl03.png') no-repeat center;}
.Box .Box_con .btnr:hover {background: url('../images/slideImg/jtr03.png') no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 129px;height: 160px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li .name {
  text-align: center;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 129px;height: 129px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.01);}
.Box .BoxSwitch {margin-top: 0px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}

/*============*/
.footer {
  color: #eee;
  padding: 40px 20px;
}
.footer h2 {
  font-size: 24px;
  margin-bottom: 8px;
}
.footerList {
  border-left: 1px solid #383f46;
  float: left;
  width: 360px;
  padding-left: 50px;
  padding-top: 10px;
  position: relative;
}
.footerList:before{
  content: '';
  position: absolute;
  left: 0;
  top:0;
  width: 1px;
  height: 100%;
  background-color: #747d8a;
}
.footerList dt {
  margin-bottom: 15px;
  font-size: 16px;
}
.footerList dd a {
  color: #ccc;
}
.footerList dd a:hover {
  color: #ffffff;
}
.footerList dd {
  margin-bottom: 10px;
}
.indexBlock {
  background: #fff;
  border: 1px solid #dcdfe6;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
}

.indexTitleLeft{
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  top: 8px;
  left: 10px;
  padding-left: 20px;
  z-index: 2;
}
.indexTitleLeft:before {
  content: "";
  width: 5px;
  height: 18px;
  position: absolute;
  top: 4px;
  left: 2px;
  background: #c00;
}
.log_reg {
  right: 10px;
  top: 15px;
}
/*=====*/
.logBg {
  background-image: url(../images/logBg.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 700px;
  background-size:cover;
  -webkit-filter:blur(2px);
  -moz-filter:blur(2px);
  -o-filter:blur(2px);
  -ms-filter:blur(2px);
  filter:blur(2px);
  position:absolute;
  left:0;
  top:0;
}
.topBtn {
  top:20px;
  right:20px
}
.log_reg {
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -300px;
  width: 600px;
}
.log_reg_header > div{
  font-size: 28px;
  text-align: center;
  color: #3a8ee6;
}
.box-card_footer {
  border-top: 1px solid #ebeef5;
  padding-top: 20px;
  text-align: center;
}
.log_reg .el-form--label-top .el-form-item__label {
  width: 65px;
  text-align: right;
  margin-right: 10px;
  padding: 0;
}
.log_reg .el-form-item__content{
  margin-left: 0;
  display: inline-block;
  width: calc(100% - 75px);
}
/*======*/
.newsList {
  padding-bottom: 8px;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 20px;
  overflow: hidden;
}
.newsList h3 {
  margin-bottom: 10px;
}
.maxWidth {
  max-width: 100%;
}
/*&==========*/
.examTitle li,.examTitle1 li,.examResultList li {
  float:left;
  margin:8px;
}
.examTitle li a,.examTitle1 li a {
  display:block;
  border:1px solid #328ffb;
  background-color:#fff;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align:center;
}
.examTitle1 li>a:hover,.examTitle1 li>a.right:hover,.examTitle1 li>a.wrong:hover {
  background-color:#eee;
  color:#333;
}
.examTitle1 li.active > a.right,.examTitle1 li.active > a.wrong ,.examTitle1 li > a.wrong ,.examTitle1 li > a.right,.examTitle1 li > a.mz,.examTitle1 li > a.yz,.examTitle1 li.active > a.dq   {

  display:block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align:center;
}
.examTitle1 li.active > a.right  {
  border:1px solid #00A822;
  background-color:#00A822;
  color:#fff;
}

.examTitle1 li > a.right,.examTitle1 li > a.yz.right,.examTitle1 li > a.mz.right  {
  border:1px solid #00A822;
  background-color:none;
  color:#333;
}
.examTitle1 li.active > a.wrong  {
  border:1px solid #ff0000;
  background-color:#ff0000;
  color:#fff;
}
.examTitle1 li > a.mz.wrong,.examTitle1 li > a.yz.wrong,.examTitle1 li > a.wrong  {
  border:1px solid #ff0000;
  background-color:none;
  color:#333;
}
.examTitle1 li > a.mz{
  border:1px solid #ccc;
  background-color:#f5f5f5;
  color:#333;
}
.examTitle1 li > a.yz{
  border:1px solid #328ffb;
  background-color:none;
  color:#333;
}
.examTitle1 li.active > a.dq{
  border:1px solid #328ffb;
  background-color:#328ffb;
  color:#fff;
}
.examTitle1 li.active > a.dq.mz,.examTitle1 li.active > a.mz.dq{
  border:1px solid #328ffb;
  background-color:#328ffb;
  color:#fff;
}
.examTitle li.active > a  {
  border:1px solid #328ffb;
  background-color:#328ffb;
  color:#fff;
  display:block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align:center;
}
.examTitle li a:hover{
  border:1px solid #328ffb;
  background-color:#328ffb;
  color:#fff;
}
.examResultList li.w a,.examResultList li.r a {
  display:block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align:center;
}
.examResultList li.w a{
  border:1px solid #328ffb;
  background-color:#328ffb;
  color:#fff;
}
.examResultList li.r a{
  border:1px solid #2CAF85;
  background-color:#2CAF85;
  color:#fff;
}
.quesList dd {
  padding: 8px 0;
}
/*=============*/
.minHeight {
  min-height: 600px;
}

/*=========*/
.orderTable {
  background-color: #ffffff;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}
.orderTable th {
  font-weight: bold;
}
.orderTable td,.orderTable th {
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  padding: 10px;
  word-break: break-all;
  word-wrap: break-word;
}
.orderTable td {
  text-align: left;
}

.certTable {
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}
.certTable th {
  font-weight: bold;
}
.certTable td,.certTable th {
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 5px 15px;
  word-break: break-all;
  word-wrap: break-word;
}

.tableOne {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
}
.tableOne th {
  font-weight: bold;
}
.tableOne td,.tableOne th {
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  padding: 5px 0px;
  word-break: break-all;
  word-wrap: break-word;
}
.text-danger {
  color: #f00;
}
/*===============*/
.tableCapion  {background-color: #efefef;line-height: 40px;color: #818181;margin-bottom: 30px;overflow: hidden;}
.table {text-align: center;margin-bottom: 20px;}
.table>p  {float: left;}
.table .name  {width: 489px;padding:0 20px;text-align: left;}
.table .lec   {width: 105px;}
.table .money {width: 105px;}
.table .state {width: 105px;}
.table .actions{width: 149px;}
.table .actions a.del-apprai{display: block;}
.table .actions a.color81{color: #818181;cursor: default;}
.table .actions a.color81:hober{color: #FF4A56;transition: all .2s linear;}
.table .border {display: block;;height: 26px;line-height: 26px;text-align: center;border: 1px solid #000;color: #424242;font-size: 14px;padding: 0 5px;width: 88px;margin: 0 auto;border-radius: 13px;}
.table .red-border {color: #FF0000;border-color: #FF0000;transition: all .2s linear;}
.table .red-border:hover {background: #FF4A56;color: #fff;border: none;}
table.table {border:1px solid #DDD;overflow: visible;}
.table th  {background-color: #efefef;padding:5px 20px;font-weight: normal;}
.table th p {float: left;margin-right: 40px;color:#818181;}
.table th p.date { float: right;margin-right:0;}
.table th i.icon  {float: right;display: none;cursor: pointer;}
.table:hover th i.icon  {display: block;}
.table th i.icon:hover  {background-color: #DDD;}
.table td {border:1px solid #DDD;}
.table td.name {padding:10px;}
.table td.name>div>div {float: left;}
.table td.name>div a {display: block;line-height: 20px;}
.table td.name .pic  {width: 100px;overflow: hidden;height: 60px;margin-right: 15px;}
.table td.name .pic img {max-width: 100%;display: block;}
.table td.name .title  {width: 225px;}
.table td.name .tags {float: none;}
.table td.name .tags p {background-color: #00baf2;float: left;color:#FFF;line-height:20px;border-radius: 3px;font-size: 12px;padding: 0 5px;}
.table td.actions  a.btn {border:1px solid #c01920;color:#c01920;background: none;line-height: 30px;border-radius: 3px;margin:0 20px;}