@import url("../css/bootstrap.css");
/*@import url("../css/fastadmin.css");*/
/*@import url("../css/iconfont.css");*/
/*@import url("../libs/font-awesome/css/font-awesome.min.css");*/
/*@import url("../libs/toastr/toastr.min.css");*/
@import url("../libs/fastadmin-layer/dist/theme/default/layer.css");
/*@import url("../libs/bootstrap-daterangepicker/daterangepicker.css");*/
/*@import url("../libs/nice-validator/dist/jquery.validator.css");*/
@charset "utf-8";
/*=========================================全局共用属性CSS nie ===============================================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; }
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family:"微软雅黑"; font-size:14px; text-align:left; margin:0 auto; line-height:24px; background:#fff; color:#333; font-weight:normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
.transition{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
button{border-radius:0px;-webkit-border-radius:0px; outline:none;}
input{/*-webkit-appearance:none;*/border-radius:0; outline:none;}
img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/
img{MAX-WIDTH:100%!important;HEIGHT:auto!important; _width:expression(this.width > 100% ? "100%" :this.width)!important;}
ul,li{list-style:none; }
button{cursor:pointer; } /*这个可以不用*/
textarea {resize :none; outline:none;}/*去掉提交框右下角箭头*/
/*全局的字体链接*/
a:link,a:visited{color:#4e4c4c; text-decoration:none; }
a:hover,a:active{color:#2F3C5C; text-decoration:none; }
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
.container{clear:both; width:100%; margin:0 auto; padding:0px 0px;}
@media (min-width:750px){
  .container {width:750px;padding:0px;}
}
/*======================= start===================*/
.student {
  display: flex;
  flex-direction: column;
  margin: 0 10px;
}

.student .title{
  font-size: 18px;
  color: #4A4A4A;
  margin-top: 20px;
}

.student .title span{
  font-size: 12px;
  color: #6A6A6A;
  padding-left: 10px;
}

.student .item {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}

.student .item label{
  font-size: 16px;
  color: #4A4A4A;
  margin-bottom: 10px;
  font-weight: normal;
}

.student .item input{
  height: 35px;
  border: 1px solid #D8D8D7;
  border-radius: 8px;
  padding-left: 10px;
}

/* WebKit browsers */
input::-webkit-input-placeholder {
  font-size:14px;
  color:#D8D8D7;
}

/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder {
  font-size: 14px;
  color: #D8D8D7;
}

/* Mozilla Firefox 19+ */
input::-moz-placeholder {
  font-size: 14px;
  color: #D8D8D7;
}

/* Internet Explorer 10+ */
input:-ms-input-placeholder {
  font-size: 14px;
  color: #D8D8D7;
}

.student .item select{
  height: 35px;
  border: 1px solid #D8D8D7;
  border-radius: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.hr {
  width: 100%;
  height: 6px;
  background: #F0EEEF;
  margin-top: 25px;
}

.btnsub {
  height: 45px;
  background: #D61817;
  border-radius: 50px;
  border: 0;
  font-size: 14px;
  color: #ffffff;
  margin: 50px 0;
}

.form-control[readonly]{
  background-color: #ffffff;
}

.video {
  margin-top: 20px;
}

.zk_number {
  display: flex;
  flex-direction: row;
}

/***************加载***************/
.poster_wrap.load {
  height: 100%;
  z-index: 99999999;
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0
}

.p_loading {
  clear: both;
  display: block;
  width: 100%;
  height: 100%
}

.mobload {
  clear: both;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: .4rem
}

.mobload .mobloadtop {
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 100%;
  clear: both;
  display: block;
  overflow: hidden;
  padding: .26667rem .4rem 0rem;
  height: 1.33333rem
}

.mobload .mobloadtop .mobloadtopone {
  float: left;
  width: 2rem;
  background: #e4e4e4;
  height: 100%
}

.mobload .mobloadtop .mobloadtoptwo {
  float: right;
  width: 1.06667rem;
  background: #e4e4e4;
  height: 100%
}

.mobload .mobloadbom {
  clear: both;
  width: 100%;
  height: 100%;
  padding: .4rem
}

.mobload .mobloadbom .mobloadbomfl {
  float: left;
  width: 11.33333%
}

.mobload .mobloadbom .mobloadbomfl span {
  clear: both;
  display: block;
  width: 0.3rem;
  height: 2rem;
  background: #e4e4e4;
  margin: 0 auto 1rem
}

.mobload .mobloadbom .mobloadbomfr {
  float: right;
  height: 100%;
  width: 100%;
  padding: 0.5rem;
  background: #f9f9f9;
  border-radius: 0.53333rem 0.53333rem 1.33333rem 0.53333rem
}

.mobload .mobloadbom .mobloadbomfr .mobloadbomfrone {
  clear: both;
  width: 80%;
  height: 2%;
  background: #e4e4e4;
  display: block;
  margin: 5% auto 0rem
}

.mobload .mobloadbom .mobloadbomfr .mobloadbomfrtwo {
  clear: both;
  width: 100%;
  height: 45%;
  background: #e4e4e4;
  display: block;
}

.mobload .mobloadbom .mobloadbomfr .mobloadbomfrthree {
  clear: both;
  margin: 11% auto 0rem;
  height: 11%
}

.mobload .mobloadbom .mobloadbomfr .mobloadbomfrthree span {
  clear: both;
  display: block;
  height: 34%;
  width: 100%;
  background: #e4e4e4;
  margin-top: 2rem;
}

.mobload .mobloadbom .mobloadbomfr .mobloadbomfrfour {
  clear: both;
  width: 100%;
  height: 30%
}

.mobload .mobloadbom .mobloadbomfr .mobloadbomfrfour span {
  float: left;
  width: 25.39683%;
  margin-left: 5.55556%;
  border-radius: 0.26667rem;
  box-shadow: 0rem 0rem 0.2rem 0px rgba(39, 47, 39, 0.05);
  padding-top: 0.1rem
}

.mobload .mobloadbom .mobloadbomfr .mobloadbomfrfour span i {
  clear: both;
  display: block;
  width: 70%;
  background: #e4e4e4;
  margin: .2rem auto 0rem
}

.mobload .mobloadbom .mobloadbomfr .mobloadbomfrfour span:nth-child(1) {
  height: 70%
}

.mobload .mobloadbom .mobloadbomfr .mobloadbomfrfour span:nth-child(1) i {
  height: 10%
}

.mobload .mobloadbom .mobloadbomfr .mobloadbomfrfour span:nth-child(2) {
  height: 60%
}

.mobload .mobloadbom .mobloadbomfr .mobloadbomfrfour span:nth-child(2) i {
  height: 12%
}

.mobload .mobloadbom .mobloadbomfr .mobloadbomfrfour span:nth-child(3) {
  height: 50%
}

.mobload .mobloadbom .mobloadbomfr .mobloadbomfrfour span:nth-child(3) i {
  height: 15%
}

.loadbg {
  position: relative;
  overflow: hidden
}

.loadbg::after {
  content: '';
  position: absolute;
  animation: shine 1s infinite;
  width: 150px;
  left: -160px;
  height: 100%;
  background: -webkit-linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%)
}

@keyframes shine {
  from {
    left: -160px
  }
  to {
    left: 110%
  }
}

/*input[type="date"]:before{*/
/*  content: attr(placeholder);*/
/*  font-size: 14px;*/
/*  color: #6A6A6A;*/
/*}*/

/*======================= end===================*/