pgfqe6ch8/public/stylesheets/educoder/trainings.css

html,body{
    width: 100%;height: 100%;background:#F9F9F9;font-family: "微软雅黑","宋体"; color:#05101a;height: 100%;
    position: relative;font-size: 62.5%;box-sizing: border-box;color:#1A1A1A ;
}
*{margin:0px;padding:0px;}

a{text-decoration: none}
.indent_2{text-indent: 2em;}/*首行缩进2个字符*/

/*万能清除浮动*/
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{clear:both;zoom:1}
/*浮动*/
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.none{display: none!important}

.df{display: flex}
.flex1{flex: 1}

li{list-style-type: none;}
.color-orange{color: #FC682D!important;}

.mb5{margin-bottom: 5px}.mb10{margin-bottom: 10px!important;}

.mt5{margin-top: 5px}
.mr5{margin-right: 5px}
.ml5{margin-left: 5px;}.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}

.line20{line-height: 20px;}

.red{color:#DD1717!important;}
.blue{color: #4CACFF!important;}
.sky_blue{color: rgba(76,172,255,0.6)}
.grey{color: #666!important;}

.font-12{font-size: 1.2rem;}
.font-14{font-size: 1.4rem;}
.font-16{font-size: 1.6rem;}
.font-17{font-size: 1.7rem;}
.font-18{font-size: 1.8rem;}


.inline{width: auto;display: inline-block;}
/*设置input框的placehoder的字体颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #cccccc}
input::-moz-placeholder,textarea::-moz-placeholder { color:#cccccc;}
input::-moz-placeholder,textarea::-moz-placeholder { color:#cccccc;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color:#cccccc;}

.break-word{word-break: break-all;word-wrap: break-word;}
.justify{text-align: justify;}
/*首页*/
#EnrolPage{background-color: #03142c}
#EnrolPage img{vertical-align: unset}
.img_1{background: url('/images/educoder/competition/phone_enroll/1.jpg') no-repeat top center;min-height: 915px;}
.img_2{background: url('/images/educoder/competition/phone_enroll/2.jpg') no-repeat top center;min-height: 343px;}
.img_3{background: url('/images/educoder/competition/phone_enroll/3.jpg') no-repeat top center;min-height: 1045px;}
.img_4{background: url('/images/educoder/competition/phone_enroll/4.jpg') no-repeat top center;min-height: 795px;}
.img_5{background: url('/images/educoder/competition/phone_enroll/5.jpg') no-repeat top center;min-height: 850px;}
.img_6{background: url('/images/educoder/competition/phone_enroll/6.jpg') no-repeat top center;min-height: 850px;}
.img_7{background: url('/images/educoder/competition/phone_enroll/7.jpg') no-repeat top center;min-height: 848px;}
.img_8{background: url('/images/educoder/competition/phone_enroll/8.jpg') no-repeat top center;min-height: 801px;}
.teacher_introduce{
    position: relative;width: 100%;
}
.InnerPerson{position: absolute;top: 120px;width: 100%;padding:0px 20px;left: 0px;box-sizing: border-box;}
.InnerPerson_detail{
    width: 100%;min-height: 90px;box-shadow:0px 1px 11px rgba(76,172,255,0.8);padding: 15px;background: #05101A;
    box-sizing: border-box;color: #4CACFF;overflow-y: hidden;margin-bottom: 14px;justify-content: center;align-items: center;
    display: -webkit-flex;
}
.odd{border-radius: 25px 4px 25px 4px;}
.even{border-radius: 4px 25px 4px 25px;}
.InnerPerson_detail img{border-radius: 50%;border: 2px solid #6686a2;}
.odd img{margin-right: 10px;float: left;}
.even img{margin-left: 10px;float: right;}

.personName{font-size: 1.3rem;margin-bottom: 10px;display: block}
.odd .personName{text-align: left}
.even .personName{text-align: right}

.teacher_introduce_t{color: #4CACFF;font-size: 1.6rem;font-weight: bold;text-align: center;line-height: 80px;}

.detail{text-align: justify;font-size: 1.2rem}
.person_title{height: 2.84rem;line-height:1.42rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: justify;}
.odd .arrow{text-align: right;margin-top: 5px;}
.even .arrow{text-align: left;margin-top: 5px;}
.arrow i{font-size: 1.4rem;color: rgba(225,225,225,0.6);}

.paragraph{
    padding: 30px 35px;text-align: justify;line-height: 22px;margin-bottom: 48px;font-size: 1.4rem;
}
.immitelyEnroll,.EnrollNext,.submitForm{
    position: fixed;bottom: 0px;left: 0px;width: 100%;background-color: #4CACFF;color: #FFFFFF;font-size: 1.8rem;
    text-align: center;height: 48px;line-height: 48px;z-index: 100;letter-spacing: 1px;font-weight: bold;
}
.returnBtn{
    position: fixed;bottom: 0px;left: 0px;width: 100%;background-color: #fff;color: #999;font-size: 1.8rem;
    text-align: center;height: 48px;line-height: 48px;z-index: 100;letter-spacing: 1px;font-weight: bold;
}
.submitBillInfo{
    position: absolute;bottom: 0px;background-color: #4CACFF;color: #FFFFFF;font-size: 1.8rem;
    text-align: center;height: 48px;line-height: 48px;z-index: 2;letter-spacing: 1px;font-weight: bold;
    border-radius: 23px;left: 14px;right: 14px;bottom: 20px;
}
.collegeInfo{font-size: 1.6rem;text-align: center;font-weight: bold;color: #343434;padding: 15px 0px;box-sizing: border-box;background-color: #fff;}
/*报名页*/
.payTip{
    font-size: 1.2rem;color: #FF6800;line-height: 1.5rem;margin-top: 5px;text-align: justify;
}
.subtitle{
    font-size: 1.4rem;padding:12px 15px;color: #686868;
}
.infoBar{
    width: 100%;padding: 0px 12px 0px 15px;background-color: #fff;font-size: 1.4rem;min-height: 44px;line-height: 44px;
    box-sizing: border-box;margin-bottom: 5px;position: relative;
}
span.left_tag{font-weight:bold; }
input[type='text'].right_input{
    float: right;border: none;text-align: right;height: 44px;line-height: 44px;outline: none;
    font-size: 1.4rem;width: 70%;/*margin-right: 24px;*/
}
.PositionalRight .magic-radio + label:before,.PositionalRight .magic-checkbox + label:before{
    top:13px!important;
}
.PositionalRight .magic-radio + label:after{
    top: 18px!important;
}
.mr15{margin-right: 15px;}
.infoBar label.right_tag{
    float: right;color: #cccccc;font-size: 1.4rem;margin-right: 24px;
}
.infoBar .rightArrow,.showPanel .rightArrow{
    position: absolute;right: 12px;font-size: 1.2rem;color: #ccc;top: 1px;
}
.DetailAddress{
    height:48px;border:1px solid rgba(235,235,235,1);border-radius:4px;width: 100%;margin-top: 5px;margin-bottom: 15px;
    padding:5px;box-sizing: border-box;font-size: 1.4rem;outline: none;resize:none;
}
.navMenuBack{
    position: fixed;z-index: 99;background-color: rgba(5,16,26,0.2);width: 100%;height: 100%;left: 0;top: 0;
}
.downNav{
    width: 100%;background-color: #fff;position: fixed;z-index:100;bottom: -100%;left: 0px;overflow-y: auto;
}
.downNav li{
    width: 100%;height: 46px;line-height: 46px;font-size: 1.6rem;text-align: center;border-top: 1px solid #EEEEEE;
}
.sexDownNav li:first-child{
    border-top:none;
}
.areaPanel{
    max-height: 280px;overflow-y: auto;
}
.areaBtn{
    position: absolute;left: 0px;top:0px;width: 100%;line-height: 22px;background-color: #fff;
}
.areaBtn a{
    float: left;margin-left: 15px;font-size: 1.4rem;color: #686868;
}
.billContent{
    width: 70%;text-align: right;margin-right: 24px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;
}
/*查看报单*/
.showPanel{
    margin-bottom:10px;padding:10px 14px;box-sizing: border-box;background-color: #fff;line-height: 28px;font-size: 1.4rem;
}
.showPanel p > label{
    float: left;color: #666;
}
.showPanel p > span{
    float: right;color: #333;
}
.bottomBtn{
    position: fixed;bottom: 0px;left: 0px;width: 100%;height: 44px;line-height: 44px;font-size: 1.6rem;text-align: center;z-index: 20;
}
.bottomBtn .leftbtn{
    width: 50%;float: left;background-color: #fff;color: #676767;
}
.bottomBtn .rightbtn{
    width: 50%;float: right;background-color: #4CACFF;color: #fff;
}
.payInfo{
    padding: 10px;box-sizing: border-box;background-color: #F2F9FF;
}
.accountIcon{
    text-align: center;
}
.accountIcon i{
    font-size: 70px;height: 34px;display: block;margin-top: 15px;
}
.accountIcon p{margin-top: 5px;color: #999;}
.accountRight li label{
    color: #666;
}
.accountRight{
    padding-top: 4px;padding-left: 30px;box-sizing: border-box;font-size: 1.4rem;
}
.accountRight li{
    line-height: 20px;margin-top: 3px;
}
.remarkAccount{
    width: 100%;resize: none;height: 80px;border: 1px solid #eee;padding: 5px;box-sizing: border-box;
}
.moneyDetail{
    line-height: 20px;color: #4B4B4B;
}
.sendMoney{
    font-size: 1.6rem;padding-bottom: 5px;text-align: right;
}
.billDownNav,.payTypeDownNav{
    height: 60%;min-height: 280px;overflow-y: auto;
}
.billPanel{
    padding: 15px;box-sizing: border-box;height: 100%;
}
.billBigTitle{
    font-size: 1.6rem;
}
.billSmallTitle{
    font-size: 1.4rem;
}
.billClose{
    font-size: 1.4rem; color:#656565;
}
.billType,.payType{
    margin-bottom: 17px;
}
.billType li,.payType li{
    float: left;font-size: 1.4rem;padding: 0px 20px;border-radius: 10px;height: 20px;line-height: 22px;border:1px solid #CBCBCB;
    color: #CBCBCB;margin-right: 20px;width: auto;
}
.billType li.active,.payType li.active{
    color: #4CACFF;border:1px solid #4CACFF;background-color: #E5F3FF;
}
.billInput{width: 100%;height: 40px;line-height: 40px;margin-bottom: 10px;border:1px solid #eee;border-radius: 20px;
    padding:0px 15px;box-sizing: border-box;outline: none }
.billInput.nullVal{border:1px solid #DD1717;}
.meetInfo{color: #4CACFF;}
.enrollNum{margin:10px 15px;font-size: 1.4rem;}
.lastPrice{color: #bfbfbf;font-size: 0.8em;text-decoration: line-through;margin-left: 5px;margin-top: 2px;}
/*上传图片*/
.weui-uploader__bd {position: relative;width: 100px;height: 100px;}
.weui-uploader__files {list-style: none;}
.weui-uploader__file {
    float: left;margin-right: 9px;margin-bottom: 9px;width: 100px;height: 100px;background: no-repeat center center;
    background-size: cover;
}
.weui-uploader__input-box{
    width: 100%;height: 100%;background: rgba(0,0,0,0.2);border-radius: 10px;z-index: 8;position: absolute;
}
.weui-uploader__input {
    position: absolute;z-index: 1;cursor: pointer;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.weui-uploader__input-box:before {
    width: 2px;height: 50px;
}
.weui-uploader__input-box:after {
    width: 50px;height: 2px;
}
.weui-uploader__input-box:before, .weui-uploader__input-box:after {
    content: " ";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);background-color: #D9D9D9;
}


/* 支付信息 */
.InfoTop{width: 100%;height: 6.5rem;background: linear-gradient(to right, #4CC6FF , #6588F8);justify-content: center;
    align-items: center;display: -webkit-flex;font-size: 1.6rem;color: white;}
  .info_updateBtn{
    display: block;
    width: 60%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #4CC6FF;
    border-radius: 24px;
    font-size: 1.6rem;
    color: #4CC6FF!important;
    margin-top: 1rem;margin:2rem auto;
  }
  .Infos{
    padding:15px;box-sizing: border-box;background: #fff;
  }
  .Infos {margin-bottom: 1rem;}
  .Infos .Infos_title{font-size: 1.5rem;color: #000;margin-bottom: 1rem;}
  .Infos li{margin-bottom: 8px;}
  .Infos li span:first-child{color: #666666;font-size: 1.4rem;float: left;}
  .Infos li span:last-child{color: #333;font-size: 1.4rem;float: right;}
  .Infos .Infos_tag{float: left;height:2.0rem;padding: 0px 0.5rem;box-sizing: border-box;line-height: 2.0rem;
    background: #E6F3FF;color: #4CACFF;cursor: default;margin-right: 1.5rem;margin-bottom: 1.0rem;
  }
  .Infos_btn {background: #fff;height: 5rem;line-height: 5rem;position: absolute;bottom: 0px;left:0px;width: 100%;}
  .Infos_btn a{
    float: left;width: 50%;text-align: center;color: #4CACFF!important;font-size: 1.8rem;
  }
  .Infos_btn a:last-child{
    background: #4CACFF!important;color: #fff!important;  
  }