1515 lines
34 KiB
CSS
1515 lines
34 KiB
CSS
* {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
text-decoration: none;
|
|
list-style: none;
|
|
}
|
|
|
|
#navigation {
|
|
width: 1920px;
|
|
height: 90px;
|
|
background: #FFFFFF;
|
|
box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 9999;
|
|
}
|
|
|
|
|
|
#Home {
|
|
width: 70px;
|
|
height: 19px;
|
|
font-size: 19px;
|
|
/* font-family: PingFang SC; */
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 825px;
|
|
top: 34px
|
|
}
|
|
|
|
#concerning {
|
|
width: 100px;
|
|
height: 19px;
|
|
font-size: 19px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 950px;
|
|
top: 34px;
|
|
}
|
|
|
|
#course {
|
|
width: 100px;
|
|
height: 19px;
|
|
font-size: 19px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #0F5FB6;
|
|
position: absolute;
|
|
left: 1112px;
|
|
top: 34px;
|
|
border-bottom: ;
|
|
}
|
|
|
|
#graduate {
|
|
width: 96px;
|
|
height: 18px;
|
|
font-size: 19px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 1275px;
|
|
top: 34px;
|
|
}
|
|
|
|
#News {
|
|
width: 76px;
|
|
height: 19px;
|
|
font-size: 19px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 1440px;
|
|
top: 34px;
|
|
}
|
|
|
|
#contact {
|
|
width: 80px;
|
|
height: 19px;
|
|
font-size: 19px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 1603px;
|
|
top: 34px;
|
|
}
|
|
|
|
#arrowhead {
|
|
width: 14px;
|
|
height: 8px;
|
|
position: absolute;
|
|
left: 1198px;
|
|
top: 40px;
|
|
}
|
|
#arrowhead-img{
|
|
position: absolute;
|
|
left: 0x;
|
|
top: 3px;
|
|
}
|
|
|
|
#underline {
|
|
width: 38px;
|
|
height: 5px;
|
|
background: #0F5FB6;
|
|
position: absolute;
|
|
left: 1131px;
|
|
top: 85px;
|
|
}
|
|
|
|
#Drop-down-box {
|
|
width: 153px;
|
|
height: 227px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #666666;
|
|
line-height: 41px;
|
|
background-color: #FFFFFF;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 30px;
|
|
display:none;
|
|
z-index: 22;
|
|
|
|
|
|
}
|
|
|
|
#Drop-down-box ul li {
|
|
font-size: 14px;
|
|
}
|
|
|
|
#Principal {
|
|
width: 1920px;
|
|
height: 8651px;
|
|
background-color: #F7F7F7;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
|
|
}
|
|
|
|
#shouye {
|
|
/* background-color: red; */
|
|
width: 89px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: relative;
|
|
top: 21px;
|
|
left: 240px;
|
|
}
|
|
|
|
#java {
|
|
width: 56px;
|
|
height: 15px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
position: absolute;
|
|
top: 21px;
|
|
left: 335px;
|
|
}
|
|
|
|
.imgs {
|
|
width: 614px;
|
|
height: 346px;
|
|
/* background-color: red; */
|
|
position: absolute;
|
|
top: 54px;
|
|
left: 239px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.title {
|
|
width: 217px;
|
|
height: 27px;
|
|
font-size: 29px;
|
|
font-family: PingFang SC;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
position: absolute;
|
|
top: 60px;
|
|
left: 888px;
|
|
}
|
|
|
|
.title-1 {
|
|
width: 114px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
position: absolute;
|
|
top: 109px;
|
|
left: 888px;
|
|
}
|
|
|
|
.title-2 {
|
|
width: 115px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
position: absolute;
|
|
top: 109px;
|
|
left: 1039px;
|
|
}
|
|
|
|
.title-3 {
|
|
width: 253px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
position: absolute;
|
|
top: 109px;
|
|
left: 1190px;
|
|
}
|
|
|
|
.Time {
|
|
width: 468px;
|
|
height: 90px;
|
|
background: #ECECEC;
|
|
border-radius: 6px;
|
|
position: absolute;
|
|
top: 151px;
|
|
left: 894px;
|
|
}
|
|
|
|
.date-1 {
|
|
width: 60px;
|
|
height: 19px;
|
|
font-size: 19px;
|
|
font-family: PingFang SC;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 67px;
|
|
top: 21px;
|
|
}
|
|
|
|
.all-day-1 {
|
|
width: 39px;
|
|
height: 18px;
|
|
font-size: 19px;
|
|
font-family: PingFang SC;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 214px;
|
|
top: 21px;
|
|
}
|
|
|
|
.Application-1 {
|
|
width: 57px;
|
|
height: 19px;
|
|
font-size: 19px;
|
|
font-family: PingFang SC;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 348px;
|
|
top: 21px;
|
|
}
|
|
|
|
.date-2 {
|
|
width: 58px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
position: absolute;
|
|
left: 63px;
|
|
top: 53px;
|
|
}
|
|
|
|
.all-day-2 {
|
|
width: 57px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
position: absolute;
|
|
left: 205px;
|
|
top: 53px;
|
|
}
|
|
|
|
.Application-2 {
|
|
width: 56px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
position: absolute;
|
|
left: 350px;
|
|
top: 53px;
|
|
}
|
|
|
|
.Price {
|
|
width: 50px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
position: absolute;
|
|
left: 888px;
|
|
top: 290px;
|
|
}
|
|
|
|
.money {
|
|
width: 124px;
|
|
height: 21px;
|
|
font-size: 25px;
|
|
font-family: PingFang SC;
|
|
font-weight: 600;
|
|
color: #E33B3B;
|
|
position: absolute;
|
|
left: 934px;
|
|
top: 282px;
|
|
}
|
|
|
|
.immediately {
|
|
width: 264px;
|
|
height: 62px;
|
|
background: #FF7A3E;
|
|
border-radius: 6px;
|
|
position: absolute;
|
|
left: 888px;
|
|
top: 336px;
|
|
}
|
|
|
|
.immediately p {
|
|
width: 86px;
|
|
height: 21px;
|
|
font-size: 20px;
|
|
font-family: PingFang SC;
|
|
font-weight: 600;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
left: 88px;
|
|
top: 15px;
|
|
}
|
|
|
|
.Audition {
|
|
width: 264px;
|
|
height: 62px;
|
|
background: #FFFFFF;
|
|
border: 1px solid #FF7A3E;
|
|
border-radius: 6px;
|
|
position: absolute;
|
|
left: 1176px;
|
|
top: 336px;
|
|
}
|
|
|
|
.Audition-p {
|
|
font-size: 22px;
|
|
/* font-family: PingFang SC; */
|
|
font-weight: 600;
|
|
color: #FF7A3E;
|
|
position: absolute;
|
|
left: 70px;
|
|
top: 15px;
|
|
}
|
|
|
|
.Audition-img {
|
|
width: 22px;
|
|
height: 22px;
|
|
position: absolute;
|
|
left: 170px;
|
|
top: 20px;
|
|
}
|
|
|
|
#Principal-two {
|
|
width: 1440px;
|
|
height: 540px;
|
|
background: #FFFFFF;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
|
|
.One {
|
|
width: 440px;
|
|
height: 194px;
|
|
border: 1px solid #E6E6E6;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 35px;
|
|
top: 29px;
|
|
}
|
|
|
|
.One-top {
|
|
width: 438px;
|
|
height: 50px;
|
|
background: #F7F7F7;
|
|
position: absolute;
|
|
left: 1px;
|
|
top: 1px;
|
|
|
|
|
|
}
|
|
|
|
.One-top-text {
|
|
width: 78px;
|
|
height: 29px;
|
|
background: #D8D8D8;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 18px;
|
|
top: 11px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.Hick {
|
|
width: 90px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 337px;
|
|
top: 17px;
|
|
}
|
|
|
|
.text {
|
|
width: 420px;
|
|
height: 17px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: -35px;
|
|
top: 68px;
|
|
}
|
|
|
|
.text-2 {
|
|
width: 100px;
|
|
height: 16px;
|
|
font-size: 17px;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 19px;
|
|
top: 100px
|
|
}
|
|
|
|
#but1 {
|
|
width: 108px;
|
|
height: 42px;
|
|
background: #FF7A3E;
|
|
border-radius: 6px;
|
|
border: none;
|
|
position: absolute;
|
|
left: 19px;
|
|
top: 133px;
|
|
|
|
}
|
|
|
|
|
|
.but1-p {
|
|
width: 70px;
|
|
height: 15px;
|
|
font-size: 16px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 10px;
|
|
}
|
|
|
|
.Two {
|
|
width: 440px;
|
|
height: 194px;
|
|
border: 1px solid #E6E6E6;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 500px;
|
|
top: 29px;
|
|
}
|
|
|
|
.Two-top {
|
|
width: 438px;
|
|
height: 50px;
|
|
background: #F7F7F7;
|
|
position: absolute;
|
|
left: 1px;
|
|
top: 1px;
|
|
|
|
|
|
}
|
|
|
|
.Two-top-text {
|
|
width: 78px;
|
|
height: 29px;
|
|
background: #D8D8D8;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 18px;
|
|
top: 11px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.Hick {
|
|
width: 90px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 337px;
|
|
top: 17px;
|
|
}
|
|
|
|
.text {
|
|
width: 420px;
|
|
height: 17px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 18px;
|
|
top: 68px;
|
|
}
|
|
|
|
.text-2 {
|
|
width: 100px;
|
|
height: 16px;
|
|
font-size: 17px;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 19px;
|
|
top: 100px
|
|
}
|
|
|
|
#but1 {
|
|
width: 108px;
|
|
height: 42px;
|
|
background: #FF7A3E;
|
|
border-radius: 6px;
|
|
border: none;
|
|
position: absolute;
|
|
left: 19px;
|
|
top: 133px;
|
|
|
|
}
|
|
|
|
|
|
.but1-p {
|
|
width: 70px;
|
|
height: 15px;
|
|
font-size: 16px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 10px;
|
|
}
|
|
|
|
.Three {
|
|
width: 440px;
|
|
height: 194px;
|
|
border: 1px solid #E6E6E6;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 966px;
|
|
top: 29px;
|
|
}
|
|
|
|
.Three-top {
|
|
width: 438px;
|
|
height: 50px;
|
|
background: #F7F7F7;
|
|
position: absolute;
|
|
left: 1px;
|
|
top: 1px;
|
|
|
|
|
|
}
|
|
|
|
.Three-top-text {
|
|
width: 78px;
|
|
height: 29px;
|
|
background: #D8D8D8;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 18px;
|
|
top: 11px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.Hick {
|
|
width: 90px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 337px;
|
|
top: 17px;
|
|
}
|
|
|
|
.text {
|
|
width: 420px;
|
|
height: 17px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 18px;
|
|
top: 68px;
|
|
}
|
|
|
|
.text-2 {
|
|
width: 100px;
|
|
height: 16px;
|
|
font-size: 17px;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 19px;
|
|
top: 100px
|
|
}
|
|
|
|
#but1 {
|
|
width: 108px;
|
|
height: 42px;
|
|
background: #FF7A3E;
|
|
border-radius: 6px;
|
|
border: none;
|
|
position: absolute;
|
|
left: 19px;
|
|
top: 133px;
|
|
|
|
}
|
|
|
|
|
|
.but1-p {
|
|
width: 70px;
|
|
height: 15px;
|
|
font-size: 16px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 10px;
|
|
}
|
|
|
|
.Four {
|
|
width: 440px;
|
|
height: 194px;
|
|
border: 1px solid #E6E6E6;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 35px;
|
|
top: 249px;
|
|
}
|
|
|
|
.Four-top {
|
|
width: 438px;
|
|
height: 50px;
|
|
background: #F7F7F7;
|
|
position: absolute;
|
|
left: 1px;
|
|
top: 1px;
|
|
|
|
|
|
}
|
|
|
|
.Four-top-text {
|
|
width: 78px;
|
|
height: 29px;
|
|
background: #D8D8D8;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 18px;
|
|
top: 11px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.Hick {
|
|
width: 90px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 337px;
|
|
top: 17px;
|
|
}
|
|
|
|
.text {
|
|
width: 420px;
|
|
height: 17px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 18px;
|
|
top: 68px;
|
|
}
|
|
|
|
.text-2 {
|
|
width: 100px;
|
|
height: 16px;
|
|
font-size: 17px;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 19px;
|
|
top: 100px
|
|
}
|
|
|
|
#but1 {
|
|
width: 108px;
|
|
height: 42px;
|
|
background: #FF7A3E;
|
|
border-radius: 6px;
|
|
border: none;
|
|
position: absolute;
|
|
left: 19px;
|
|
top: 133px;
|
|
|
|
}
|
|
|
|
|
|
.but1-p {
|
|
width: 70px;
|
|
height: 15px;
|
|
font-size: 16px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 10px;
|
|
}
|
|
|
|
.Five {
|
|
width: 440px;
|
|
height: 194px;
|
|
border: 1px solid #E6E6E6;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 500px;
|
|
top: 249px;
|
|
}
|
|
|
|
.Five-top {
|
|
width: 438px;
|
|
height: 50px;
|
|
background: #F7F7F7;
|
|
position: absolute;
|
|
left: 1px;
|
|
top: 1px;
|
|
|
|
|
|
}
|
|
|
|
.Five-top-text {
|
|
width: 78px;
|
|
height: 29px;
|
|
background: #D8D8D8;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 18px;
|
|
top: 11px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.Hick {
|
|
width: 90px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 337px;
|
|
top: 17px;
|
|
}
|
|
|
|
.text {
|
|
width: 420px;
|
|
height: 17px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 18px;
|
|
top: 68px;
|
|
}
|
|
|
|
.text-2 {
|
|
width: 100px;
|
|
height: 16px;
|
|
font-size: 17px;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 19px;
|
|
top: 100px
|
|
}
|
|
|
|
#but1 {
|
|
width: 108px;
|
|
height: 42px;
|
|
background: #FF7A3E;
|
|
border-radius: 6px;
|
|
border: none;
|
|
position: absolute;
|
|
left: 19px;
|
|
top: 133px;
|
|
|
|
}
|
|
|
|
|
|
.but1-p {
|
|
width: 70px;
|
|
height: 15px;
|
|
font-size: 16px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 10px;
|
|
}
|
|
|
|
.Six {
|
|
width: 440px;
|
|
height: 194px;
|
|
border: 1px solid #E6E6E6;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 966px;
|
|
top: 249px;
|
|
}
|
|
|
|
.Six-top {
|
|
width: 438px;
|
|
height: 50px;
|
|
background: #F7F7F7;
|
|
position: absolute;
|
|
left: 1px;
|
|
top: 1px;
|
|
|
|
|
|
}
|
|
|
|
.Six-top-text {
|
|
width: 78px;
|
|
height: 29px;
|
|
background: #D8D8D8;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 18px;
|
|
top: 11px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.Hick {
|
|
width: 90px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 337px;
|
|
top: 17px;
|
|
}
|
|
|
|
.text {
|
|
width: 420px;
|
|
height: 17px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 18px;
|
|
top: 68px;
|
|
}
|
|
|
|
.text-2 {
|
|
width: 100px;
|
|
height: 16px;
|
|
font-size: 17px;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 19px;
|
|
top: 100px
|
|
}
|
|
|
|
#but1 {
|
|
width: 108px;
|
|
height: 42px;
|
|
background: #FF7A3E;
|
|
border-radius: 6px;
|
|
border: none;
|
|
position: absolute;
|
|
left: 19px;
|
|
top: 133px;
|
|
|
|
}
|
|
|
|
|
|
.but1-p {
|
|
width: 70px;
|
|
height: 15px;
|
|
font-size: 16px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 10px;
|
|
}
|
|
|
|
#left {
|
|
width: 64px;
|
|
height: 42px;
|
|
background: #F4F9FF;
|
|
border: 1px solid #D8DBE6;
|
|
position: absolute;
|
|
left: 658px;
|
|
top: 468px;
|
|
font-size: 20px;
|
|
|
|
}
|
|
|
|
#right {
|
|
width: 64px;
|
|
height: 42px;
|
|
background: #F4F9FF;
|
|
border: 1px solid #D8DBE6;
|
|
position: absolute;
|
|
left: 720px;
|
|
top: 468px;
|
|
}
|
|
|
|
.course-img {
|
|
width: 1061px;
|
|
height: 7483px;
|
|
/* background-color: red; */
|
|
position: absolute;
|
|
left: 242px;
|
|
top: 990px;
|
|
}
|
|
|
|
.course-img1 {
|
|
width: 1061px;
|
|
height: 7483px;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
|
|
.vx-Principal {
|
|
width: 348px;
|
|
height: 584px;
|
|
background: #FFFFFF;
|
|
border-radius: 12px;
|
|
position: absolute;
|
|
left: 1332px;
|
|
top: 999px;
|
|
}
|
|
|
|
.bzr {
|
|
width: 230px;
|
|
height: 19px;
|
|
font-size: 19px;
|
|
font-family: PingFang SC;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 24px;
|
|
top: 27px;
|
|
}
|
|
|
|
#Two-microcodes {
|
|
width: 289px;
|
|
height: 380px;
|
|
border: 1px solid #ECECEC;
|
|
position: absolute;
|
|
left: 29px;
|
|
top: 70px;
|
|
/* background-color: #0F5FB6; */
|
|
}
|
|
|
|
.avatar {
|
|
width: 54px;
|
|
height: 54px;
|
|
background: #D8D8D8;
|
|
border-radius: 6px;
|
|
position: absolute;
|
|
left: 18px;
|
|
top: 16px;
|
|
}
|
|
|
|
.avatar img {
|
|
width: 54px;
|
|
height: 54px;
|
|
}
|
|
|
|
.vx-name {
|
|
width: 70px;
|
|
height: 16px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 87px;
|
|
top: 30px;
|
|
}
|
|
|
|
.Personalized-signature {
|
|
width: 89px;
|
|
height: 12px;
|
|
font-size: 12px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
position: absolute;
|
|
left: 86px;
|
|
top: 58px;
|
|
}
|
|
|
|
#QR-code {
|
|
width: 210px;
|
|
height: 210px;
|
|
border: 1px solid #ECECEC;
|
|
position: absolute;
|
|
left: 69px;
|
|
top: 175px;
|
|
}
|
|
|
|
.Sweep {
|
|
width: 180px;
|
|
height: 12px;
|
|
font-size: 12px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
position: absolute;
|
|
left: 84px;
|
|
top: 404px;
|
|
}
|
|
|
|
.WeChat {
|
|
width: 185px;
|
|
height: 42px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
line-height: 26px;
|
|
position: absolute;
|
|
left: 81px;
|
|
top: 471px;
|
|
}
|
|
|
|
.Questions-to-ask {
|
|
width: 215px;
|
|
height: 15px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 23px;
|
|
position: absolute;
|
|
left: 66px;
|
|
top: 540px;
|
|
}
|
|
|
|
.lecturer-Principal {
|
|
width: 348px;
|
|
height: 418px;
|
|
background: #FFFFFF;
|
|
border-radius: 12px;
|
|
position: absolute;
|
|
left: 1332px;
|
|
top: 1608px;
|
|
}
|
|
|
|
.Principal {
|
|
width: 38px;
|
|
height: 19px;
|
|
font-size: 19px;
|
|
font-family: PingFang SC;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 24px;
|
|
top: 21px;
|
|
}
|
|
|
|
.tx {
|
|
width: 60px;
|
|
height: 60px;
|
|
background: #D8D8D8;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 64px;
|
|
}
|
|
|
|
.tx-img {
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px
|
|
}
|
|
|
|
.teacher {
|
|
width: 60px;
|
|
height: 16px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 96px;
|
|
top: 70px
|
|
}
|
|
|
|
.introduce {
|
|
width: 185px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 300;
|
|
color: #999999;
|
|
position: absolute;
|
|
left: 96px;
|
|
top: 103px
|
|
}
|
|
|
|
.Down-arrow {
|
|
width: 13px;
|
|
height: 7px;
|
|
/* background: #666666; */
|
|
position: absolute;
|
|
left: 290px;
|
|
top: 109px;
|
|
}
|
|
|
|
.Down-arrow img {
|
|
width: 13px;
|
|
height: 7px;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
|
|
.Courses-are-taught {
|
|
width: 300px;
|
|
height: 67px;
|
|
background: #F7F7F7;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 24px;
|
|
top: 145px
|
|
}
|
|
|
|
.Courses-are-taught p {
|
|
color: #999999;
|
|
position: absolute;
|
|
left: 12px;
|
|
top: 13px
|
|
}
|
|
|
|
.Courses-are-taught samp {
|
|
position: absolute;
|
|
left: 100px;
|
|
top: 13px
|
|
}
|
|
|
|
.tx1 {
|
|
width: 60px;
|
|
height: 60px;
|
|
background: #D8D8D8;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 249px;
|
|
}
|
|
|
|
.tx-img {
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px
|
|
}
|
|
|
|
.teacher-1 {
|
|
width: 60px;
|
|
height: 16px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 96px;
|
|
top: 258px
|
|
}
|
|
|
|
.introduce-1 {
|
|
width: 185px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 300;
|
|
color: #999999;
|
|
position: absolute;
|
|
left: 96px;
|
|
top: 284px
|
|
}
|
|
|
|
.Down-arrow-1 {
|
|
width: 13px;
|
|
height: 7px;
|
|
/* background: #666666; */
|
|
position: absolute;
|
|
left: 290px;
|
|
top: 284px;
|
|
}
|
|
|
|
.Down-arrow img-1 {
|
|
width: 13px;
|
|
height: 7px;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
|
|
.Courses-are-taught-1 {
|
|
width: 300px;
|
|
height: 67px;
|
|
background: #F7F7F7;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
left: 24px;
|
|
top: 326px
|
|
}
|
|
|
|
.Courses-are-taught-1 p {
|
|
color: #999999;
|
|
position: absolute;
|
|
left: 12px;
|
|
top: 13px
|
|
}
|
|
|
|
.Courses-are-taught-1 samp {
|
|
position: absolute;
|
|
left: 100px;
|
|
top: 13px
|
|
}
|
|
|
|
.student {
|
|
width: 348px;
|
|
height: 454px;
|
|
background: #FFFFFF;
|
|
border-radius: 12px;
|
|
position: absolute;
|
|
left: 1330px;
|
|
top: 2049px
|
|
}
|
|
|
|
.titie {
|
|
width: 90px;
|
|
height: 19px;
|
|
font-size: 19px;
|
|
font-family: PingFang SC;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
position: absolute;
|
|
left: 25px;
|
|
top: 21px
|
|
}
|
|
|
|
.titie-img {
|
|
width: 348px;
|
|
height: 66px;
|
|
/* background-color: red; */
|
|
position: absolute;
|
|
top: 77px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.titie-img .t1 {
|
|
width: 66px;
|
|
height: 66px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.titie-text {
|
|
width: 348px;
|
|
height: 30px;
|
|
/* background-color:yellow; */
|
|
position: absolute;
|
|
top: 145px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.titie-img-1 {
|
|
width: 348px;
|
|
height: 66px;
|
|
/* background-color: red; */
|
|
position: absolute;
|
|
top: 197px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.titie-img-1 .t1 {
|
|
width: 66px;
|
|
height: 66px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.titie-text-1 {
|
|
width: 348px;
|
|
height: 30px;
|
|
/* background-color:yellow; */
|
|
position: absolute;
|
|
top: 276px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.titie-img-2 {
|
|
width: 348px;
|
|
height: 66px;
|
|
/* background-color: red; */
|
|
position: absolute;
|
|
top: 325px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.titie-img-2 .t1 {
|
|
width: 66px;
|
|
height: 66px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.titie-text-2 {
|
|
width: 348px;
|
|
height: 30px;
|
|
/* background-color:yellow; */
|
|
position: absolute;
|
|
top: 399px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.Bottom-navigation {
|
|
width: 1920px;
|
|
height: 124px;
|
|
background: #1C1F21;
|
|
position: absolute;
|
|
top: 8527px;
|
|
}
|
|
|
|
.About-us {
|
|
width: 80px;
|
|
height: 16px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
left: 754px;
|
|
top: 39px;
|
|
}
|
|
|
|
.Learning-resources {
|
|
width: 80px;
|
|
height: 16px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #C8CDD2;
|
|
position: absolute;
|
|
left: 870px;
|
|
top: 39px;
|
|
}
|
|
|
|
.frequently-asked-questions {
|
|
width: 80px;
|
|
height: 16px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #C8CDD2;
|
|
position: absolute;
|
|
left: 985px;
|
|
top: 39px;
|
|
}
|
|
|
|
.Quick-navigation {
|
|
width: 68px;
|
|
height: 16px;
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #C8CDD2;
|
|
position: absolute;
|
|
left: 1092px;
|
|
top: 39px;
|
|
}
|
|
|
|
.cp {
|
|
width: 395px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #949699;
|
|
position: absolute;
|
|
left: 761px;
|
|
top: 74px;
|
|
}
|
|
|
|
|
|
.swiper {
|
|
width: 1440px;
|
|
height: 540px;
|
|
background: #FFFFFF;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 429px;
|
|
/* z-index: 999; */
|
|
}
|
|
|
|
.swiper-slide {
|
|
text-align: center;
|
|
font-size: 18px;
|
|
background: #fff;
|
|
|
|
/* Center slide text vertically */
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
-webkit-justify-content: center;
|
|
justify-content: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
}
|
|
|
|
/* .swiper-slide img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
} */
|
|
/* .swiper1-button-next{
|
|
position: relative;
|
|
left: 0px;
|
|
top: 0px;
|
|
} */
|
|
|