|
@@ -59,9 +59,8 @@ li{list-style:none}
|
|
|
* 移动端
|
|
|
*/
|
|
|
@media screen and (max-width:768px){
|
|
|
- .container { height: 17.6vw;
|
|
|
- line-height: 24.6vw}
|
|
|
- .release-stepbox .stepSpan{display: inline-block;width: 32%;text-align: center;position: relative;}
|
|
|
+ .container { height: 17.6vw;line-height: 24.6vw}
|
|
|
+ .release-stepbox .stepSpan{display: inline-block;width: 32%;text-align: center;position: relative;}
|
|
|
.stepSpan p{display: inline-block;color: #9aa5b5;}
|
|
|
.stepSpan span{width: 5vw;height: 5vw;background: #9aa5b5;display: inline-block;border-radius: 50%;color: #fff;line-height: 5vw;
|
|
|
text-align: center; position: absolute;top: 3.2vw;left: 13.3vw}
|
|
@@ -77,11 +76,11 @@ li{list-style:none}
|
|
|
.process>div{position: relative}
|
|
|
.from-button{width: 93.4vw;height: 11.2vw;cursor: pointer;line-height: 11.2vw;text-align: center;color: #fff;background-color: #e15616;box-shadow: 0px .8vw 1.3vw 0px rgba(249, 75, 75, 0.17);border-radius: 2px;font-size: 3.7vw;margin: 4vw auto;}
|
|
|
.mainconten{background: #fff; box-shadow: 0px .8vw 1.3vw 0px rgba(34, 39, 46, 0.07);padding: 5.6vw 3.5vw}
|
|
|
- .sencondCont{background: #fff; box-shadow: 0px .8vw 1.3vw 0px rgba(34, 39, 46, 0.07);padding: 3.5vw;}
|
|
|
- .sencondCont p{color: #627386;font-size: 3.4vw;margin-bottom: 32px}
|
|
|
+ .sencondCont{background: #fff; box-shadow: 0px .8vw 1.3vw 0px rgba(34, 39, 46, 0.07);padding:5vw 3.5vw;height: 100%;}
|
|
|
+ .sencondCont p{color: #627386;font-size: 4vw;margin-bottom: 32px}
|
|
|
.sencondCont p span{color: #22272e;}
|
|
|
.process p:nth-child(3){margin:2.7vw 0;}
|
|
|
- .sencondCont .Image img{width:25.9vw;height:25.9vw;margin-left: 2.7vw}
|
|
|
+ .sencondCont .Image img{width:15vw;height:15vw;margin-left: 2.7vw}
|
|
|
.mIcon.solve:before{width: 6.7vw;height: 6.7vw;background-position: 0px -68.8vw;position: absolute;left: 1.3vw;}
|
|
|
.mIcon.unsolved:before{ width: 6.7vw;height: 6.7vw;background-position:-30px -68.5vw;position: absolute;left: 1.3vw;}
|
|
|
.mIcon.stance:before{width: 6.3vw;height: 7.3vw;background-position:-24.8vw -68.5vw;cursor: pointer;margin-left: 1.3vw}
|
|
@@ -89,6 +88,12 @@ li{list-style:none}
|
|
|
.process p label{display: block}
|
|
|
.grade{position: absolute;margin-top: 0.3vw}
|
|
|
.process p:nth-child(2){height: 13vw}
|
|
|
+ .mt-footer p{margin-bottom: 1vw;}
|
|
|
+ .mt-footer p a{text-decoration: underline;color: #4395ff;}
|
|
|
+ .mt-wechat{width: 100%;height: 30vw;box-sizing: border-box;background: #E15616;border-radius: 2vw;color: #fff;margin-top: 4vw;padding:3vw;font-size: 3vw;position: relative;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;-webkit-align-items: center;-webkit-justify-content: space-between;}
|
|
|
+ .mt-wechat p {margin-top: 1vw;display: inline-block;height: 3vw;line-height: 6vw;margin-bottom: 0;color: #FFFFFF;}
|
|
|
+ .mt-wechat img{width: 24vw;height: 24vw;display: block;}
|
|
|
+
|
|
|
|
|
|
}
|
|
|
|