@charset "utf-8";
/* CSS Document */
body{ overflow: hidden; background: #eee;}

.header{ position: relative; margin-bottom: 0.625rem;}
.header .topbar .logo{ margin-left: -4.877232142857143rem;}
.header .topbar .logo a{ width: 9.754464285714286rem; height: 2.5rem; background: url(/resource/GlobalImg/m_trainregMlogo.png) no-repeat; background-size: contain;}

.train-main{}
.train-main .t-cont{ width: calc(100% - 2.5rem); margin: 0rem auto; padding: 0.625rem; padding-top: 0rem; background: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);}
.train-main .t-cont .t-tit{ height: 2.125rem; line-height: 2.125rem; font-size: 1.125rem; text-align: center; color: #5677fc;}
.train-main .t-cont .item-cont{ overflow-y: auto; -webkit-overflow-scrolling: touch;}
.train-main .t-cont .item-cont .Cl-Item{ position: relative;}
.train-main .t-cont .item-cont .Cl-Item{ margin-top: 0.625rem;}
.train-main .t-cont .item-cont .Cl-Item .classInfo{}
.train-main .t-cont .item-cont .Cl-Item .classInfo .tit{ font-size: 1rem;}
.train-main .t-cont .item-cont .Cl-Item .classInfo .date{ font-size: 0.875rem; color: #747474;}
.train-main .t-cont .item-cont .Cl-Item .qs-ico{ position: absolute; top: 0rem; right: 0rem; width: 100%; height: 2.5rem; display: block; z-index: 2;}
.train-main .t-cont .item-cont .Cl-Item .qs-ico i{ position: absolute; right: 0.9375rem; top: 0.8125rem; font-size: 0.75rem; padding-left: 16px; color: #9e9e9e; font-style: normal; height: 0.9375rem; display: block; background: url(/resource/GlobalImg/m_qsIco.png) no-repeat; background-size: contain;}
.train-main .t-cont .item-cont .Cl-Item .cont{position: fixed;
    left: 0.9375rem;
    top: 50%;
    width: calc(100% - 1.875rem);
    max-height: calc(90% - 1.875rem);
    background: rgba(255,255,255,1);
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28);
    display: none;
    z-index: 99;}
.train-main .t-cont .item-cont .Cl-Item .cont .closeBtn{ position: absolute; right: 0.3125rem; top: 0.3125rem; width: 1rem; height: 1rem;}
.train-main .t-cont .item-cont .Cl-Item .cont .closeBtn i{ width: 1rem; height: 1rem; display: block; background: url(/resource/GlobalImg/m_closeBtnIco.png) no-repeat; background-size: contain;}
.train-main .t-cont .item-cont .Cl-Item .cont .contscroll{ margin: 20px; overflow: auto; -webkit-overflow-scrolling: touch;}
.train-main .t-cont .item-cont .Cl-Item .cont .contscroll p{ font-size: 0.875rem; line-height: 1.75rem;}
.train-main .t-cont .item-cont .Cl-Item .cont .contscroll p img{ max-width: 100%;}
.train-main .t-cont .item-cont .Cl-Item:first-child{ margin-top: 0px;}
.train-main .t-inp{ position: relative; width: calc(100% - 2.5rem); margin: 0.625rem auto; padding: 0rem 0.625rem; padding-bottom: 0.625rem; background: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);}
.train-main .t-inp .inp{ position: relative; padding-top: 1.5rem;}
.train-main .t-inp .inp .tit{ position: absolute; top: 1.875rem; line-height: 1.25rem; color: #747474; z-index: 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.train-main .t-inp .inp .input{ position: relative; width: 100%; height: 2.125rem; line-height: 2.125rem; border: none; z-index: 1; border-bottom: 2px solid rgba(221,221,221,0.8); color: #464646; background: transparent;}
.train-main .t-inp .inp .line{ position: relative; width: 0%; height: 2px; margin: 0px auto; margin-top: -2px; background-color: rgba(3,169,244,0.8); transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.train-main .t-inp .inp .errMsg{ position: absolute; right: 0rem; bottom: 0.5rem; font-size: 0.75rem; color: #b20000; display: none;}
.train-main .t-inp .inp.focused .tit{ transform: translateY(-1.625rem); font-size: 0.875rem; color: #03a9f4;}
.train-main .t-inp .inp.focused .line{ width: 100%;}
.train-main .Com_raido{ font-size: 0rem; margin-bottom: 0.5rem;}
.train-main .Com_raido .tit{ margin-top: 0.5rem; margin-bottom: 0.5rem; color: #747474; font-size: 1rem;}
.train-main .Com_raido .sec { width: calc(100% / 3); display: inline-block; color: #464646; font-size: 0.875rem; text-align: center;}
.train-main .t-inp .ClassMod{ margin-top: 0.625rem;}
.train-main .t-inp .ClassMod .clstit{ width: 100%; height: 2.625rem; line-height: 2.625rem; background: rgba(225,225,225,0.9); text-align: center; color: #fff; display: block;}
.train-main .t-inp .ClassMod .clstit.sub{ background: rgba(229,28,35,0.7);}
.train-main .cls-bg{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,0.5); display: none; z-index: 89;}
.train-main .Class-Pop{ position: fixed; left: 10%; top: 50%; padding: 0.9375rem; width: calc(80% - 1.875rem); max-height: calc(80% - 1.875rem); background: rgba(255,255,255,0.9); border-radius: 5px; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28); display: none; z-index: 99;}
.train-main .Class-Pop .tit{ padding-bottom: 0.625rem; font-size: 1.25rem; text-align: center; color: #03a9f4; border-bottom: 2px solid #ddd;}
.train-main .Class-Pop .cl-item{ overflow-y: auto; -webkit-overflow-scrolling: touch;}
.train-main .Class-Pop .cl-item .item{ position: relative; padding: 0.3125rem 0rem; height: 1.75rem; line-height: 1.75rem; margin-bottom: 0.625rem;}
.train-main .Class-Pop .cl-item .item .label{ padding-left: 4.0625rem; height: 1.75rem; line-height: 1.75rem; display: block; color: #747474; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.train-main .Class-Pop .cl-item .item.disabled{ background: #ddd;}
.train-main .Class-Pop .cl-item .item:first-child{ margin-top: 1.25rem;}
.train-main .Class-Pop .seleCop{ text-align: center;}
.train-main .Class-Pop .seleCop .errorMsg{ margin-bottom: 0.3125rem; font-size: 0.75rem; color: #b20000; text-align: center;}
.train-main .Class-Pop .seleCop a{ width: 5.625rem; height: 2rem; line-height: 2rem; text-align: center; display: inline-block; border-radius: 5px; font-size: 0.875rem; color: #646464;}
.train-main .Class-Pop .seleCop a.canclebtn{float: left; background: #c1c1c1;}
.train-main .Class-Pop .seleCop a.modifybtn{ width: auto; display: inline-block; text-decoration: underline; color: #949494;}
.train-main .Class-Pop .seleCop a.confirmbtn{ float: right; background: #03a9f4; color: #fff;}

input[type='checkbox'] {
  display: none;
  cursor: pointer;
}

input[type='checkbox']:focus,
input[type='checkbox']:active {
  outline: none;
}

/*Toggle Specific styles*/
input[type='checkbox'].toggle {
  float: left;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 3.4375rem;
  height: 1.75rem;
  background-color: #e1e1e1;
  position: relative;
  -moz-border-radius: 1.875rem;
  -webkit-border-radius: 1.875rem;
  border-radius: 1.875rem;
  @inlcude box-shadow(none);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type='checkbox'].toggle:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #adadad;
  top: 0.125rem;
  left: 0.125rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type='checkbox']:checked.toggle {
  -moz-box-shadow: inset 0 0 0 15px #158EC6;
  -webkit-box-shadow: inset 0 0 0 15px #158EC6;
  box-shadow: inset 0 0 0 15px #158EC6;
}
input[type='checkbox']:checked.toggle:after {
  left: 1.8125rem;
  background-color: #fff;
}
input[type='checkbox']:disabled.toggle {
  -moz-box-shadow: inset 0 0 0 15px #adadad;
  -webkit-box-shadow: inset 0 0 0 15px #adadad;
  box-shadow: inset 0 0 0 15px #adadad;
}

.layui-m-layerchild h3{ height: 42px !important; line-height: 42px !important;}
.layui-m-layercont{ padding: 0.625rem !important; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.layui-m-layercont p{ font-size: 0.875rem !important; line-height: 1.75rem !important;}
.layui-m-layercont p img{ margin-top: 0.3125rem !important; max-width: 100% !important;}

.inforegi{ background: url(/resource/GlobalImg/m_inforegiBg.png) top left repeat;}
.inforegi .header .topbar .logo{ margin-left: -4.1175rem;}
.inforegi .header .topbar .logo a{ width: 8.235rem; height: 2.25rem; background: url(/resource/GlobalImg/m_logo.png) no-repeat; background-size: contain;}
.inforegi .infoSubmit{ position: fixed; left: 50%; top: 50%; margin-left: -40%; width: 80%; padding: 0.625rem 0rem; border-radius: 5px; background: rgba(255,255,255,0.6); box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28);}
.inforegi .infoSubmit .title{ font-size: 1.5rem; width: 100%; text-align: center;}
.inforegi .infoSubmit .small-tit{ font-size: 1rem; width: 100%; text-align: center; color: #646464;}
.inforegi .infoSubmit .inp{ position: relative; margin-left: 0.625rem; width: calc(100% - 1.25rem); height: 3.75rem;}
.inforegi .infoSubmit .inp .ajaxResult{ position: absolute; top: 3.75rem; width: 100%; max-height: 5.625rem; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; background: #fff; border: 1px solid #ddd; z-index: 99; box-sizing: border-box;}
.inforegi .infoSubmit .inp .ajaxResult a{ height: 1.875rem; line-height: 1.875rem; font-size: 0.875rem; display: block; color: #464646;}
.inforegi .infoSubmit .inp .tit{ position: relative; top: 1.875rem; font-size: 1rem; color: #747474; z-index: 0; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.inforegi .infoSubmit .inp input{ position: absolute; bottom: 0rem; left: 0rem; width: 100%; padding-top: 0.625rem; height: 2.125rem; border: none; border-bottom: 2px solid #dedede; background: transparent; z-index: 1;}
.inforegi .infoSubmit .inp .ani-line{ position: absolute; bottom: 0rem; left: 50%; width: 0%; height: 2px; margin: -2px auto 0px; background: rgba(236,107,0,0.8); z-index: 9; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.inforegi .infoSubmit .inp.focused .tit{ top: 0.5rem; font-size: 0.875rem; color: rgba(236,107,0,0.8);}
.inforegi .infoSubmit .inp.focused .ani-line{ width: 100%; left: 0%;}
.inforegi .infoSubmit .inp.inpCode{}
.inforegi .infoSubmit .inp.inpCode input{ width: calc(100% - 7.5rem);}
.inforegi .infoSubmit .inp.inpCode .ani-line{ left: calc((100% - 7.5rem) / 2);}
.inforegi .infoSubmit .inp.inpCode a{ position: absolute; bottom: 0rem; right: 0rem; width: 7.5rem; height: 2.125rem; font-size: 0.875rem; line-height: 2.125rem; background: rgba(236,107,0,0.8); color: #fff; text-align: center;}
.inforegi .infoSubmit .inp.inpCode a.codedisabled{ background: #dedede; coloe: #747474;}
.inforegi .infoSubmit .inp.inpCode.focused .ani-line{ width: calc(100% - 7.5rem); left: 0%;}
.inforegi .infoSubmit .suBtn{ margin-left: 0.625rem; width: calc(100% - 1.25rem); margin-top: 1.25rem; background: rgba(229,28,35,0.85);}
.inforegi .infoSubmit .suBtn a{ height: 2.125rem; line-height: 2.125rem; color: #fff; display: block; text-align: center;}