You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
311 lines
12 KiB
311 lines
12 KiB
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;margin-bottom: 1rem;
|
|
}
|
|
.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;
|
|
}
|
|
.notice_pay{
|
|
position: absolute;
|
|
bottom: 44px;
|
|
padding: 1rem;
|
|
box-sizing: border-box;
|
|
font-size: 1.4rem;
|
|
color: #c6c5c5;
|
|
} |