|
|
@@ -1,34 +1,34 @@
|
|
|
-.sign-body{
|
|
|
- background: url("/static/sign/bg.jpg") no-repeat fixed bottom;
|
|
|
- background-size: 100% auto;
|
|
|
- background-color:#4eaceb;
|
|
|
- margin:0;
|
|
|
- font-family:"Arial";
|
|
|
- padding-bottom: 30px;
|
|
|
- font-size: 18px;
|
|
|
- min-height: 600px;
|
|
|
+
|
|
|
+.sign-body {
|
|
|
+ background: url("/static/sign/bg.jpg") no-repeat fixed bottom;
|
|
|
+ background-size: 100% auto;
|
|
|
+ background-color:#4eaceb;
|
|
|
+ margin:0;
|
|
|
+ font-family:"Arial";
|
|
|
+}
|
|
|
+@media screen and (min-width: 640px){
|
|
|
+ .sign-body {
|
|
|
+ font-size: 85.4px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-ul, ol {
|
|
|
- padding-left: 0;
|
|
|
- margin: 0;
|
|
|
- list-style-type: none;
|
|
|
+@media screen and (min-width: 414px) and (max-width: 639px){
|
|
|
+ .sign-body {
|
|
|
+ font-size: 55.2px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-.clear{
|
|
|
- clear: both;
|
|
|
- _zoom: 1;
|
|
|
-}
|
|
|
-.clear:after, .clear:before{
|
|
|
- display: block;
|
|
|
- content: "clear";
|
|
|
- height: 0;
|
|
|
- clear: both;
|
|
|
- overflow: hidden;
|
|
|
- visibility: hidden;
|
|
|
-}
|
|
|
-.fl{float: left;}
|
|
|
-.fr{float: right;}
|
|
|
+@media screen and (min-width:375px) and (max-width:413px){
|
|
|
+ .sign-body {
|
|
|
+ font-size: 50px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media screen and (min-width:320px) and (max-width:374px){
|
|
|
+ .sign-body {
|
|
|
+ font-size: 42.7px;
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
.title-2{
|
|
|
width: 70%;
|
|
|
@@ -37,52 +37,53 @@ ul, ol {
|
|
|
padding-top: 30px;
|
|
|
margin-bottom: 30px;
|
|
|
padding-bottom: 30px;
|
|
|
+ font-size: 20px;
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
.content-box {
|
|
|
width: 80%;
|
|
|
background-color: white;
|
|
|
- border-radius: .2rem;
|
|
|
+ border-radius: .6rem;
|
|
|
margin-left: auto;
|
|
|
margin-right: auto;
|
|
|
- padding: .3rem;
|
|
|
- margin-bottom: .4rem;
|
|
|
+ padding: .9rem;
|
|
|
+ margin-bottom: 1.2rem;
|
|
|
}
|
|
|
|
|
|
.title {
|
|
|
- font-size: .36rem;
|
|
|
font-weight: bold;
|
|
|
+ font-size: 20px;
|
|
|
color: #439fff;
|
|
|
}
|
|
|
|
|
|
.content {
|
|
|
width: 100%;
|
|
|
- margin-top: .2rem;
|
|
|
+ margin-top: .6rem;
|
|
|
border-top: 1px solid #e6e6e6;
|
|
|
}
|
|
|
|
|
|
.course-name {
|
|
|
- font-size: .32rem;
|
|
|
+ font-size: 1.1rem;
|
|
|
font-weight: bold;
|
|
|
color: #333;
|
|
|
- margin-top: .2rem;
|
|
|
+ margin-top: .6rem;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
-webkit-line-clamp: 2;
|
|
|
- margin-bottom: -0.1rem;
|
|
|
+ margin-bottom: -0.3rem;
|
|
|
}
|
|
|
|
|
|
.ul-info {
|
|
|
- font-size: .3rem;
|
|
|
- margin-top: .2rem;
|
|
|
+ font-size: .9rem;
|
|
|
+ margin-top: .6rem;
|
|
|
color: #333;
|
|
|
}
|
|
|
|
|
|
.info {
|
|
|
- margin-top: .05rem;
|
|
|
+ margin-top: .15rem;
|
|
|
}
|
|
|
|
|
|
.info-2 {
|
|
|
@@ -95,15 +96,15 @@ ul, ol {
|
|
|
}
|
|
|
|
|
|
.con {
|
|
|
- font-size: .26rem;
|
|
|
+ font-size: .72rem;
|
|
|
}
|
|
|
|
|
|
.tips {
|
|
|
margin-left: auto;
|
|
|
margin-right: auto;
|
|
|
- font-size: .26rem;
|
|
|
+ font-size: .72rem;
|
|
|
font-weight: bold;
|
|
|
color: white;
|
|
|
width: 80%;
|
|
|
- margin-bottom: .4rem;
|
|
|
+ margin-bottom: 1.2rem;
|
|
|
}
|
