|
|
@@ -57,8 +57,33 @@ 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}
|
|
|
+ .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;}
|
|
|
+ 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{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;}
|
|
|
+ .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 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}
|
|
|
|
|
|
|
|
|
|
Administrator