/*! * ====================================================== * FeedBack Template For MUI (http://dev.dcloud.net.cn/mui) * ======================================================= * @version:1.0.0 * @author:cuihongbao@dcloud.io */ .zy-alert{ color:#323232!important; font-size: 16px; } .mui-popover.bg-w{ width: 190px; } .img-bg{ background: #fff; padding: 8px 10px; width: 100%; } .add-img{ float: left; margin: 15px; } .add-img2{ float: left; margin: 15px 15px 15px 0px; position: relative; } .delete-icon{ position: absolute; top: -9px; right: -6px; } .feedback body { background-color: #EFEFF4; } .feedback input, .feedback textarea { border: none; font-size: 16px; } .feedback textarea { height: 150px; margin-bottom: 0 !important; padding-bottom: 0 !important; } .feedback .row { width: 100%; background-color: #fff; } .feedback p.text { font-size: 14px; padding: 10px 0px 5px 10px; color: #323232; margin-bottom: 0px; } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ font-size: 14px; } .feedback .hidden { display: none; } .feedback .image-list { width: 100%; height: 85px; background-size: cover; padding: 10px 10px; 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: 10px; margin-bottom: 10px; border: solid 1px #e8e8e8; vertical-align: top; } .feedback .image-item .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: inline-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 .image-up{ height: 65px; width: 65px; border-radius: 10px; line-height: 65px; border: 1px solid #ccc; color: #ccc; display: inline-block; text-align: center; } .feedback .image-item .image-up:after{ font-family: "微软雅黑"; content: '+'; font-size: 60px; } .feedback .image-item.space .image-close { display: none; } .feedback .mui-inline{ vertical-align: middle; font-size: 16px; color: #323232; } .mui-icon-star{ color: #B5B5B5; font-size: 22px; } .mui-icon-star-filled{ color: #FFB400; font-size: 22px; } .mui-popover { height: 180px; } .mui-popover.ab-h{ height: 140px; } .stream{ display: none; } .mui-plus-stream .stream{ display: block; } .upload-img { overflow: hidden; display: inline-block; } .upload-img ul li { position: relative; display: inline; float: left; margin-right: 10px; } .c-btn-4DCD70{ background-color: #4dcd70; } .upload-img .del-img { position: absolute; top: 0; right: 0; text-align: center; width: 26px; height: 26px; line-height: 20px; z-index: 10; background: rgba(0, 0, 0, .5); border-radius: 0 0 0 90%; overflow: hidden; } .upload-img .del-img .iconfont { color: #fff; font-size: 14px; line-height: 14px; margin-left: 4px; } .delimgpop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; text-align: center; z-index: 2200; } .del-img-box { width: 100%; height: 100%; display: table; } .del-img-con { display: table-cell; vertical-align: middle; } .del-img-con img { width: auto; height: auto; } .del-img-con p { position: relative; display: inline-block; min-width: 100px; text-align: center; } .del-img-box p:after { position: absolute; top: 0; left: 0; content: ""; background: rgba(255,255,255,.6); width: 100%; height: 40px; z-index: 10; } .del-img-btn { display: inline-block; height: 40px; line-height: 40px; position: absolute; top: 0; right: 0; z-index: 20; padding: 0 15px; text-align: right; color: #000; } .del-img-btn .iconfont { font-size: 20px; margin-right: 4px; } .c-btn-rounded2{ border: 1px solid #4dcd70; color: #4dcd70; border-radius: 5px; } .feedback input.border-input{ margin: 0; border: 1px solid #e1e1e1; } .ml0{margin-left: 0px !important;} .pr0{padding-right: 0px !important;} .word-break{ word-wrap: break-word; } .btn-full-green{ text-align: center; padding: 10px; margin: 10px; background-color: #4dcd70; border-radius: 6px; color: #fff; }