/*
	引用当前样式的，有如下页面：
	commentWrite.html
	QAWriteAnswer.html
*/

.write-form{background: #fff;}
.write-areabox{position: relative; padding: 1rem 1.2rem 2.6rem; border-bottom: 1px solid #e8e8e8;}
.write-areabox .numberbox{position: absolute; bottom: 0rem; right: 1.2rem; z-index: 1; line-height: 2.6rem; color: #9c9fa1; font-size: 1.2rem;}
.write-area textarea{width: 100%; height: 12rem; line-height: 2.4rem; border:none; resize: none; font-size: 14px;}
.write-area textarea.textarea-short{height: 7.2rem; line-height: 2.4rem;}

.write-photobox{padding: 1rem 1.2rem;}
.write-photobox h3{line-height: 2.6rem; font-size: 1.4rem; color: #9c9fa1;}
.write-photo{}
.write-photo ul{margin-right: -1.4rem; *zoom:1;}
.write-photo li{position: relative; float: left; width: 8rem; height: 6rem; margin-top: 1rem; margin-right: 1.2rem;}
.write-photo li .del{position: absolute; top: -1rem; right: -1rem; display: block; z-index: 1; width: 2rem; height: 2rem; background: url(../images/icon_del.png) center no-repeat; background-size: 1.5rem;}
.write-photo li.add{background: url(../images/default_add.png) center center no-repeat; background-size: 8rem auto;}
.write-photo .file{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; width: 100%; height: 100%;}
.write-photo .img{width: 8rem; height: 6rem;}
.write-btn{padding: 2.6rem 1.2rem;}
.write-btn .btn{display: block; width: 100%; height: 4rem; line-height: 4rem; border-radius: 0.5rem; font-size: 1.5rem; color: #fff; border:none; text-align: center; background:#ec3712; background:-webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background:-webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background:linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1);}

.write-btn { background: #fff; }
.report-module { padding: 0.6rem 0; background: #fff; }
.report-reason { padding: 0 1.2rem; font-size: 1.3rem; }
    .report-reason li { height: 4rem; line-height: 4rem; padding-right: 2.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #e8e8e8; background: url(../images/icon_check36x36.png) center right no-repeat; background-size: 1.8rem; }
        .report-reason li:active { background-color: #f8f8f9; }
        .report-reason li.on { background: url(../images/icon_check36x36_active.png) center right no-repeat; background-size: 1.8rem; color: #e93b3d; }
.report-form { padding: 0 1.2rem; }
.report-areabox { padding: 0.6rem 1rem; background: #f8f8f9; }
.report-area { width: 100%; height: 10rem; line-height: 2.4rem; border: none; background: #f8f8f9; font-size: 13px; resize: none; }
.report-text { width: 100%; height: 4.4rem; line-height: 4.4rem; font-size: 13px; background: #f8f8f9; border: none; text-indent: 1.2rem; }