|
- /* package_first/pages/ProtectionSuggestion/ProtectionSuggestion.wxss */
- .suggestion_container{
- min-height:100vh;
- width: 100%;
- background-color: rgb(240, 242, 245);
- }
- .main{
- width: 100%;
- padding: 30rpx;
- }
- .top{
- padding: 31rpx 39rpx 52rpx 28rpx;
- display: flex;
- flex-grow:inherit;
- height: 173rpx;
- background: #FFFFFF;
- box-shadow: 0rpx 0rpx 7rpx 0rpx rgba(43,93,184,0.18);
- border-radius: 20rpx;
- }
- .text_icon{
- width: 47rpx;
- height: 47rpx;
- }
- .top_text{
- width: 100%;
- height: 83rpx;
- font-size: 30rpx;
- font-family: Source Han Sans CN;
- font-weight: 500;
- color: #000000;
- line-height: 53rpx;
- margin-left: 10rpx;
- }
- .bottom{
- width: 100%;
- display: flex;
- flex-direction: column;
- margin-top: 60rpx;
- }
- .suggestion{
- margin-bottom: 56rpx;
- width: 127px;
- height: 31rpx;
- font-size: 32rpx;
- font-family: Source Han Sans CN;
- font-weight: 500;
- color: #000000;
- line-height: 53rpx;
- }
- .suggestion::after {
- content:"";
- display:block;
- margin-top: -15rpx;
- width: 129rpx;
- height: 10rpx;
- background: #1E79FA;
- opacity: 0.5;
- }
- .text_content{
- border-radius: 20rpx;
- background-color: #fff;
- width:calc(100% - 80rpx);
- height: 217rpx;
- font-size: 30rpx;
- padding-top: 51rpx;
- padding-left: 40rpx;
- display: block;
- text-overflow:ellipsis;
- word-wrap:break-word;
- }
- .button{
- width:calc(100% - 80rpx);
- text-align: center;
- border-radius: 30rpx;
- color: white;
- background-color: #2878ff;
- position: absolute;
- bottom: 120rpx;
- height: 80rpx;
- line-height: 80rpx;
- }
- .submit_suggestion{
- width: 609rpx;
- height: 419rpx;
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translate(-50%,-50%);
- }
-
- .submit_suggestion_bg {
- width: 100vw;
- height: 100vh;
- background-color: rgba(000, 000,000, 0.4);
- position: fixed;
- left: 0;
- top: 0;
- }
-
- .close_submit_suggestion {
- width: 50rpx;
- height: 50rpx;
- border-radius: 50%;
- position: fixed;
- top: 38%;
- left: 78.5%;
- z-index: 999;
- }
|