|
|
@@ -698,6 +698,57 @@
|
|
|
padding-bottom: 80px;
|
|
|
li:not(:last-child){margin-right: 80px;}
|
|
|
}
|
|
|
+
|
|
|
+ @media (max-width: 768px){
|
|
|
+ /* 网站banner */
|
|
|
+ .client-course-banner{height: 150px;background-size: cover;}
|
|
|
+ // 菜单 ul
|
|
|
+ .course-menu-ul{
|
|
|
+ background: #fff;margin: 20px 0 0;
|
|
|
+ li{width: 100px;height: 30px;line-height:30px;margin:0 10px;padding:0;border-radius:5px;border: 1px solid rgb(0, 102, 204);@include setFontStyle(-4);
|
|
|
+ color: rgb(0, 102, 204);background: #fff;box-shadow: 0 2px 4px 0 rgba(43,92,253,0.16);box-sizing: border-box}
|
|
|
+ li.active{color: #fff;background: rgb(0, 102, 204);}
|
|
|
+ li:hover{transform: none;}
|
|
|
+ }
|
|
|
+
|
|
|
+ // 内容区域
|
|
|
+ .client-container{padding: 0;}
|
|
|
+ // 课程开发
|
|
|
+ .course-learn-box{
|
|
|
+ margin: 0 6%;
|
|
|
+ // video列表
|
|
|
+ .learn-box-list{
|
|
|
+ margin: 12px 0;
|
|
|
+ li{
|
|
|
+ width: 100%;margin-bottom: 20px;
|
|
|
+ div{margin: 0;padding: 0;box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px -1px;border-radius:0;}
|
|
|
+ span{width: 100%;height: 180px;margin-top: 0;border-radius:0;}
|
|
|
+ img{max-width: 100%;}
|
|
|
+ p{padding: 20px 0 20px;@include setFontStyle(-6);color: #101010;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 申请方案按钮
|
|
|
+ .free-trial-default-btn{width:122px;display: inline-block;margin: 0 0 54px;}
|
|
|
+ // 联系我们按钮
|
|
|
+ .course-apply-btn{margin-left: 16px;}
|
|
|
+
|
|
|
+ /* PPT定制及美化、H5平面设计、视频后期处理 */
|
|
|
+ .course-ppt-box,.course-H5-box,.course-videoPos-box{
|
|
|
+ margin: 0 6%;
|
|
|
+ ul{margin: 12px 0;}
|
|
|
+ li{box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px -1px;margin-bottom: 20px;}
|
|
|
+ li:not(:last-child){margin-right: 0;}
|
|
|
+ img{max-width: 100%;}
|
|
|
+ p{margin: 20px 0;}
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 视频后期处理 */
|
|
|
+ .course-videoPos-box{
|
|
|
+ padding-bottom: 16px;
|
|
|
+ img{height: 180px;}
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
/******** describe: 关于我们 author: TX date:2020-08-07 ********/
|
|
|
@@ -1107,7 +1158,7 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- /******** describe: 1-X-详情页 author: TX date:2020-09-03 ********/
|
|
|
+ /******** describe: 课程资源 author: TX date:2020-09-03 ********/
|
|
|
.client-resources-page{
|
|
|
// 图标列表
|
|
|
.train-scheme-list{
|
|
|
@@ -1116,14 +1167,14 @@
|
|
|
i{width: 100px;height: 100px;display: block;margin: 0 auto;}
|
|
|
span{@include setFontStyle(-4);color: #333;margin-top: 10px;display: block;}
|
|
|
div{box-shadow: 0 0 7px 2px #f5f2ff;margin: 24px;padding: 42px 0;}
|
|
|
- li:nth-child(1) i{background: url("~static/images/client/resources/train-scheme-icon1.png")}
|
|
|
- li:nth-child(2) i{background: url("~static/images/client/resources/train-scheme-icon2.png")}
|
|
|
- li:nth-child(3) i{background: url("~static/images/client/resources/train-scheme-icon3.png")}
|
|
|
- li:nth-child(4) i{background: url("~static/images/client/resources/train-scheme-icon4.png")}
|
|
|
- li:nth-child(5) i{background: url("~static/images/client/resources/train-scheme-icon5.png")}
|
|
|
- li:nth-child(6) i{background: url("~static/images/client/resources/train-scheme-icon6.png")}
|
|
|
- li:nth-child(7) i{background: url("~static/images/client/resources/train-scheme-icon7.png")}
|
|
|
- li:nth-child(8) i{background: url("~static/images/client/resources/train-scheme-icon8.png")}
|
|
|
+ li:nth-child(1) i{background-image: url("~static/images/client/resources/train-scheme-icon1.png")}
|
|
|
+ li:nth-child(2) i{background-image: url("~static/images/client/resources/train-scheme-icon2.png")}
|
|
|
+ li:nth-child(3) i{background-image: url("~static/images/client/resources/train-scheme-icon3.png")}
|
|
|
+ li:nth-child(4) i{background-image: url("~static/images/client/resources/train-scheme-icon4.png")}
|
|
|
+ li:nth-child(5) i{background-image: url("~static/images/client/resources/train-scheme-icon5.png")}
|
|
|
+ li:nth-child(6) i{background-image: url("~static/images/client/resources/train-scheme-icon6.png")}
|
|
|
+ li:nth-child(7) i{background-image: url("~static/images/client/resources/train-scheme-icon7.png")}
|
|
|
+ li:nth-child(8) i{background-image: url("~static/images/client/resources/train-scheme-icon8.png")}
|
|
|
}
|
|
|
// 为企业培训打造学习矩阵
|
|
|
.products-services-content p{line-height: 52px;}
|
|
|
@@ -1160,6 +1211,45 @@
|
|
|
// 按钮
|
|
|
.client-default-Btn,.client-default-white-Btn{width: 150px;height: 40px;line-height: 40px;display:inline-block;border: 1px solid #3e7ce7;background: #3e7ce7;margin-right: 24px;margin-bottom: 42px;}
|
|
|
.client-default-white-Btn{background: #fff;color:#3e7ce7;margin-right: 0 }
|
|
|
+
|
|
|
+ @media (max-width: 768px){
|
|
|
+ // 图标列表
|
|
|
+ .train-scheme-list{
|
|
|
+ margin: 12px 16px 36px;
|
|
|
+ li{
|
|
|
+ width: 50%;
|
|
|
+ i{width: 70px;height: 70px;background-size: cover;}
|
|
|
+ div{margin: 6px;padding: 24px 0;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 为企业培训打造学习矩阵
|
|
|
+ .products-services-content p{font-size: 14px;line-height: 40px;text-align: center;color: #101010;}
|
|
|
+ // 蓝色提醒文字
|
|
|
+ .blue-big-size{font-size: 18px;}
|
|
|
+ // 按钮box
|
|
|
+ .default-Btn-box{text-align: center}
|
|
|
+
|
|
|
+ // 视频列表
|
|
|
+ .course-learn-box{
|
|
|
+ margin:0;background-color: rgb(238, 238, 238);
|
|
|
+ .client-container {padding: 0 15px;}
|
|
|
+ .learn-box-list{
|
|
|
+ margin: 20px 0;
|
|
|
+ li {
|
|
|
+ width: 100%;
|
|
|
+ div{box-shadow: rgba(0, 0, 0, 0.4) 0 0 6px -1px;border-radius:0;margin: 0 16px;}
|
|
|
+ span {width: 100%;height: 180px;margin-top: 0;border-radius: 0;}
|
|
|
+ img {max-width: 100%;}
|
|
|
+ p {font-size: 14px;padding: 16px 0;text-align: center;}
|
|
|
+ .course-explain-black{font-size: 14px;text-align: left;padding: 0 16px 20px;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ // 按钮
|
|
|
+ .client-default-Btn,.client-default-white-Btn{width: 122px;height: 35px;line-height: 35px;margin:0 8px 42px;}
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
/******** describe: 考试系统更新日志 author: TX date:2020-09-03 ********/
|
tanxue