Nenhuma Descrição

feedback-page.css 1.9KB

    body{background: #fff;} .feedback{background: #fff;} .feedback h4{font-size: 14px; color: #666;background:#efeff4; font-weight: normal; padding:8px 0; text-align: center;} .feedback p{ padding:10px 15px;} .feedback input, .feedback textarea { border: none !important; } .feedback textarea { height: 60px; margin-bottom: 0 !important; padding-bottom: 0 !important; } .feedback .row { width: 100%; background-color: #fff; } .feedback p { padding: 8px 15px 0; } .feedback button#submit { width: 90%; height: 46px; left: 50%; -webkit-transform: translate(-50%); } .feedback .hidden { display: none; } .feedback .image-list { width: 100%; background-size: cover; padding: 10px 15px; overflow: hidden; } .feedback .image-item { width: 65px; height: 65px; background-image: url(../images/iconfont-tianjia.png); background-size: 100% 100%; display: inline-block; position: relative; border-radius: 5px; margin-right: 5px; margin-bottom: 10px; } .feedback .image-item img { width: 65px; height: 65px; border-radius: 5px; margin-right: 10px; margin-bottom: 10px; } .feedback .image-item input[type="file"] { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 0; } .feedback .image-item.space { border: none; } .feedback .image-item .image-close { position: absolute; display: block; right: -6px; top: -6px; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 12px; background-color: #FF5053; color: #f3f3f3; border: solid 1px #FF5053; font-size: 9px; font-weight: 200; z-index: 1; } .feedback .image-item.space .image-close { display: none; } .del { position: absolute; display: block; right: -6px; top: -6px; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 12px; background-color: #FF5053; color: #f3f3f3; border: solid 1px #FF5053; font-size: 9px; font-weight: 200; z-index: 1; }