|
@@ -6,7 +6,7 @@ li{list-style:none}
|
|
|
@media screen and (min-width:768px){
|
|
|
/*个人中心右侧*/
|
|
|
.navLayout .right{float:right;width:968px}
|
|
|
- .container{width: 100%;height: auto;background-color: #ffffff;box-sizing: border-box;padding:32px 225px;}
|
|
|
+ .container{width: 100%;height: auto;background-color: #ffffff;box-sizing: border-box;padding:32px 225px;border-bottom: solid 1px #e2e7ef}
|
|
|
.container .formLine{width: 100%;float: left;}
|
|
|
.container .formLine.file{margin-top: 16px;}
|
|
|
.container .formLine .upload-image{width: 100%;height: 92px;margin: 5px 0;}
|
|
@@ -23,23 +23,34 @@ li{list-style:none}
|
|
|
.container .formLine .address.mark textarea{margin-top: 0;}
|
|
|
.container .formLine .btn{width: 208px;height: 50px;display: block;font-size: 14px;color: #FFF;text-align: center;line-height: 50px; margin: 0 auto;background-color: #e15616;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 2px;}
|
|
|
.container .formLine .btn.disabled{background-color: #999999;}
|
|
|
- .release-stepbox .stepSpan{display: inline-block;width: 32%;
|
|
|
- text-align: center}
|
|
|
- .stepSpan p{
|
|
|
- display: inline-block;
|
|
|
- color: #9aa5b5;
|
|
|
- }
|
|
|
- .stepSpan span{
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- background: #9aa5b5;
|
|
|
- display: inline-block;
|
|
|
- border-radius: 50%;
|
|
|
- color: #fff;
|
|
|
- line-height: 20px;
|
|
|
- text-align: center
|
|
|
- }
|
|
|
|
|
|
+
|
|
|
+ .release-stepbox .stepSpan{display: inline-block;width: 32%;text-align: center}
|
|
|
+ .stepSpan p{display: inline-block;color: #9aa5b5;}
|
|
|
+ .stepSpan span{width: 20px;height: 20px;background: #9aa5b5;display: inline-block;border-radius: 50%;color: #fff;line-height: 20px;text-align: center}
|
|
|
+ .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: 496px;height: 116px;padding: 10px;resize: none;border: solid 1px #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 3px 6px 0px rgba(34, 39, 46, 0.07);padding: 20px 0}
|
|
|
+ .mainconten form{width: 500px;margin: auto}
|
|
|
+ .sencondCont{background: #fff; box-shadow: 0px 3px 6px 0px rgba(34, 39, 46, 0.07);padding: 32px 0;margin-top: 10px;}
|
|
|
+ .sencondCont form{width: 500px;margin: auto}
|
|
|
+ .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}
|
|
|
}
|
|
|
|
|
|
/**
|