:root {
  --all-width: 1200px;
  /*总宽度*/
  --menu-width: 1188px;
  /*内容宽度*/
  --menuli-width: 140px;
  /*导航宽度*/
  --all-bgcolor: #FFF;
  /*背景颜色*/
  --all-h1color: #b70500;
  /*文字颜色 主色*/
  --all-h2color: #616161;
  /*文字颜色*/
  --all-h3color: #ffd126;
  /*文字颜色*/
  --all-h4color: #790b09;
  /*文字颜色*/
  --all-h5color: #2d0201;
  /*文字颜色*/
  --all-bkcolor: #c10503;
  --all-botcolor: #ff6500;
  --all-txt1color: #999999;
  --all-txt2color: #c1c1c1;
  --all-bksize: 1px;
  /*边框大小*/
  --all-gjbgcolor: #fcedd6;
  --all-bkcolor2: #eaeaea;
  /*边框大小*/
  --all-editcolor: #4b8aff;
  --all-jgbgcolor: #f8f8f8;
  --all-okcolor: #1ba000;



}

body {
  background: #fbdeb6;
  //padding-top: 180px;
  transition: all 0.3s;

}

.topall {
  width: 100%;
  height: 222px;
  /*        line-height: 1px;*/
  background: url(../image/topbg.png) repeat-x bottom;
  z-index: 999;
  transition: all 0.3s;
}

@media only screen and (max-width: 480px) {
  .topall {
    width: var(--all-width);
    height: 222px;
    /*        line-height: 1px;*/
    background: url(../image/topbg.png) repeat-x bottom;
    z-index: 999;
    transition: all 0.3s;
  }
}

.top1 {
  width: var(--all-width);
  height: 173px;
  margin: auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  align-content: stretch;
}

.top1 .logo {
  width: auto;
  overflow: hidden;
  transition: all 0.3s;
}

.top1 .topsearch {
  width: max-content;
  height: auto;
}

.search {}

.search .search-form {
  display: inline-block;
  position: relative;
}

.search .search-form i {
  font-size: 26px;
  color: var(--all-botcolor);
  cursor: pointer;
}

.search .search-field {
  padding: 10px;
  width: 378px;
  height: 39px;
  border: none;
  background-color: #f5f5f5;
  border-radius: 10px;
}

.search .search-button {
  position: absolute;
  top: 4px;
  right: 8px;
  background-color: #f5f5f5;
  border: none;
  border-radius: 50%;
  height: 30px;
  width: 30px;
}

.search1 {
  margin: auto;
  display: flex;
}

.search1 .search-form {
  display: inline-block;
  position: relative;
  margin: auto;
}

.search1 .search-form i {
  font-size: 26px;
  color: var(--all-botcolor);
  cursor: pointer;
}

.search1 .search-field {
  padding: 10px;
  width: 608px;
  height: 39px;
  border: none;
  background-color: #f5f5f5;
  border-radius: 10px;
}

.search1 .search-button {
  position: absolute;
  top: 4px;
  right: 8px;
  background-color: #f5f5f5;
  border: none;
  border-radius: 50%;
  height: 30px;
  width: 30px;
}

.topmenu {
  width: var(--all-width);
  margin: auto;
  height: 48px;
  background: url(../image/menuleftbg.png) left center no-repeat, url(../image/menurightbg.png) right center no-repeat;
}

.topmenubg {
  width: var(--menu-width);
  background: url(../image/menubg.png) top repeat-x;
  margin: auto;
  height: 48px;
}

.topuserinfo {
  cursor: pointer;
  margin: 5px 30px 0 0;
  float: right;
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  background: #d7851b;
  white-space: normal;
  position: relative;
  z-index: 999;
  border-radius: 10px;
}

.topuserinfo .list {
  position: absolute;
  top: 38px;
  left: 0;
  width: 100%;
  display: none;
}

.topuserinfo .list .userdh {
  color: #FFF;
  background: #ba0500;
}

.topuserinfo .list .userdh a:hover {
  color: #f6cb87;
  color: #f6cb87;
  background: #990703;
}

.topuserinfo .list .userdh a {
  color: #f6cb87;
  float: left;
  width: 100%;
  line-height: 40px;
  height: 40px;
  background: #ba0500;
}

.topuserinfo .list .userdh:last-child a {
  border-radius: 0 0 10px 10px;
}

.topuserinfo .usergeren {
  border-radius: 10px;
}

.topuserinfo .usergeren:hover {
  background: #ffc25a;
}

.topuserinfo i {
  font-size: 19px;
}

.topmenu ul {
  height: 48px;
  position: relative;
  z-index: 9999;
}

.topmenu ul.dq {
  float: left;
}

.topmenu ul li {
  font-size: 18px;
  line-height: 48px;
  float: left;
  color: #ffffff;
  height: 48px;
  width: var(--menuli-width);
  text-align: center;
}

.topmenu ul li a {
  line-height: 48px;
  color: #ffffff;
  height: 48px;
  display: block;
  width: var(--menuli-width);
  text-align: center;
}

.topmenu ul li a.no {
  line-height: 48px;
  color: #f6cb87;
  height: 48px;
  background: #b70500;
  text-align: center;
}

.topmenu ul li a:hover {
  line-height: 48px;
  color: #f6cb87;
  height: 48px;
  background: #b70500;
  text-align: center;
}

.topmenu ul li ul {
  display: none;
}

.topmenu ul li ul li {
  background: #b70500;
  font-size: 16px;
}

.topmenu ul li ul li:last-child {
  border-radius: 0 0 10px 10px;
}

.topmenu ul li ul li a {
  color: #f6cb87;
}

.topmenu ul li ul li:last-child a {
  border-radius: 0 0 10px 10px;
}

.topmenu ul li ul li a:hover {
  color: #f6cb87;
  background: #055da2;
}

.banner {
  position: relative;
  /*    height: 356px;*/
  width: var(--menu-width);
  margin: auto;
}


.index_cen1 {
  padding: 20px 0 20px 0;
  width: var(--menu-width);
  margin: auto;
  background: var(--all-bgcolor);
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;

}

.indexnav {
  width: 14%;
}

.indexnav ul {}

.indexnav ul li:last-child {
  margin-bottom: 0px;
}

.indexnav ul li {
  border: var(--all-bksize) var(--all-bkcolor) solid;
  padding: 2px;
  margin-bottom: 3px;
  color: var(--all-h1color);
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.indexnav ul li .lico {
  background: var(--all-h1color);
  width: 40%;
  height: 100%;
  float: left;
}

.indexnav ul li .lico i {
  color: #FFF;
  font-size: 26px;
}

.indexnav ul li .ltxt {
  font-size: 16px;
  width: 60%;
  float: left;
}

.indexnav ul li.no {
  border: var(--all-bksize) var(--all-h3color) solid;
}

.indexnav ul li.no .lico {
  background: var(--all-h3color);
  width: 40%;
  height: 100%;
  float: left;
}

.indexnav ul li.no .lico i {
  color: var(--all-h1color);
  font-size: 26px;
}

.indexnav ul li.no .ltxt {
  text-decoration: underline
}

.indexnews {
  width: 50%;
  border: var(--all-bksize) var(--all-bkcolor) solid;
}

.indexnews .con {
  padding: 10px;
}

.indexnews .bt {
  height: 36px;
  position: relative;
  line-height: 36px;
  background: url(../image/hengbg.png) bottom repeat-x;
}

.indexnews .bt .title {
  color: var(--all-h1color);
  font-size: 19px;
  line-height: 34px;
  border-bottom: 2px sandybrown solid;
  display: table
}

.indexnews .bt .more {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: var(--all-h1color);
}

.indexnews ul {}

.indexnews ul li {
  position: relative;
  color: var(--all-h2color);
  font-size: 14px;
  padding-left: 10px;
  height: 30x;
  line-height: 30px;
  background: url(../image/newsdd.png) left center no-repeat;
}

.indexnews ul li span {
  position: absolute;
  right: 0;
  top: 0;
}

.indexnews ul li a:hover {
  color: red;
  text-decoration: underline
}


.indexdh {
  width: 31%;
  border: var(--all-bksize) var(--all-bkcolor) solid;
}

.indexdh .con {
  padding: 10px;
}

.indexdh .bt {
  height: 36px;
  line-height: 36px;
  background: url(../image/hengbg.png) bottom repeat-x;
  text-align: center;
}

.indexdh .bt .title {
  color: var(--all-h1color);
  font-size: 19px;
  line-height: 34px;
  border-bottom: 2px sandybrown solid;
  display: table;
  margin: auto;
}

.indexdh ul {
  background: var(--all-bgcolor);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: space-between;
}

.indexdh ul li {
  width: 48%;
  border: 1px #f6dfc3 solid;
  height: 130px;
  border-radius: 10px;
  margin-top: 10px;
  text-align: center;
}

.indexdh ul li i {
  font-size: 80px;
  line-height: 100px;
  color: #f5ca86;
}

.indexdh ul li p {
  color: var(--all-h1color);
}

.indexdh ul li.no {
  background: linear-gradient(0deg, #a10601, #b70500);
}

.indexdh ul li.no p {
  color: #FFF;
}



.index_cen2 {
  padding: 7px 14px;
  width: var(--menu-width);
  margin: auto;
  background: var(--all-bgcolor);
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;

}

.index_cen2 .con {
  width: 100%;
  margin: auto;
  padding: 10px 10px;
  border: var(--all-bksize) var(--all-bkcolor) solid;
}

.index_cen2 .bt {
  height: 36px;
  position: relative;
  line-height: 36px;
  background: url(../image/hengbg.png) bottom repeat-x;
}

.index_cen2 .bt .title {
  color: var(--all-h1color);
  font-size: 19px;
  line-height: 34px;
  border-bottom: 2px sandybrown solid;
  display: table
}

.index_cen2 .bt .more {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: var(--all-h1color);
}

.index_cen2 .con ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
}

.index_cen2 .con ul li {
  width: 217px;
  margin: 10px 13px 0 0;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  transition-property: width, background, transform;
  transition-duration: .25s, 1s, 0.2s;
  transition-timing-function: linear, ease, ease;
  transition-delay: 1.9s, 2s, 0s;
}

.index_cen2 .con ul li:hover {
  cursor: pointer;
  transform: translate(0, -5px);
}

.index_cen2 .con ul li:nth-child(5n) {
  margin-right: 0px;
}

.index_cen2 .con ul li img {
  width: 100%;
  border-radius: 10px;
}





.ny_cen {
  padding: 7px 14px;
  width: var(--menu-width);
  margin: auto;
  background: var(--all-bgcolor);
  /*    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;*/

}

.nymobile_cen {
  padding: 7px 14px;
  width: 100%;
  margin: auto;
  background: var(--all-bgcolor);

  /*    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;*/

}

.ny_cen .con {
  width: 100%;
  margin: auto;
  padding: 10px 10px;
  border: var(--all-bksize) var(--all-bkcolor) solid;
}

.ny_cen .bt {
  height: 40px;
  position: relative;
  line-height: 40px;
  background: url(../image/hengbg.png) bottom repeat-x;
}

.ny_cen .bt .title {
  color: var(--all-h1color);
  font-size: 16px;
  line-height: 38px;
  border-bottom: 2px sandybrown solid;
  display: table
}

.ny_cen .bt .title a:hover {
  color: #b70500;
}


.ny_cen .twomenu {
  padding: 10px 0;
}

.ny_cen .twomenu ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
}

.ny_cen .twomenu ul li {
  margin: 10px 5px;
  font-size: 14px;
}

.ny_cen .twomenu ul li a {
  padding: 5px 10px;
  border-radius: 10px;
}

.ny_cen .twomenu ul li a:hover {
  background: #ff6000;
  color: #fff;
}

.ny_cen .twomenu ul li.mr a {
  padding: 5px 10px;
  border-radius: 10px;
  background: #ff6000;
  color: #fff;
}

.ny_cen .twomenu ul li.mr a:hover {
  background: #ff6000;
  color: #fff;
}

.table1 thead {
  background: var(--all-gjbgcolor);
  color: var(--all-h1color);
  font-size: 14px;
}

.table1 tbody tr {
  text-align: center;
  color: #616161;
  height: 40px;
  background: #f5f5f5;
  font-size: 13px;
}

.table1 tbody tr:nth-child(odd) {
  background-color: #fbfbfb;
}

.table1 tbody tr:hover {
  background-color: var(--all-gjbgcolor);
}

.table1 tbody tr:hover .addorderby {
  background-color: #ff6000;
}

.table1 .addorderby {
  padding: 5px;
  background-color: #8090a0;
  color: #fff;
  border-radius: 10px;
  font-size: 12px;
}




.table2 thead {
  background: var(--all-h1color);
  color: var(--all-h3color);
  font-size: 14px;
}

.table2 tbody tr {
  text-align: center;
  color: #616161;
  height: 40px;
  background: #f5f5f5;
  font-size: 13px;
}

.table2 tbody tr:nth-child(odd) {
  background-color: #fbfbfb;
}

.table2 tbody tr:hover {
  background-color: var(--all-gjbgcolor);
}

.table2 tbody tr:hover .addorderby {
  background-color: #ff6000;
}

.table2 .addorderby {
  padding: 5px;
  background-color: #8090a0;
  color: #fff;
  border-radius: 10px;
  font-size: 12px;
}




.ny_news {
  padding: 20px 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
}

.ny_news .leftcon {
  border-right: var(--all-h3color) solid 1px;
  width: 30%;
  padding-right: 3%;
}

.ny_news .leftcon .title {
  font-size: 20px;
  line-height: 40px;
  color: var(--all-h1color);
}

.ny_news .leftcon .title i {
  font-size: 30px;
  padding-right: 10px;
}

.ny_news .leftcon ul {}

.ny_news .leftcon ul li {
  font-size: 14px;
  line-height: 40px;
}

.ny_news .leftcon ul li:hover {
  background: var(--all-gjbgcolor);
}

.ny_news .leftcon ul li span {
  color: #616161;
}

.ny_news .leftcon ul li:nth-child(1) span,
.ny_news .leftcon ul li:nth-child(2) span,
.ny_news .leftcon ul li:nth-child(3) span {
  color: var(--all-h1color);
}

.ny_news .rightcon {
  width: 65%;
  padding: 0 1%;
}

.ny_news .rightcon .newslist {}

.ny_news .rightcon .newslist .title {
  font-size: 18px;
  line-height: 40px;
  color: var(--all-h4color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ny_news .rightcon .newslist .des {
  font-size: 13px;
  color: var(--all-h2color);
  line-height: 28px;
}

.ny_news .rightcon .list {
  padding: 10px;
  border-radius: 10px;
  margin: 10px 0;
}

.ny_news .rightcon .list:nth-child(odd) {
  background-color: #fbfbfb;
}

.ny_news .rightcon .list:hover {
  background-color: var(--all-gjbgcolor);
}

.ny_news .rightcon .newslist2 {
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-content: stretch;
}

.ny_news .rightcon .newslist2 .news_img {
  width: 20%;
}

.ny_news .rightcon .newslist2 .news_con {
  width: 75%;
}

.ny_news .rightcon .newslist2 .title {
  font-size: 16px;
  line-height: 30px;
  color: var(--all-h4color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ny_news .rightcon .newslist2 .des {
  font-size: 13px;
  color: var(--all-h2color);
  line-height: 28px;
}

.ny_news .rightcon .newslist2 img {
  width: 130px;
  height: 100px;
  border-radius: 10px;
}

.newsshow {
  width: 90%;
}

.newsshow h1 {
  font-size: 24px;
  text-align: center;
  line-height: 30px;
  color: var(--all-h5color)
}

.newsshow .stat {
  padding: 20px 0;
  text-align: center;
}

.newsshow .time {
  font-size: 16px;
  text-align: center;
}

.newsshow .click {
  font-size: 16px;
  text-align: center;
  padding-left: 30px;
}

.newsshow .newsbody {
  font-size: 16px;
  line-height: 30px;
  font: normal 16px/180% "宋体";
  color: var(--all-h5color)
}





.ny_certifi {
  /*    padding:20px 0;
    display: flex;
    justify-content:space-around;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: stretch;*/
  padding: 50px 10px;
  border-radius: 10px;
  background: var(--all-gjbgcolor);
}

.ny_certifi .cen {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
}

.ny_certifi .zsform {
  width: 50%;
}

.ny_certifi .zstext {
  width: 40%;
  background: #fff;
  border-radius: 10px;
  margin-left: 20px;
}

.ny_certifi .zsform .bdinput {
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 10px;
}

.ny_certifi .zsform .bdinput:nth-child(1) {
  margin-bottom: 20px;
}

.ny_certifi .zsform .bdinput:nth-child(3) {
  margin-bottom: 20px;
}

.ny_certifi .zsform .bottom {
  padding: 0;
  background: none;
  border-radius: 0px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
  padding-top: 20px;
}

.ny_certifi .zsform .txtinput {
  padding: 10px;
  width: 380px;
  height: 39px;
  border: none;
  background-color: #fff;
  float: left;
}

.ny_certifi .zsform textarea {
  padding: 10px;
  width: 380px;
  height: 117px;
  border: none;
  background-color: #fff;
  float: left;
}

.ny_certifi .zsform .search-button {
  background: var(--all-h1color);
  width: 45%;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  border: #790b09 solid 2px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;

}

.ny_certifi .zsform .tubiao {
  color: #990703;
  font-size: 20px;
  float: left;
  width: 30px;
  padding-top: 5px;
}

.ny_certifi .zsform .bs {
  width: 100px;
  float: left;
  width: 80px;
  padding-top: 5px;
}



.ny_certifi .zsform .reset {

  text-align: center;
  background: #fff;
  width: 45%;
  height: 40px;
  line-height: 40px;
  border: #790b09 solid 2px;
  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;
}

.ny_certifi .zstext {
  padding: 20px 10px;
}

.ny_certifi .zstext p {
  font-size: 13px;
  color: #8090a0;
  padding: 15px 5px;
  line-height: 26px;
}



.page {
  text-align: center;
}

.page nav {
  margin: auto;
}

#pull_right {
  text-align: center;
}

.pull-right {
  /*float: left!important;*/
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination>li {
  display: inline;
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: var(--all-h1color);
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: var(--all-h1color);
  border-color: var(--all-h1color);
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}



.links {
  padding: 7px 14px;
  width: var(--menu-width);
  margin: auto;
  background: var(--all-bgcolor);
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
}

.links .bt {
  width: 7%;
  margin: 5px 0px;
  line-height: 30px;
}

.links .con {
  width: 90%;
}

.links ul {
  display: flex;
  flex-wrap: wrap;
}

.links ul li {
  /* float: left; */
  margin: 5px 10px;
  font-size: 14px;
  color: var(--all-h2color);
}

.links ul li a:hover {
  color: red;
  text-decoration: underline
}

.login {
  margin: 10px;
  border: 1px solid #f19149;
  border-radius: 10px;
}

.login .login_cen {
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
}

.login .login_left {
  width: 50%;
  background-image: url(../image/login_bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.login .login_right_cen {
  width: 80%;
  margin: auto;
}

.login .login_right {
  width: 50%;
}

.login .login_title {
  padding: 80px 0 30px 0;
  font-size: 26px;
  text-align: center;
}

.login .reg_input {
  border-bottom: 1px #eaeaea solid;
  padding: 20px 0 10px 0;
  color: var(--all-txt1color);
  position: relative;
}

.login .reg_input input {
  height: 34px;
  width: 100%;
  font-size: 22px;
  border: none;
}

.login .reg_input .txtcode {
  position: absolute;
  right: 1px;
  top: 20px;
  cursor: pointer;
}

.login .reg_input .txtcode2 {
  position: absolute;
  right: 1px;
  top: 20px;
  cursor: pointer;
}

.login .bot1 {
  background: var(--all-botcolor);
  border-radius: 10px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  margin: 30px 0;
  cursor: pointer;
}

.login .read {
  color: var(--all-txt1color);
}

.login .read a {
  color: var(--all-botcolor);
}

.login .read .clickread {
  cursor: pointer;
}

.login .login_ico {
  padding: 60px 0;
}

.login .login_ico ul {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
}

.login .login_ico ul li {
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;

}

.login .login_ico ul li span {
  color: #fff;
  font-size: 30px;
  padding: 12px;
  border-radius: 50%;
  text-align: center;
}

.login .login_ico ul li.ico_weixin {}

.login .login_ico ul li.ico_weixin span {
  background: #23cc10;

}

.login .login_ico ul li.ico_pass span {
  background: var(--all-botcolor);

}

.login .login_ico ul li.ico_mobile span {
  background: var(--all-bkcolor);
}

.posyzm {}

.posyzm .con {
  width: 98%;
  margin: 5px auto;
  border: 1px salmon dotted;
  padding: 2px;
}

.posyzm .con input {
  width: 50%;
  height: 40px;
  border: none;
  padding-left: 10px;
}

.posyzm .con img {
  float: left;
  cursor: pointer;
}

.posyzm .pos_bot {
  text-align: center;
  padding: 5px 0;
}

.posyzm .pos_bot botton {
  background: var(--all-botcolor);
  color: #fff;
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
}




.footer {
  padding: 7px 14px;
  width: 100%;
  background: linear-gradient(0deg, #a10601, #b70500);


}

@media only screen and (max-width: 480px) {

  /* 手机端样式 */
  .footer {
    padding: 7px 14px;
    width: var(--menu-width);
    background: linear-gradient(0deg, #7c0000, #b81919);


  }
}


.footer .con {
  width: var(--menu-width);
  margin: auto;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: stretch;
  justify-content: space-around;
  align-items: center;
  font-size: 16px;
  padding: 10px 0 30px 0;
}

.footer .con .nav {
  color: #ffe3e3;
  padding: 20px 0;
}

.footer .con .nav a {
  float: left;
  padding: 0 20px;
  color: #ffe3e3;
  line-height: 14px;
  border-right: 2px #f5ca8657 solid
}

.footer .con .nav a:last-child {
  border-right: 0px #FFF solid
}

.footer .con .t1 {
  padding: 20px 0 0 0;
}

.footer .con .t2 {
  padding: 0 0 20px 0;
}

.footer .con .t3 {}

.footer .con .t3 img {
  float: left;
  padding-right: 5px;
}

.footer .con .t3 span {
  float: left;
  float: left;
  height: 20px;
  line-height: 20px;
  color: #ffe3e3;
}

.footer .con .t1,
.footer .con .t2,
.footer .con .t3,
.footer .con .t4 {
  color: #ffe3e3;
  font-size: 14px;
  line-height: 30px;
}

.qc_con {
  font-family: '宋体';
}

.qc_con .userimg {
  text-align: center;
}

.qc_con .userimg img {
  margin: auto;
  padding: 20px;
  width: 200px;
}

.qcjg {
  border-top: 1px var(--all-bkcolor2) solid;
  line-height: 30px;
  padding: 10px 0;
}

.qcjg:nth-child(odd) {
  background: #f8f8f8;
}

.qc_con .info_tit {
  color: var(--all-bkcolor);
  text-align: right;
  padding-right: 10px;
}

.qc_con .info_des {
  font-size: 14px;
}

.mobile_top {
  background: var(--all-bkcolor);
  color: #fff;
  line-height: 30px;
  padding: 20px;
  font-family: '宋体';
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}


.cart {}

.cart .empty {
  text-align: center;
  width: 100%;
  margin: auto;
  padding: 40px 0
}

.cart .empty i {
  font-size: 120px;
  color: var(--all-bkcolor2);
}

.cart .empty p {
  line-height: 120px;
}

.cart .empty p a {
  color: var(--all-botcolor)
}

.cart .cart_list {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
  margin: 10px auto;
  padding: 10px 0;
  line-height: 30px;
  font-size: 16px;
}

.countlist:nth-of-type(2n) {
  background: var(--all-jgbgcolor);
}

.no_countlist {
  text-decoration: line-through;
  color: var(--all-txt1color);
  pointer-events: none;
}

.no_countlist input {
  pointer-events: none;
}

.cart .cart_list .all {
  background: var(--all-gjbgcolor);
  width: 100%;
  text-align: right;
}

.cart .cart_list .all .p {
  padding: 15px 20px;
}

.cart .cart_list .yhq {
  padding: 15px 20px;
  background: var(--all-gjbgcolor);
  width: 100%;
  text-align: right;
}

.cart .cart_list .yhq input {
  vertical-align: middle;
  padding: 5px;
  width: 200px;
  height: 39px;
  line-height: 39px;
  border: none;
  font-size: 14px;
  color: var(--all-bkcolor);
  background-color: #fff;
  border-radius: 10px 0px 0px 10px;
}

.cart .cart_list .yhq .shiyong {
  font-size: 14px;
  vertical-align: middle;
  padding: 9px;
  background: var(--all-bkcolor);
  border-radius: 0px 10px 10px 0px;
  color: #FFF;
}

.cart .cart_list .yhq .yhqbot {
  background: var(--all-h3color);
  float: right;
  padding: 9px;
  border-radius: 10px;
  color: var(--all-botcolor);
  margin-left: 20px;
}

.cart .cart_list .allpricecount {
  background: var(--all-botcolor);
  padding: 5px;
  width: 100%;
  color: var(--all-h5color);
  text-align: right;
  line-height: 30px;
  border-radius: 0px 0px 10px 10px;
}



.cart .cart_list .icon-zhekou {
  color: var(--all-botcolor);
}

.cart .cart_list .icon-lijian {
  color: var(--all-okcolor);
}

.cart .cart_list img {
  width: 50px;
}


.yz_yhqlist {
  position: absolute;
  top: 20%;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  background: var(--all-gjbgcolor);
  border-radius: 10px;
  padding: 0 10px;
  z-index: 100;
}

.yz_yhqlist .listyhq {
  width: 100%;
  border-bottom: 1px var(--all-bkcolor) dashed;
  margin: 10px 0;
  padding: 10px 0;
}

.yz_yhqlist .listyhq .title {
  font-size: 16px;
  background: #fff;
  border-radius: 4px 4px 0 0;
  padding: 5px;
}

.yz_yhqlist .listyhq .yhqcen {
  border-top: 1px var(--all-bkcolor2) dashed;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
  background: #fff;
  padding: 5px;
}

.yz_yhqlist .listyhq .yhqcen_left {
  color: red;
  width: 20%;
  background: var(--all-gjbgcolor);
  font-size: 15px;
  border-radius: 10px;
  text-align: center;
  line-height: 30px;
}

.yz_yhqlist .listyhq .yhqcen_right {
  width: 55%;
  padding-left: 5px;
}

.yz_yhqlist .listyhq .yhqcen_right .tssm {
  font-size: 13px;
  color: var(--all-h4color);
}

.yz_yhqlist .listyhq .alerttxt {
  color: var(--all-h2color);
  width: 25%;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}

.yz_yhqlist .listyhq .alerttxt .sy {
  background: red;
  color: #FFF;
}

.yz_yhqlist .listyhq .time {
  color: var(--all-txt2color);
  font-size: 12px;
}

.yz_yhqlist .listyhq .shuoming {
  color: var(--all-txt1color);
  font-size: 13px;
  background: #fff;
  border-radius: 0 0 4px 4px;
  padding: 5px;
  border-top: 1px var(--all-bkcolor2) dashed;
}


.cart .q1,
.cart .q2,
.cart .q3,
.cart .q4,
.cart .q5 {}

.cart .cart_list .tit {
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
  margin: 10px 0;
  background: var(--all-gjbgcolor);
}

.cart .cart_list .tit1 {
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
  margin: 10px 0;
  background: var(--all-gjbgcolor);
}

.cart .q1 {
  width: 10%;
  text-align: center;
}

.cart .q2 {
  width: 30%;
}

.cart .q3 {
  width: 30%;
}

.cart .q4 {
  width: 10%;
  text-align: center;
}

.cart .q5 {
  width: 20%;
  text-align: center;
}

.cart .del i {
  font-size: 25px;
  color: var(--all-bkcolor)
}

.cart .jiajian {
  text-align: justify;
  line-height: 20px;
}

.cart .jiajian i {
  font-size: 25px;
  color: var(--all-h2color);
  vertical-align: middle;
  cursor: pointer
}

.cart .jiajian input {
  width: 50px;
  height: 20px;
  vertical-align: middle;
  text-align: center;
}

.cart .jiajian i.jian {
  font-size: 23px;
}

.cart .cart_foot {
  text-align: center;
  margin: 20px auto;
}

.cart .cart_foot botton.cear {
  background: var(--all-txt1color);
  border-radius: 4px;
  padding: 10px 50px;
  color: #fff;
  cursor: pointer
}

.cart .cart_foot botton.sub {
  background: var(--all-okcolor);
  border-radius: 4px;
  padding: 10px 50px;
  color: #fff;
  cursor: pointer
}



label {

  cursor: pointer;
  /*        font-size: 14px;
        height: 25px;
        line-height: 25px;
        box-sizing: border-box;
        margin-right: 20px;
        vertical-align: middle;*/
}

input[type="radio"] {

  display: none;
}

/*定义 radio 元素相邻元素 span 样式*/
input[type="radio"]+i {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  border: 1px solid #99a1a7;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 5px 0 0;

}

/*定义 radio 元素相邻元素 span 样式伪类的样式*/
input[type="radio"]:checked+i {
  border: 1px solid green;
}

input[type="radio"]:checked+i:after {
  content: ' ';
  box-sizing: border-box;
  position: absolute;
  left: 4px;
  top: 4px;
  width: 11px;
  height: 11px;
  background-color: green;
  border-radius: 50%;
}

input[type="checkbox"] {
  display: none;
}

/*定义 checkbox 元素相邻元素 span 样式*/
input[type="checkbox"]+i {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  border: 1px solid #99a1a7;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 5px 0 0;
}

/*定义 checkbox 元素相邻元素 span 样式伪类的样式*/
input[type="checkbox"]:checked+i:after {
  content: '\2714';
  /*如果想更好看一点，这里可以使用一亲图片或字体标等来美化一下选择效果*/
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  color: var(--all-okcolor);
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.cart_address {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;

  text-align: left;
}

.cart_address .cart_address_list {
  background: var(--all-bkcolor2);
  line-height: 30px;
  width: 220px;
  margin: 10px 9px 10px 0;
  float: left;
  padding: 20px;
  border-radius: 4px;
  position: relative;
}

.cart_address .cart_address_list:nth-of-type(5n) {
  margin-right: 0;
}

.cart_address_title {
  font-size: 18px;
  border-bottom: 1px #1ba000 dashed;
  line-height: 40px;
}

.cart_address .cart_address_list .mr {
  position: absolute;
  top: 5px;
  left: 0;
}

.cart_address .cart_address_list .mr i {
  font-size: 40px;
  color: var(--all-h4color);
}

.cart_address .cart_address_list .xz {
  position: absolute;
  bottom: -5px;
  right: 0;
  display: none;
}

.cart_address .cart_address_list .xz i {
  font-size: 40px;
  color: var(--all-okcolor);
}

.cart_address .okxz {
  background: var(--all-gjbgcolor);
  color: var(--all-okcolor);
}

.cart_address .okxz .xz {
  display: block;
}

.cart_address .address_jj {
  font-size: 40px;
  text-align: center;
}

.money_zonggong {
  display: none;
  text-decoration: line-through;
}

.payindex {
  padding: 10px;
}

.payindex .gxtop {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
  font-size: 20px;
  background: var(--all-jgbgcolor);
  padding: 20px;
}

.payindex .gxtop .t1 {
  color: var(--all-okcolor);
}

.payindex .gxtop .t1 i {
  font-size: 30px;
}

.payindex .gxtop .t2 {
  font-size: 16px;
}

.payindex .gxtop .t2 span {
  color: var(--all-botcolor);
  font-size: 30px;
}

.payindex .djs {
  padding: 20px;
  background: var(--all-jgbgcolor);
}

.payindex .paynumber {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
  font-size: 16px;
  background: var(--all-jgbgcolor);
  padding: 10px 20px;
  border-top: 1px var(--all-txt2color) dashed;

}


.payindex .orderdes {
  background: var(--all-jgbgcolor);
  padding: 5px 20px;
  line-height: 35px;
  font-size: 16px;
  display: none;
}

.payindex .orderdes .goodsshow {
  background: #fff;
  color: var(--all-txt1color);
  border-radius: 4px;
  padding: 5px 10px;
  margin: 10px 0;
}

.payindex .paytitle {
  background: var(--all-gjbgcolor);
  padding: 20px 20px 5px 20px;
  font-size: 16px;
}

.payindex .paylist {
  background: var(--all-gjbgcolor);
  padding: 20px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
  font-size: 16px;

}

.payindex .wxpay,
.payindex .alipay {
  border: 1px var(--all-txt1color) solid;
  border-radius: 4px;
  padding: 5px 20px;
  margin-right: 30px;
}

.payindex .wxpay i.logo,
.payindex .alipay i.logo {
  font-size: 22px;
  vertical-align: middle;
  padding-right: 5px;
}

.payindex .wxpay {}

.payindex .alipay {}

.payindex .wxpay i {
  color: #15ba11;
}

.payindex .alipay i {
  color: #009fe8;
}


.payindex .paylist i.payselect {
  font-size: 18px;
  vertical-align: middle;
  padding-right: 10px;
  color: var(--all-txt1color);
}

.payindex .paylist .true {
  border: 1px var(--all-okcolor) solid;
  background: #FFF;
}

.payindex .paylist .true i.payselect {
  font-size: 18px;
  vertical-align: middle;
  padding-right: 10px;
  color: var(--all-okcolor);
}

.payindex .paybottom {
  width: 150px;
  line-height: 26px;
  border-radius: 4px;
  color: #FFF;
  text-align: center;
  background: var(--all-botcolor);
  font-size: 14px;
  margin: 20px auto;
  padding: 5px 10px;
}

.list_course {
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
  font-size: 16px;
}

.list_course .course_list {
  width: 19%;
  text-align: center;
  margin-left: 1%;
  border-radius: 10px;
  background: var(--all-jgbgcolor);
  transition-property: width, background, transform;
  transition-duration: .25s, 1s, 0.2s;
  transition-timing-function: linear, ease, ease;
  transition-delay: 1.9s, 2s, 0s;
}

.list_course .course_list:hover {
  cursor: pointer;
  transform: translate(0, -10px);

}

.list_course .course_list img {
  width: 100%;
  border-radius: 10px 10px 0 0;
}

.list_course .course_list .title {
  line-height: 40px;
}


.ny_course {
  padding: 10px;

}

.ny_course .title_img {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
}

.ny_course .title_img .img {
  padding: 0px 0px 0 0;
  width: 42%;
}

.ny_course .title_img img {
  border-radius: 4px;
}

.ny_course .title_img .txt {
  line-height: 35px;
  width: 58%;
  position: relative;
}

.ny_course .title_img .txt .t1 {
  font-size: 24px;
}

.ny_course .title_img .txt .t2 {
  font-size: 16px;
  color: var(--all-h2color)
}

.ny_course .title_img .bot {
  background: var(--all-botcolor);
  width: 100px;
  border-radius: 4px;
  position: absolute;
  margin: auto;
  bottom: 0px;
  text-align: center;
  color: #FFF;
}

.ny_course .title_img .bot a {
  color: #fff;
}

.ny_course_list .ny_course_menu {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
  line-height: 50px;
  border-bottom: 1px var(--all-bkcolor2) solid;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.ny_course_list .ny_course_menu li {
  background: #fff;
  font-size: 18px;
  margin-right: 20px;
  cursor: pointer;
}

.ny_course_list .ny_course_menu li.no {
  border-bottom: 2px var(--all-botcolor) solid;
  color: var(--all-botcolor);
}

.ny_course_list .body {
  padding: 10px 0;
}

.ny_course_body_list {
  width: 100%;
}

.ny_course_body_list .free i {
  font-size: 20px;
  color: var(--all-botcolor)
}

.ny_course_body_list li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
  line-height: 40px;
  font-size: 14px;
  border-bottom: 1px var(--all-bkcolor2) solid;

}

.ny_course_body_list li a {
  color: #000;
}

.ny_course_body_list li a:visited {
  color: var(--all-txt1color);
}

.allvideo {
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.allvideo .show_video {
  margin: auto;
  display: inline-block;
  padding-top: 80px;
  position: relative;
}

.allvideo .show_video .alert {
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  position: absolute;
  left: 0%;
  top: 0%;
  ;
  z-index: 99991;
  margin-top: 80px;
  width: 100%;
  height: 100%;
}

.allvideo .show_video .alert .rq {
  width: 100%;
  height: 100%;
  position: relative;
}

.allvideo .show_video .alert .rq .nr {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -50px;
  width: 300px;
  height: 100px;
  color: #FFF;
  line-height: 50px;
  font-size: 20px;
}

.allvideo .show_video .alert .rq .nr a {
  color: var(--all-botcolor);
}

.allvideo .show_iframe {
  width: 100%;
  height: 100%;
}


.allvideo .allvideo_menu {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  z-index: 99999;
  height: 60px;
  font-size: 25px;
  line-height: 60px;
  color: var(--all-h3color);
  text-align: center;
}

.allvideo .allvideo_menu .back {
  position: absolute;
  left: 30px;
  top: 0;
  font-size: 18px;
}

.allvideo .allvideo_menu .back a {
  color: var(--all-jgbgcolor);
  font-size: 18px;
}

.allvideo .allvideo_menu .back a:hover {
  color: var(--all-botcolor);
  font-size: 18px;
}


.allvideo .allvideo_list {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  right: 0;
  top: 0px;
  font-size: 18px;
  height: 100%;
  width: 400px;
  z-index: 99998;
  overflow-x: auto;
}

.allvideo .allvideo_list ul {
  padding-top: 80px;
}

.allvideo .allvideo_list ul:before {
  position: absolute;
  left: 0;
  top: 50%;
  color: #fff;
  content: "\e6b7";
}

.allvideo .allvideo_list ul li {
  text-align: left;
  padding-left: 20px;
  line-height: 60px;
}

.allvideo .allvideo_list a.no {
  color: #FFF;
}

.allvideo .allvideo_list a.no:hover {
  color: var(--all-gjbgcolor);
}

.allvideo .allvideo_list a.no:visited {
  color: var(--all-txt1color);
}

.allvideo .allvideo_list a.ye {
  color: var(--all-botcolor);
}

.allvideo .allvideo_list a.ye:hover {
  color: var(--all-gjbgcolor);
}

.video_bot_b {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
  align-content: stretch;
  line-height: 40px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0px 0px 4px 4px;

}

.video_bot_b .title {
  color: var(--all-h3color);
  width: 20%;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
}


.show_exam {
  width: 98%;
  height: 90%;
  background-color: rgba(255, 255, 255, 1);
  margin: auto;
  margin-top: 80px;
  border-radius: 4px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  align-content: stretch;
}

.show_exam .exam_list {
  width: 20%;
  background: var(--all-jgbgcolor);
  height: 95%;
  border-radius: 4px;
}

.show_exam .exam_des {
  width: 55%;
  background: var(--all-jgbgcolor);
  height: 95%;
  border-radius: 4px;
}

.show_exam .exam_alert {
  width: 20%;
  background: var(--all-jgbgcolor);
  height: 95%;
  border-radius: 4px;
}


.show_exam .exam_list .title {
  font-size: 20px;
  padding: 40px 0 20px 0;
  border-bottom: 1px var(--all-bkcolor2) solid;
  width: 90%;
  height: 12%;
  margin: auto;
}

.show_exam .exam_list ul {
  width: 90%;
  height: 88%;
  margin: 20px auto 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  align-content: flex-start;
  overflow: auto;
}

.show_exam .exam_list ul li {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: var(--all-bkcolor2);
  border: 1px #ffffff solid;
  position: relative;
}

.show_exam .exam_list ul li:hover {
  background: var(--all-gjbgcolor);
}

.show_exam .exam_list ul li.d {
  background: var(--all-editcolor);
  color: #fff;
}

.show_exam .exam_list ul li.ok:after {
  content: '\2714';
  box-sizing: border-box;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 10px;
  color: var(--all-h2color);
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.show_exam .exam_des .wen {
  font-size: 22px;
  padding: 40px 0 20px 0;
  text-align: left;
  width: 90%;
  margin: auto;
  border-bottom: 1px var(--all-bkcolor2) solid;
}

.show_exam .exam_des .da {
  width: 90%;
  margin: auto;
}

.show_exam .exam_des .da ul {
  width: 100%;
  text-align: left;
}

.show_exam .exam_des .da ul li {
  margin: 20px 0 0 0;
}

.show_exam .exam_des .exam_page {
  border-top: 1px var(--all-bkcolor2) solid;
  width: 90%;
  margin: 20px auto;
  padding-top: 20px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  align-content: stretch;
}

.show_exam .exam_des .exam_page .last,
.show_exam .exam_des .exam_page .next {
  background: var(--all-gjbgcolor);
  display: inline-block;
  padding: 10px;
  border-radius: 4px;
}

.show_exam .exam_des .exam_page .last:hover,
.show_exam .exam_des .exam_page .next:hover {
  background: var(--all-botcolor);
  color: #FFF;
  cursor: pointer;
}

.show_exam .exam_des .exam_page .no,
.show_exam .exam_des .exam_page .no:hover {
  background: var(--all-bkcolor2);
  color: rgba(0, 0, 0, .85);
  cursor: unset;
}


.exam_alert .speed {}

.exam_alert .speed .speed_time {}

.exam_alert .speed .speed_time .title {
  font-size: 22px;
  padding-top: 50px;
}

.exam_alert .speed .speed_time .time {
  font-size: 20px;
  color: var(--all-bkcolor)
}

.exam_alert .speed .speed_wen {}

.exam_alert .speed .speed_wen .title {
  font-size: 22px;
  padding-top: 30px;
}

.exam_alert .speed .speed_wen .speed_int {
  font-size: 22px;
  padding: 10px 0;
}

.exam_alert .speed .speed_wen .speed_speed {
  width: 90%;
  margin: auto;
  background: var(--all-txt2color);
  border-radius: 4px;
  height: 10px;
  line-height: 10px;
  position: relative;
}

.exam_alert .speed .speed_wen .speed_speed .s1 {
  width: 0%;
  background: var(--all-editcolor);
  border-radius: 4px;
  height: 10px;
  line-height: 10px;
  left: 0;
  top: 0;
  position: absolute;
}

.exam_alert .botexam {
  background: var(--all-txt2color);
  width: 90%;
  margin: 20px auto;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  border-radius: 4px;
}

.exam_alert .ok {
  background: var(--all-okcolor);
  cursor: pointer;
}

.exam_alert .camera {
  width: 90%;
  margin: auto;
}

.exam_alert .camera .show {
  background: var(--all-editcolor);
  height: 300px;
}

.exam_alert .camera .show i {
  font-size: 80px;
  line-height: 300px;
  color: #FFF;
}

.exam_alert .camera .msg {
  color: var(--all-bkcolor);
  font-size: 18px;
}



.exam_result {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999999;
  top: 0;
  left: 0;
}

.exam_result .result_show {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  height: 460px;
  top: 50%;
  margin-top: -200px;
  background: #FFF;
  position: absolute;
  border-radius: 4px;
  border: 2px var(--all-h2color) solid;
}

.exam_result .result_show .result_show_p {
  padding: 10px;
}

.exam_result .result_title {
  text-align: center;
  padding: 20px 0;
  color: var(--all-txt1color)
}

.exam_result .result_title span {
  font-size: 30px;
  color: var(--all-h1color)
}

.exam_result .result_txt {
  border-top: 2px var(--all-h2color) solid;
  width: 80%;
  margin: auto;
  padding-top: 20px;
  font-size: 16px;
  color: var(--all-h2color);
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  align-content: stretch;
}

/*.exam_result .result_txt  .txt_s:nth-of-type(2n+1){background: red;}*/

.exam_result .result_txt .txt_s {
  width: 50%;
  padding: 10px 0;
  line-height: 30px;
}

.exam_result .result_txt .txt_s span {
  color: var(--all-h4color);
}

.exam_result .result_bot {
  background: var(--all-h2color);
  width: 80%;
  height: 35px;
  line-height: 35px;
  margin: 20px auto;
  color: #FFF;
  text-align: center;
}


.allmsgindex {
  padding: 10px;
}

.allmsgindex .msgcon {
  font-size: 30px;
  background: var(--all-jgbgcolor);
  padding: 30px;
  text-align: center;
}

.allmsgindex .msgcon .t1 {
  color: var(--all-okcolor);
  border-bottom: 1px var(--all-txt2color) dashed;
  padding: 30px 0;
}

.allmsgindex .msgcon .t1 i {
  font-size: 40px;
}

.allmsgindex .msgcon .t2 {
  font-size: 16px;
  line-height: 40px;
}

.allmsgindex .msgcon .bot {
  margin: 20px auto;
  font-size: 14px;
}

.allmsgindex .msgcon .bot a {
  padding: 10px 20px;
  color: #FFF;
  ;
  background: var(--all-h4color);
  font-size: 14px;
  border-radius: 4px;
}


.allmsgindex .no .t1 {
  color: var(--all-bkcolor);
}


.table_zs {
  text-align: center;
}

.table_zs table {
  width: 92%;
  background: #fff;
  margin: auto;
  margin-bottom: 20px;
  border-radius: 4px;
}

.table_zs table tr {}

.table_zs table tr td {
  height: 35px;
}

.table_zs .h {
  background: #396b9e;
  font-size: 18px;
  line-height: 45px;
  font-weight: bold;
  color: #fff;
}

.table_zs .t {
  background: #fafafa;
  line-height: 38px;
  text-align: right;
  padding-right: 10px;
}

.table_zs .c {
  line-height: 38px;
  text-align: left;
  padding-left: 20px;
}


.cfbot {
  width: 100px;
  height: 30px;
  background: var(--all-botcolor);
  color: #fff;
  line-height: 30px;
  text-align: center;
  margin: auto;
  border-radius: 4px;
  cursor: pointer;
}