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.
193 lines
4.8 KiB
193 lines
4.8 KiB
*{margin: 0px;padding: 0px;}
|
|
a,a:hover,a:active,a:visited,a:link,a:focus{
|
|
text-decoration:none;
|
|
color:#666666;
|
|
}
|
|
.header{display: flex;width: 100%;position: fixed;background: #ffffff;}
|
|
.header .item{text-align: center;flex: 1;color: #666666;font-size: 16px; line-height:44px; }
|
|
.header .item a{padding-bottom: 10px;}
|
|
.header .isselect a{color:#31A462}
|
|
.header .isselect a{border-bottom: 3px solid #31A462;}
|
|
|
|
.bottomDiv{
|
|
|
|
background: #f9f9f9;
|
|
background: url("./images/bg1.png") no-repeat;
|
|
/*background-size: 100% 100%;*/
|
|
|
|
/*background: url("./images/bg1.png");*/
|
|
/*background-repeat: repeat-y;*/
|
|
}
|
|
.beforeCon .title{
|
|
color: #333333; font-size: 20px;font-weight: bold; text-align: center;
|
|
}
|
|
.beforeCon .title img{margin:0px 10px;}
|
|
.beforeCon .content{
|
|
padding: 15px; text-align:justify;color: #333333; font-size: 16px; line-height:22px;
|
|
}
|
|
.middle .title{
|
|
align-items:center; display: -webkit-flex;justify-content:center; display: -webkit-flex;
|
|
color: #333333; font-size: 20px;padding: 5px 0px;font-weight: bold; text-align: center;
|
|
|
|
}
|
|
.middle .content{
|
|
padding: 15px; text-align:justify;color: #333333; font-size: 16px; line-height:22px;
|
|
display: flex; align-items:center;
|
|
}
|
|
.middle .title img{margin:0px 10px;}
|
|
.tongTitle{
|
|
color: #333333; font-size: 16px;font-weight: bold; text-align: left;
|
|
margin-left:15px;
|
|
background: url("./images/bg2.png") no-repeat left bottom;
|
|
}
|
|
.tongContent{
|
|
padding: 15px; text-align:justify;color: #666666; font-size: 14px; line-height:20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*时间轴*/
|
|
.schedule_list {
|
|
|
|
}
|
|
|
|
.schedule_list li {
|
|
position: relative;
|
|
padding: 0 0 10px 20px;
|
|
border-left: 2px solid #D8D8D8;
|
|
list-style: none;
|
|
display: flex;
|
|
font-size: 14px;
|
|
color: #333333;
|
|
padding-bottom: 25px;
|
|
}
|
|
|
|
.schedule_list li .submit{
|
|
width:78px;
|
|
height:26px;
|
|
border-radius:15px;
|
|
border:1px solid #49AA6F;
|
|
margin-left:auto;text-align: center;color: #49AA6F;line-height: 26px;
|
|
}
|
|
|
|
.schedule_list li .subend{
|
|
border:1px solid #AAAAAA;color: #AAAAAA;
|
|
}
|
|
.remark{
|
|
color:#999999;font-size: 12px;
|
|
}
|
|
.schedule_list li:before {
|
|
position: absolute;
|
|
left: -6px;
|
|
top: 0;
|
|
content: "";
|
|
width: 7px;
|
|
height: 7px;
|
|
border-radius: 7px;
|
|
border: 2px solid #A7D4B9;
|
|
background: #49AA6F;
|
|
}
|
|
|
|
.schedule_list .done:before {
|
|
border-color: #DDDEDE;
|
|
background: #D3D3D3;
|
|
}
|
|
|
|
.schedule_list .last{
|
|
border-left:none;
|
|
}
|
|
.schedule_list .last:before{
|
|
left: -4px;
|
|
}
|
|
/*时间轴end*/
|
|
.tongContent .enroll{
|
|
background: #ffffff;
|
|
align-items:center; display: -webkit-flex; justify-content:center; display: -webkit-flex;
|
|
margin-top:8px;
|
|
}
|
|
.tongContent .enroll .left{
|
|
background: #559C74;color: #ffffff;
|
|
width: 90px;padding:15px 0px;
|
|
text-align: center;font-size: 16px;
|
|
}
|
|
.tongContent .enroll .middle{
|
|
font-size: 12px;color: #999999;flex: 1;margin:5px;
|
|
}
|
|
|
|
.progress{height: 10px;border-radius: 5px;background: #EFF6F3}
|
|
.progressSon{width: 60%;height: 10px;background: #64B688;border-radius: 5px;
|
|
}
|
|
.progressEnd{height: 10px;border-radius: 5px;background: #AAAAAA}
|
|
.progressSonEnd{width: 60%;height: 10px;background: #AAAAAA;border-radius: 5px;
|
|
}
|
|
.tongContent .enroll .right{
|
|
background: #31A462;width:78px;line-height: 30px;margin-right: 10px;
|
|
height:30px;border-radius: 2px;color:#fff;text-align: center;
|
|
}
|
|
.tongContent .enroll .end{
|
|
background: #AAAAAA;
|
|
}
|
|
.pop_bg{
|
|
width: 100%;background: #000000;position: fixed;top:0;left: 0;z-index: 999;opacity: 0.5;
|
|
}
|
|
.pop_con{
|
|
background: #ffffff;position: fixed;bottom:0;left: 0;z-index: 1000;width: 100%;
|
|
border-radius:20px 20px 0px 0px;
|
|
}
|
|
.pop_con .close{
|
|
display: flex;
|
|
}
|
|
.pop_con .close img{
|
|
margin-left: auto;
|
|
margin-top:20px;margin-right:20px;
|
|
}
|
|
|
|
.pop_con .list{
|
|
color: #666666;font-size: 14px;line-height: 30px;
|
|
}
|
|
|
|
.myInput{
|
|
border:1px solid #E6E6E6;border-radius: 2px;line-height: 38px;margin-top:8px;
|
|
color: #333333;font-size: 14px;padding-left: 5px;
|
|
display: flex;
|
|
}
|
|
.myInput span{
|
|
color:red;
|
|
}
|
|
.myInput .inputText{
|
|
flex: 1;padding-left: 10px;border:none;background: none;
|
|
}
|
|
.inputDis{
|
|
border:1px solid #FFFFFF;
|
|
}
|
|
|
|
.myBottom{
|
|
margin-top:15px;
|
|
box-shadow: 0px -2px 2px #dedede;
|
|
padding: 5px 0px;
|
|
padding-bottom: 20px;
|
|
display: flex;
|
|
}
|
|
.myBottom .myInputSub{
|
|
text-align:center;background: #999999;color: #ffffff;line-height: 44px;font-size: 16px;
|
|
border-radius: 2px;
|
|
flex: 1;margin:0px 15px;border: 1px solid #999999;
|
|
}
|
|
.myBottom .kongColor{
|
|
color: #31A462;border: 1px solid #31A462;
|
|
background:none;
|
|
}
|
|
|
|
.myBottom .shiColor{
|
|
color: #ffffff;border: 1px solid #31A462;
|
|
background:#31A462;
|
|
}
|
|
.van-over{
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
/*军训页面*/
|
|
.toptitle{
|
|
background: #31A462;color: #ffffff;text-align: center;font-size: 16px;line-height: 44px;
|
|
} |