|
@@ -815,6 +815,10 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
|
|
// 课程开发图片展示行
|
|
// 课程开发图片展示行
|
|
.website-course-services{
|
|
.website-course-services{
|
|
li{margin-bottom: 36px;}
|
|
li{margin-bottom: 36px;}
|
|
|
|
+ @media (max-width: 768px){
|
|
|
|
+ ul{margin-top: 32px;}
|
|
|
|
+ li{margin-bottom: 12px;}
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.course-services-box{
|
|
.course-services-box{
|
|
width: 100%;display: flex;align-items: center;
|
|
width: 100%;display: flex;align-items: center;
|
|
@@ -851,17 +855,17 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
|
|
span.client-default-Btn{background: #fff;color: #3e7ce7;margin-right: 0;}
|
|
span.client-default-Btn{background: #fff;color: #3e7ce7;margin-right: 0;}
|
|
}
|
|
}
|
|
@media (max-width: 768px){
|
|
@media (max-width: 768px){
|
|
- display: block;
|
|
|
|
|
|
+ flex-direction: column-reverse;
|
|
// 头部图片
|
|
// 头部图片
|
|
img{width: 100%;height: auto;float: none;}
|
|
img{width: 100%;height: auto;float: none;}
|
|
// 内容区域
|
|
// 内容区域
|
|
.course-services-content{
|
|
.course-services-content{
|
|
width: 100%;float: none;padding: 0 10px;margin: 0;
|
|
width: 100%;float: none;padding: 0 10px;margin: 0;
|
|
@include setFontStyle(-6);
|
|
@include setFontStyle(-6);
|
|
- h4{@include setFontStyle(4);display: inline-block;margin-bottom: 16px;}
|
|
|
|
|
|
+ h4{@include setFontStyle(4);display: inline-block;margin-bottom: 16px;margin-right: 6px;}
|
|
h5{@include setFontStyle(-5);font-weight: 700;color: rgba(0, 0, 0, 1);display: inline-block;margin-bottom: 16px;}
|
|
h5{@include setFontStyle(-5);font-weight: 700;color: rgba(0, 0, 0, 1);display: inline-block;margin-bottom: 16px;}
|
|
i{width:34px;height:3px;margin: 10px 0;}
|
|
i{width:34px;height:3px;margin: 10px 0;}
|
|
- p{margin-bottom: 30px;color: rgba(85, 85, 85, 1);line-height: 24px;font-size: 14px;}
|
|
|
|
|
|
+ p{margin-bottom: 0;color: rgba(85, 85, 85, 1);line-height: 24px;font-size: 14px;}
|
|
.p-before-circle:before{width: 16px;height: 16px;margin-right: 6px;}
|
|
.p-before-circle:before{width: 16px;height: 16px;margin-right: 6px;}
|
|
.client-btn-box{text-align: center;margin:40px 0;}
|
|
.client-btn-box{text-align: center;margin:40px 0;}
|
|
.client-default-Btn,.client-default-white-Btn{width: 120px;height: 35px;line-height: 35px;}
|
|
.client-default-Btn,.client-default-white-Btn{width: 120px;height: 35px;line-height: 35px;}
|