@charset "utf-8";
/*reset css  重置默认的一些样式  浏览器子自带的  目的是保持各种终端显示一致*/
/*所有的标签和伪类  before after*/
*,
::before,
::after{
    padding: 0;
    margin: 0;
   -webkit-touch-callout: none;
    /*在移动端特殊的设置*/
    /*清除点击高亮效果*/
    -webkit-tap-highlight-color: transparent;
    /*设置所有的盒子的宽度以边框开始计算*/
    -webkit-box-sizing: border-box;
    /*要兼容 webkit 浏览器内核厂商 这种情况一般是老的移动端浏览器*/
    box-sizing: border-box;
/*     设置内嵌的元素在 3D 空间如何呈现：保留3D
   -webkit-transform-style: preserve-3d;
  设置进行转换的元素的背面在面对用户时是否可见：隐藏 */
   
  -webkit-backface-visibility:hidden;
}
html,body{
    font-size: 14px;
    color: #333;
    font-family: "PingFangSC-Medium","MicroSoft YaHei","sans-serif";/*是设备默认的字体*/
    height:100%;
   
}
input,button{
  outline: none;
}
/*上下拉动滚动条时卡顿、慢*/
body {
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  overflow-scrolling: touch;
  background:#fff;
}
a{
  text-decoration: none;
}
.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*报名系统*/
.register_Box{
  padding:15px;
}
.register_form{
  padding:9px 15px;
}
.layui-form-label{
  padding-left:10px;
  padding-right:10px;
}

.layui-input-block{
  margin-left:85px;
  margin-right:30px;
}
.layui-form-item{
  position: relative;
}
.layui-form-item .required_tips{
  position: absolute;
  right:10px;
  top:10px;
  color:#f00;
  font-size:18px;
  font-weight: 700;
}
.servicer_box{
  position: fixed;
  bottom:15%;
  right:0;
  background:#7592f0;
  padding:5px;
  position: fixed;
  float: right;
  border-radius: 18px 0 0 18px;
  color:#fff;
}
.submit_btn{
  background: -webkit-linear-gradient(to right,#3a63ea,#2296df);
  background: linear-gradient(to right,#3a63ea,#2296df);
  letter-spacing: 3px;
}
.servicer_box:visited{
  color:#fff;
}
.register_form .bottom{text-align: center;color:#666;}
/*成考课堂*/

.vedio_box{
  width:100%;
  min-height:200px;
  background:url(../image/video_bg.png) left center no-repeat;
  background-size: 100% auto;
}
.vedio_box video{
  width:100%;
}
.vedio_more{
  padding:15px;
}
.vedio_more h2{
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 15px;
}
.vedio_more h2 span{display: inline-block;width:60%;}
.vedio_more h2 a{
  font-size:13px;
  color:#15c29d;
  border-color:#15c29d;
  float:right;
}
.QR_box{
  padding:5% 0  60px;
  text-align: center;
}
.QR_box .qr{
  display: inline-block;
  margin-bottom:10px;
  border:3px solid #15c29d;
  border-radius: 8px;
}
.QR_box .qr img{
  width:140px;
  height:140px;
}
.QR_box p{
  font-size:11px;
}
.bottom_fixed{
  padding:10px;
  position: fixed;
  bottom:0;
  box-shadow: 0 -3px 3px #eee;
  width:100%;
  z-index: 999;
  background: #fff;
}
.bottom_fixed p{
  font-size:13px;
  color:#666;
}
.bottom_fixed p img{
  width:34px;
  height:34px;
  border-radius: 100%;
  margin-right:10px;
}
.bottom_fixed a{
  float:right;
  background:#15c29d;
  color:#fff;
  border:none;
}
.bottom_fixed span{display: inline-block;width:45%;vertical-align: middle;}
/*报名缴费*/
.feeInfo{
  padding:0 20px;
  color:#999;
  line-height: 45px;
}
.feeInfo p:first-child span{
  color:#333;
}
.feeInfo p:nth-child(2) strong{
  font-size: 20px;
  color:#e70505;
  padding-left:10px;
}
.feeInfo p:nth-child(2){
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feeInfo p:nth-child(2) .layui-btn{
  background: #e3ecfd;
  color:#2792fc;
}
.payment{
  margin-top:10px;
}
.payment .layui-form-label{
  padding:4px 0;
  text-align: left;
  vertical-align: middle;
}
.payment .layui-input-block{
  margin-left:72px;
  margin-right:0;
}
.payment .layui-unselect div::before{
  display: inline-block;
  content: '';
  width:18px;
  height:18px;
  margin-right:3px;
  background:url(../image/wx_icon.png) no-repeat left center;
  background-size: 100% 100%;
  vertical-align: middle;
}
.payment .layui-unselect:nth-of-type(2) div::before{
  background:url(../image/zfb_icon.png) no-repeat left center;
  background-size: 100% 100%;
}

.payment .layui-unselect{
  margin:0;
}
.payment .layui-unselect:nth-of-type(2) {
   float:right;
}
.fee_servicer{
  top:80%;
}
.fee_bottom_box{
  padding:8% 20px 20px;
  font-size:12px;
  color:#666;
  text-align:center;
 /*  position: absolute;
  bottom:0px; */
  line-height:20px;
}
.fee_bottom_box img{
  margin-top:10px;
}
/*缴费成功*/
.regFeeSuc_top{
  width:100%;
  height:210px;
  text-align: center;
  background: -webkit-linear-gradient(to right,#3a63ea,#2296df);
  background: linear-gradient(to right,#3a63ea,#2296df);
}
.regFeeSuc_top p{
  padding-top:40px;
  color:#fff;
  font-size:20px;
  font-weight: 700;
  vertical-align: middle;
}
.regFeeSuc_top .QR_img img{
  width:45%;
  padding:15px;
  border-radius: 8px;
  background: #fff;
  margin-top:60px;
  box-shadow: 0 5px 5px #eee;
}
.regFeeSuc_top section{
  margin-top:15px;
  color:#666;
}
.regFeeSuc_top .layui-btn{
  margin-top:15px;
  border-radius: 10px;
  /* padding:0 20%; */
  width: 40%;
}
.fee_servicer_suc{
  top:39%;
}
/*缴费成功*/
.regFee_body{
  background:#e5ebff;
}
.regFee_tips_con{
  margin:20px;
  padding:40px 20px 20px;
  border-radius: 15px;
  background: #fff;
  margin-top:-70px;
  position: relative;
}
.regFee_tips_con img{
  position: absolute;
  width:210px;
  top:-14px;
  left:50%;
  margin-left:-105px;
}
.regFee_tips_con p{
  font-size:11px;
  line-height:22px;
  text-indent: 2em;
  text-align: justify;
}
@media screen  and (max-width: 360px) {
  .payment .layui-unselect:nth-of-type(2) {
   float:none;
   margin-left:8px;
  }
}
.inOpen{
  width: 100%;
  display: none;
}
.inOpen img{
  width: 100%;;
  margin-bottom: 10px;
}
.inOpen p{
  font-size: 14px;
  color: #333333;
  width: 90%;
  background: #ffffff;
  margin: 0 auto;
  line-height: 2;
}
.closeBtn { 
  background: #3470e7;
  width: 60%;
  display: block;
  margin: 20px auto 30px;
  height: 40px;
  line-height: 40px;
  border-radius:20px;webkit-border-radius:20px;
  color: #ffffff;
  outline: none;
  border: 0;
  letter-spacing: 2px;
  font-size: 15px;
}
.layui-layer{
  border-radius: 10px !important;
}