/*!
 * ======================================================
 * FeedBack Template For MUI (http://dev.dcloud.net.cn/mui)
 * =======================================================
 * @version:1.0.0
 * @author:cuihongbao@dcloud.io
 */

.feedback body {
	margin: 0 auto;
	max-width: 1000px;
	background-color: #F2F2F2;
}

.feedback input,
.feedback textarea {
	font-size: 16px;
	border: none !important;
}

.feedback textarea {
	height: 100px;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.feedback .row {
	width: 100%;
	background-color: #fff;
}

.feedback p {
	padding: 20px 15px 0;
	font-size: 16px;
	color: #666;
}


/*.feedback button#submit { 
	width: 90%;
	height: 46px;
	left: 50%;
	-webkit-transform: translate(-50%);
}*/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-size: 16px;
}

.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABuwAAAbsBOuzj4gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAOCSURBVHic7d0xSxxRFIbh15DOwl47u0MglVtEEQSL5B/YxtrKX2Jlra3/QAtBCGqxVoFwunRub2G9KeYuMbOzRhJnZtfve5pBZlcvnHfvjgujS+PxGNP1ru8FWL8cgDgHIO79Sx6UmZ+AXWAAbACrbS7K/tkIuAOGwGVE3P7tCUvPXQRm5gpwBOy/1gqtUyfAYUQ8zHrAzAAycws4A9aAR+AYuAGGETF6/bXa/8rMVapdehM4AJaBe2AvIq6bntMYQHnl/6Aa/jfga0T8bGnd1oLMXAdOgW2qCD407QSzLgKP+D38HQ9/8ZSZ7VDNcI1qplOmdoBywXdDte1/9PAXW9kJvlO9HWzWLwybdoDdcjz28BdfmeFx+XK3fr4pgEE53rS1KOvcZJaD+ommADbKcdjacqxrk1lu1E80BbAK4F/13o4ns5z6AM8fBYtzAOIcgDgHIM4BiHMA4hyAOAcgzgGIcwDiHIA4ByDOAYhzAOIcgDgHIM4BiHMA4hyAOAcgzgGIkw0gM88z87zvdfTtRX8f4I363PcC5oHsDmAVByDOAYhzAOIcgDgHIM4BiHMA4hyAOAcgzgGIcwDiHIA4ByDOAYhzAOIcgDgHIM4BiHMA4hyAOAcgzgGIcwDiHIA4ByDOAYibi3sDy02avdyrl5mz/3duOy4i4kvHP3Mm7wDi5mIH6OMVMXnlR8RS1z97nngHEOcAxDkAcQ5AnAMQ5wDEOQBxDkCcAxDnAMQ5AHEOQJwDEOcAxDkAcQ5AnAMQ5wDEOQBxDkCcAxDnAMQ5AHEOQJwDEOcAxDkAcXNxb2BPLvpewDyQDWCebtHuk98CxDkAcQ5AnAMQ5wDEOQBxDkCcAxDnAMQ5AHEOQJwDEOcAxDkAcQ5AnAMQ5wDEOQBxDkBcUwAjgMxc7Xgt1pInsxzVzzUFcFeOg9ZWZF2bzPKufqIpgGE5bra2HOvaZJbD+ommAC7L8SAz11tbknWizPCgfHlZPz8VQETcAifAMnCamb5QXFBldqdUszwps/3DrOEeAvfANnDlnWDxlJldUc3wnmqmU5bG4+b/m5iZW8AZsAY8AsfADTCMiKmrSetfudofUL3nH1C98u+BvYi4bnrOzADKN1wBjoD9V1+tdeEEOIyIh1kPeDaAicz8BOxS1bUB+DOC+TSi+lVvCFw2vefXvSgAe7t8hS/OAYhzAOJ+ATeBuJOueKnYAAAAAElFTkSuQmCC);
	background-size: 100% 100%;
	display: inline-block;
	position: relative;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: solid 1px #e8e8e8;
}

.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.space .image-close {
	display: none;
}

.feedback .mui-inline {
	vertical-align: bottom;
	font-size: 16px;
	color: #8f8f94;
}

.mui-icon-star {
	color: #B5B5B5;
	font-size: 22px;
}

.mui-icon-star-filled {
	color: #FFB400;
	font-size: 22px;
}

.mui-popover {
	height: 180px;
}

.stream {
	display: none;
}

.mui-plus-stream .stream {
	display: block;
}

.mui-content {
	background: none;
}

.mui-table-view:before,
.mui-table-view:after,
.mui-input-group:before,
.mui-input-group:after {
	background: none;
}

.mui-table-view-cell:after,
.mui-input-group .mui-input-row:after {
	left: 0;
	background: #F2F2F2;
}

.mui-input-group .mui-input-row {
	height: auto;
}

.mui-checkbox.mui-left label,
.mui-radio.mui-left label {
	padding-left: 53px;
}

.mui-checkbox.mui-left input[type=checkbox],
.mui-radio.mui-left input[type=radio] {
	margin-top: -14px;
	top: 50%;
	left: 15px;
}

.mui-checkbox input[type=checkbox]:checked:before,
.mui-radio input[type=radio]:checked:before {
	color: #1cb194;
}

.page-padding {
	padding: 15px;
}

.page-qa {
	padding: 15px 0;
}

.page-qa>h4 {
	padding: 0 15px;
	line-height: 1.4;
	color: #666;
}

.page-qa>p {
	margin: 0;
	padding: 15px 15px 5px;
	color: #666;
}

.page-qa .row>textarea {
	height: 150px;
	border: none;
	border-radius: 0;
}

.page-footer {
	padding: 15px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
}

.page-footer>.mui-btn {
	margin: 0;
	padding: 0;
	height: 50px;
	line-height: 50px;
}

.page-footer>a.mui-btn:active {
	background: #2AC845;
	color: #fff;
}