.container{ width: 100%; height: 100%; } .join_top{ width: 100%; height: 0.67rem; background: #FFAA48; position: absolute; top: 0; } input{ -webkit-appearance: radio; } /*意见反馈*/ .release_con{ width:3.55rem; /*height:2.4rem;*/ background: #FFFFFF; border-radius:0.04rem; margin: auto; /*margin-top: -0.67rem;*/ font-size: 0.15rem; /*padding: 0.2rem 0.22rem;*/ box-sizing: border-box; position: relative; } .ask{ padding-bottom: 0.11rem; font-size:0.14rem; color:#444444; line-height:0.2rem; } .answer{ padding-bottom: 0.24rem; font-size:0.13rem; color:#777777; display: flex; } .answer .item{ margin-right: 0.2rem; } /*.answer:nth-child(1) .item:nth-child(2){ padding-right: 0.33rem; }*/ /*生成一个伪元素,作为美化版的单选按钮,先给伪元素添加一些样式*/ /*input[type="radio"] + label::before { content: "\a0"; display: inline-block; vertical-align: middle; font-size: 18px; width:0.13rem; height:0.13rem; box-sizing: border-box; margin-right: 0.1rem; border-radius: 50%; border: 0.01rem solid #01cd78; text-indent: .15rem; border:0.02rem solid #9B9B9B; }*/ /*给单选按钮的勾选状态添加不同的样式*/ /*input[type="radio"]:checked + label::before { background-color: #FFAA48; background-clip: content-box; border:none; width:0.13rem; height:0.12rem; }*/ /*现在把原来的单选按钮隐藏*/ /*input[type="radio"] { position: absolute; clip: rect(0, 0, 0, 0); }*/ /*建议*/ .proposal{ font-size:0.16rem; color:#666666; line-height:22px; padding: 0.09rem 0.32rem 0.11rem 0.32rem; position: relative; } .proposal_content{ width:3.55rem; height:1.92rem; background:#ffffff; border-radius:0.04rem; margin: auto; position: relative; } #con{ width: 100%; height: 1.52rem; padding: 0.19rem 0.22rem; font-size:0.14rem; /*color:#D3D3D3;*/ color:#555555; line-height:0.2rem; box-sizing: border-box; border: 0; border-radius:0.04rem; } #con::-webkit-input-placeholder{ color:#D3D3D3; } #count{ font-size:0.14rem; color:#888888; line-height:0.2rem; text-align: right; padding-right: 0.2rem; } #sumbit{ width:2.49rem; height:0.4rem; color:#FFFFFF; font-size:0.18rem; line-height:0.4rem; text-align: center; letter-spacing: 0.01rem; background:#FEB727; border-radius:0.07rem; margin: auto; margin-top: 0.4rem; } /*提示*/ .alert-info {position: absolute;top: 2.74rem; right: 0; left: 0;bottom: 0; text-align: center;z-index: 999;} .alert-info p {display: inline-block;height: 0.38rem;color: #fff;font-size: 0.14rem;line-height: 0.38rem;padding: 0 0.10rem;background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;} .pay_list_c1 { width:0.13rem; height:0.13rem; float: left; /*padding-top: 3px;*/ cursor: pointer; text-align: center; margin-right: 0.1rem; background: #FFFFFF; border-radius: 50%; border:0.02rem solid #9B9B9B; /*background-image: url(img/0.jpg);*/ /*background-repeat: no-repeat;*/ /*background-position: -24px 0;*/ display: flex; } .pay_list_c1 span{ margin-left: 0.1rem; } .radioclass { opacity: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .on { /*background-position: 0 0;*/ background-color: #FFAA48; border-radius:50% ; border:0.02rem solid #FFAA48; }