|
@@ -2169,80 +2169,8 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- /**************** describe:课程开发平台运营 author: TX date:2022-12-28 ****************/
|
|
|
|
- .client-course-platform-page{
|
|
|
|
- // 产品功能
|
|
|
|
- .course-product-function{
|
|
|
|
- background: #f3f8fe;
|
|
|
|
- .course-product-box{
|
|
|
|
- display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 80px 0;
|
|
|
|
- li{width: 50%;}
|
|
|
|
- h5{font-size: 24px;color: #fff;margin-bottom: 20px;}
|
|
|
|
- p{width:380px;font-size: 16px;color: #fff;line-height: 24px;text-align: justify;}
|
|
|
|
- div{width: 565px;height: 168px;padding: 24px 40px;box-sizing: border-box;margin: 20px auto;
|
|
|
|
- background-repeat: no-repeat;background-position: center;background-size: cover;}
|
|
|
|
- li:nth-child(1) div{background-image: url("~static/images/client/component/product-function-bj1.png");}
|
|
|
|
- li:nth-child(2) div{background-image: url("~static/images/client/component/product-function-bj2.png");}
|
|
|
|
- li:nth-child(3) div{background-image: url("~static/images/client/component/product-function-bj3.png");}
|
|
|
|
- li:nth-child(4) div{background-image: url("~static/images/client/component/product-function-bj4.png");}
|
|
|
|
- li:nth-child(5) div{background-image: url("~static/images/client/component/product-function-bj5.png");}
|
|
|
|
- li:nth-child(6) div{background-image: url("~static/images/client/component/product-function-bj6.png");}
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // 应用场景
|
|
|
|
- .application-scenario-box{
|
|
|
|
- .application-scenario-list{
|
|
|
|
- display: flex;justify-content: space-between;margin: 90px 0;
|
|
|
|
- li{width: 345px;height: 358px;position: relative}
|
|
|
|
- li:nth-child(1){background-image: url("~static/images/client/course/course-platform-img5.png");}
|
|
|
|
- li:nth-child(2){background-image: url("~static/images/client/course/course-platform-img7.png");}
|
|
|
|
- li:nth-child(3){background-image: url("~static/images/client/course/course-platform-img6.png");}
|
|
|
|
- p{width:80%;font-size: 16px;font-weight: 400;text-align: justify;color: #565656;
|
|
|
|
- margin: 170px auto 0;line-height: 26px;}
|
|
|
|
- h4{font-size: 24px;font-weight: 400;color: #fff;position: absolute;bottom: 20px;
|
|
|
|
- left: 0;right: 0;}
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- @media (max-width: 768px){
|
|
|
|
- // 产品功能
|
|
|
|
- .course-product-function {
|
|
|
|
- .course-product-box {
|
|
|
|
- padding: 42px 0;
|
|
|
|
- li {width: 100%;}
|
|
|
|
- h5{font-size: 14px;margin-bottom: 6px;}
|
|
|
|
- p{width:85%;font-size: 10px;line-height: 16px;}
|
|
|
|
- div {width: 283px;height: 84px;margin: 10px auto;padding: 8px 16px;}
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // 应用场景
|
|
|
|
- .application-scenario-box{
|
|
|
|
- .application-scenario-list{
|
|
|
|
- flex-wrap: wrap;justify-content: center;margin: 16px 0;
|
|
|
|
- li{width: 283px;height: 294px;background-position: center;background-repeat: no-repeat;
|
|
|
|
- background-size: contain;margin: 16px 6px;}
|
|
|
|
- p{width:86%;font-size: 12px;margin: 120px auto 0;line-height: 22px;}
|
|
|
|
- h4{font-size: 14px;bottom: 20px;}
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
/**************** describe:课程开发梗概 author: TX date:2022-12-29 ****************/
|
|
/**************** describe:课程开发梗概 author: TX date:2022-12-29 ****************/
|
|
.website-course-synopsis-page{
|
|
.website-course-synopsis-page{
|
|
- /*发展历程*/
|
|
|
|
- .synopsis-company-history{
|
|
|
|
- background:#f8f8f8;
|
|
|
|
- li{
|
|
|
|
- width: 25%;display: inline-block;text-align: center;
|
|
|
|
- div{border-right:2px solid #dfdfdf;margin: 32px 0;}
|
|
|
|
- p{@include setFontStyle(16);padding: 10px 0 16px;color: #0166CB;font-weight: 600;}
|
|
|
|
- h4{@include setFontStyle(-4);color: #565656;padding-bottom: 10px}
|
|
|
|
- }
|
|
|
|
- li:last-child div{border-right: 0;}
|
|
|
|
- }
|
|
|
|
|
|
|
|
/* 核心业务 */
|
|
/* 核心业务 */
|
|
.course-services-box{
|
|
.course-services-box{
|
|
@@ -2250,22 +2178,6 @@
|
|
}
|
|
}
|
|
|
|
|
|
@media (max-width: 768px){
|
|
@media (max-width: 768px){
|
|
- /*发展历程*/
|
|
|
|
- .synopsis-company-history {
|
|
|
|
- ul{
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- align-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
- }
|
|
|
|
- li {
|
|
|
|
- width: 49%;padding-bottom: 14px;
|
|
|
|
- div{border: 0;padding: 24px 0 0;margin: 0;}
|
|
|
|
- p{@include setFontStyle(5);padding: 10px 0;}
|
|
|
|
- h4{@include setFontStyle(-8);}
|
|
|
|
- }
|
|
|
|
- i{width: 1px;height:160px;background-color: #dfdfdf;padding-bottom: 0;}
|
|
|
|
- }
|
|
|
|
|
|
|
|
/* 核心业务 */
|
|
/* 核心业务 */
|
|
.course-services-box{
|
|
.course-services-box{
|
|
@@ -2275,109 +2187,6 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- /**************** describe:课程开发课程大赛 author: TX date:2022-12-29 ****************/
|
|
|
|
- .website-course-compete-page{
|
|
|
|
- padding-bottom: 94px;
|
|
|
|
- // 默认大标题
|
|
|
|
- .client-subtitle-title{width: 900px;margin-top: 40px;}
|
|
|
|
-
|
|
|
|
- // 新大标题
|
|
|
|
- .course-compete-title{
|
|
|
|
- text-align: center;position: relative;height: 102px;line-height: 102px;
|
|
|
|
- em{font-size: 124px;font-weight: 600;color: #0077ff;opacity: 0.18;position: absolute;transform: translate(5%);}
|
|
|
|
- span{font-size: 36px;font-weight: 400;color: #333;}
|
|
|
|
- }
|
|
|
|
- // 新副标题
|
|
|
|
- .course-compete-subtitle-title{
|
|
|
|
- font-size: 24px;font-weight: 400;text-align: center;color: #0066cc;display: flex;
|
|
|
|
- justify-content: center;align-items: center;margin-top: 55px;
|
|
|
|
- i{width: 10px;height: 1px;margin: 0 8px;display: block;background: #0066cc;}
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // 按钮
|
|
|
|
- .course-compete-btn{width: 138px;height: 50px;line-height:50px;background: #0065cd;border-radius: 6px;display: block;
|
|
|
|
- font-size: 16px;font-weight: 400;color: #ffffff;text-align: center;margin: 0 auto;}
|
|
|
|
-
|
|
|
|
- // 蓝色背景
|
|
|
|
- .compete-blue-bj{background: #f3f8fe;}
|
|
|
|
-
|
|
|
|
- // 栋科提供的服务
|
|
|
|
- .dk-service-box{
|
|
|
|
- padding-bottom: 94px;
|
|
|
|
- ul{display: flex;justify-content: space-between;margin: 120px 0;}
|
|
|
|
- li{width: 283px;height: 227px;background-size: cover;background-repeat: no-repeat;background-position: center;}
|
|
|
|
- li:nth-child(1) {background-image: url("~static/images/client/course/course-compete-dk1.png");}
|
|
|
|
- li:nth-child(2) {background-image: url("~static/images/client/course/course-compete-dk2.png");}
|
|
|
|
- li:nth-child(3) {background-image: url("~static/images/client/course/course-compete-dk3.png");}
|
|
|
|
- li:nth-child(4) {background-image: url("~static/images/client/course/course-compete-dk4.png");}
|
|
|
|
- p{font-size: 24px;color: #fff;font-weight: normal;margin: 155px 0 0;}
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // 知识萃取
|
|
|
|
- .compete-introduce-box{
|
|
|
|
- padding: 100px 0;
|
|
|
|
- img{max-width: 100%;margin: 80px auto 90px;display: block;}
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // 微课培训
|
|
|
|
- .compete-introduce-list{
|
|
|
|
- display: flex;justify-content: space-between;margin: 46px 0 80px;
|
|
|
|
- li{width: 204px;height: 237px;background-repeat: no-repeat;background-size: cover;padding: 0 30px;box-sizing: border-box;}
|
|
|
|
- p{font-size: 18px;text-align: center;color: #0066cc;margin-top: 122px}
|
|
|
|
- li:nth-child(1) {background-image: url("~static/images/client/course/compete-wkpx-img1.png");}
|
|
|
|
- li:nth-child(2) {background-image: url("~static/images/client/course/compete-wkpx-img2.png");}
|
|
|
|
- li:nth-child(3) {background-image: url("~static/images/client/course/compete-wkpx-img3.png");}
|
|
|
|
- li:nth-child(4) {background-image: url("~static/images/client/course/compete-wkpx-img4.png");}
|
|
|
|
- li:nth-child(5) {background-image: url("~static/images/client/course/compete-wkpx-img5.png");}
|
|
|
|
- }
|
|
|
|
|
|
|
|
- @media (max-width: 768px){
|
|
|
|
- padding: 0;
|
|
|
|
- // 默认大标题
|
|
|
|
- .client-subtitle-title{width: 90%;margin-top: 20px;text-align: center;}
|
|
|
|
-
|
|
|
|
- // 新大标题
|
|
|
|
- .course-compete-title{
|
|
|
|
- height: 51px;line-height: 51px;
|
|
|
|
- em{font-size: 62px;transform: translate(5%);}
|
|
|
|
- span{font-size: 18px;}
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // 新副标题
|
|
|
|
- .course-compete-subtitle-title{
|
|
|
|
- font-size: 15px;margin-top: 32px;
|
|
|
|
- i{width: 5px;height: 1px;margin: 0 4px;}
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // 按钮
|
|
|
|
- .course-compete-btn{width: 90px;height: 30px;line-height:30px;font-size: 12px;border-radius: 4px;}
|
|
|
|
-
|
|
|
|
- // 栋科提供的服务
|
|
|
|
- .dk-service-box{
|
|
|
|
- padding: 16px 0 24px;
|
|
|
|
- ul{justify-content: center;flex-wrap: wrap;margin: 32px 0;}
|
|
|
|
- li{width: 141px;height: 113px;margin: 10px;}
|
|
|
|
- p{font-size: 12px;margin: 78px 0 0;}
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // 知识萃取
|
|
|
|
- .compete-introduce-box{
|
|
|
|
- padding: 50px 0;
|
|
|
|
- img{margin: 42px auto;}
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // 微课培训
|
|
|
|
- .compete-introduce-list{
|
|
|
|
- margin: 46px 0 80px;flex-wrap: wrap;justify-content: center;margin: 16px -6px;
|
|
|
|
- li{width: 106px;height: 120px;padding: 0 10px;margin:16px 6px;background-size: contain}
|
|
|
|
- p{font-size: 11px;margin-top: 62px}
|
|
|
|
- li:nth-child(1) {background-image: url("~static/images/client/course/compete-wkpx-img1.png");}
|
|
|
|
- li:nth-child(2) {background-image: url("~static/images/client/course/compete-wkpx-img2.png");}
|
|
|
|
- li:nth-child(3) {background-image: url("~static/images/client/course/compete-wkpx-img3.png");}
|
|
|
|
- li:nth-child(4) {background-image: url("~static/images/client/course/compete-wkpx-img4.png");}
|
|
|
|
- li:nth-child(5) {background-image: url("~static/images/client/course/compete-wkpx-img5.png");}
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
|
|
|