|
@@ -59,32 +59,32 @@ 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}
|
|
|
+ .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}
|
|
|
.release-stepbox .stepSpan.active span{color: #fff;background: #E15616}
|
|
|
.release-stepbox .stepSpan.active p{color: #e15616}
|
|
|
- .process p{color: #627386;font-size: 14px;margin-bottom: 35px}
|
|
|
- .process .feedback span{position: relative;border-radius: 2px; padding: 0 15px 0 28px;height: 30px;line-height: 32px;text-align: center;color: #b8bfca;border: 1px solid #b8bfca;margin-right: 15px;display: inline-block;cursor: pointer;}
|
|
|
+ .process p{color: #627386;font-size: 3.4vw;}
|
|
|
+ .process .feedback span{position: relative;border-radius: .53vw; padding: 0 4vw 0 7.7vw;height: 7.8vw;line-height: 7.8vw;text-align: center;color: #b8bfca;border: .27vw solid #b8bfca;margin: 4vw 4vw 4vw 0 ;display: inline-block;cursor: pointer;}
|
|
|
em{color: #e15616;margin-right: 5px}
|
|
|
.process .feedback span.style{border: 1px solid #e15616;color: #e15616}
|
|
|
.process textarea{width: 94%;height: 42.4vw;padding: 2.7vw;resize: none;border: solid .27vw #b8bfca;}
|
|
|
textarea::placeholder{color: #9aa5b5}
|
|
|
- .process>div span{color:#9aa5b5; position: absolute;bottom: 10px;right: 10px;font-size: 12px }
|
|
|
+ .process>div span{color:#9aa5b5; position: absolute;bottom: 2.7vw;right: 2.7vw;font-size: 3.2vw }
|
|
|
.process>div{position: relative}
|
|
|
- .from-button{width: 232px;height: 50px;cursor:pointer;line-height: 50px;text-align: center;color: #fff;background-color: #e15616;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 2px;font-size: 18px;margin: 15px auto;}
|
|
|
+ .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 3px 6px 0px rgba(34, 39, 46, 0.07);padding: 3.5vw;}
|
|
|
- .sencondCont p{color: #627386;font-size: 14px;margin-bottom: 32px}
|
|
|
+ .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 p span{color: #22272e;}
|
|
|
- .process p:nth-child(3){margin-bottom: 10px}
|
|
|
- .sencondCont .Image img{width: 80px;height: 80px;margin-inline-start: 10px}
|
|
|
- .icon.solve:before{width: 25px;height: 25px;background-position: -171px -512px;position: absolute;left: 5px}
|
|
|
- .icon.unsolved:before{width: 25px;height: 25px;background-position: -205px -512px;position: absolute;left: 5px}
|
|
|
- .icon.stance:before{width: 25px;height: 25px;background-position: -273px -513px;cursor: pointer;}
|
|
|
- .icon.changestance:before{ width: 25px;height: 25px;background-position: -240px -513px}
|
|
|
-
|
|
|
+ .process p:nth-child(3){margin:2.7vw 0;}
|
|
|
+ .sencondCont .Image img{width:25.9vw;height:25.9vw;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}
|
|
|
+ .mIcon.changestance:before{ width: 6.3vw;height: 7.3vw;background-position: -16.5vw -68.5vw}
|
|
|
+ .process p label{display: block}
|
|
|
|
|
|
|
|
|
}
|