185 lines
2.8 KiB
Plaintext
185 lines
2.8 KiB
Plaintext
|
html,body{
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
body{
|
||
|
|
width: 80%;
|
||
|
|
background-color: #ADCAC8;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.top{
|
||
|
|
height: 25%;
|
||
|
|
width: 100%;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.top_T{
|
||
|
|
/*background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#0F72C2), to(#F5F9FD));*/
|
||
|
|
background-image: url(../img/top.png);
|
||
|
|
height: 80%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.login{
|
||
|
|
font-size: 20px;
|
||
|
|
color: red;
|
||
|
|
}
|
||
|
|
.title{
|
||
|
|
font-family: "微软雅黑";
|
||
|
|
color: white;
|
||
|
|
font-size: 30px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.nav{
|
||
|
|
background-color: #337866;
|
||
|
|
height: 18%;
|
||
|
|
width: 100%;
|
||
|
|
padding-top: 0.5%;
|
||
|
|
}
|
||
|
|
.nav00{
|
||
|
|
color: white;
|
||
|
|
font-size: 18px;
|
||
|
|
text-decoration:none;
|
||
|
|
margin-left:12.5% ;
|
||
|
|
}
|
||
|
|
.nav00:visited{
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
.main{
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.bottom{
|
||
|
|
width: 80%;
|
||
|
|
background-color: #337866;
|
||
|
|
}
|
||
|
|
/*视频、课件css*/
|
||
|
|
.edu_main{
|
||
|
|
width: 100%;
|
||
|
|
height: 180%;
|
||
|
|
background-color: #ADCAC8 ;
|
||
|
|
}
|
||
|
|
.upVideo{
|
||
|
|
width: 100%;
|
||
|
|
height: 25%;
|
||
|
|
}
|
||
|
|
.up_title{
|
||
|
|
color: #ADCAC8;
|
||
|
|
font-size: 1px;
|
||
|
|
width: 100%;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.major{
|
||
|
|
border-top-left-radius:30px;
|
||
|
|
border-top-right-radius:30px;
|
||
|
|
border-bottom-left-radius:30px;
|
||
|
|
border-bottom-right-radius:30px;
|
||
|
|
margin-left: 1%;
|
||
|
|
width: 98%;
|
||
|
|
height: 88%;
|
||
|
|
background-color: #EEF3FA;
|
||
|
|
border: 1px solid black;
|
||
|
|
}
|
||
|
|
.major1{
|
||
|
|
border-top-left-radius:30px;
|
||
|
|
border-top-right-radius:30px;
|
||
|
|
border-bottom-left-radius:30px;
|
||
|
|
border-bottom-right-radius:30px;
|
||
|
|
margin-left: 1%;
|
||
|
|
width: 98%;
|
||
|
|
height: 75%;
|
||
|
|
background-color: #EEF3FA;
|
||
|
|
border: 1px solid black;
|
||
|
|
margin-top: 1%;
|
||
|
|
}
|
||
|
|
.btn0{
|
||
|
|
color:#169BD5;
|
||
|
|
font-size: 20px;
|
||
|
|
margin-left: 50%;
|
||
|
|
border: none;
|
||
|
|
float: left;
|
||
|
|
width: 80px;
|
||
|
|
height: 30px;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.btn{
|
||
|
|
color:#169BD5;
|
||
|
|
font-size: 20px;
|
||
|
|
border: none;
|
||
|
|
width: 80px;
|
||
|
|
height: 30px;
|
||
|
|
text-decoration: none;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
.recoVideo{
|
||
|
|
width: 100%;
|
||
|
|
height: 20%;
|
||
|
|
margin-top: 0.7%;
|
||
|
|
}
|
||
|
|
.stuVideo{
|
||
|
|
width: 100%;
|
||
|
|
height: 20%;
|
||
|
|
margin-top: 0.7%;
|
||
|
|
}
|
||
|
|
.hisVideo{
|
||
|
|
width: 100%;
|
||
|
|
height: 20%;
|
||
|
|
margin-top: 0.7%;
|
||
|
|
}
|
||
|
|
.re_title{
|
||
|
|
color: #D2B000;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
/*员工课堂*/
|
||
|
|
.emp_show{
|
||
|
|
width: 100%;
|
||
|
|
height: 35%;
|
||
|
|
margin-top: 2%;
|
||
|
|
}
|
||
|
|
.emp_new{
|
||
|
|
width: 100%;
|
||
|
|
height: 30%;
|
||
|
|
margin-top: 2%;
|
||
|
|
}
|
||
|
|
.emp_bouti{
|
||
|
|
width: 100%;
|
||
|
|
height: 30%;
|
||
|
|
margin-top: 2%;
|
||
|
|
}
|
||
|
|
.emp_his{
|
||
|
|
width: 100%;
|
||
|
|
height: 30%;
|
||
|
|
margin-top: 2%;
|
||
|
|
}
|
||
|
|
.display{
|
||
|
|
width: 30%;
|
||
|
|
height: 100%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.right{
|
||
|
|
width: 68%;
|
||
|
|
height: 100%;
|
||
|
|
margin-left: 2%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.r_top{
|
||
|
|
width: 100%;
|
||
|
|
height: 48%;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.r_bottom{
|
||
|
|
width: 100%;
|
||
|
|
height: 48%;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.new_title{
|
||
|
|
width: 18%;
|
||
|
|
height: 15%;
|
||
|
|
background-color: #169BD5;
|
||
|
|
border-top-left-radius:10px;
|
||
|
|
border-top-right-radius:10px;
|
||
|
|
border-bottom-left-radius:10px;
|
||
|
|
border-bottom-right-radius:10px;
|
||
|
|
}
|
||
|
|
.emp_video{
|
||
|
|
width: 100%;
|
||
|
|
height: 85%;
|
||
|
|
margin-top: 2%;
|
||
|
|
}
|