@charset "utf-8";
/* 举报指南 */
.reporting-guide img{
	max-width: 100%;
}
.reporting-guide .text{
	background: #f0f8fc;
	padding: .2rem .48rem;
	line-height: 30px;
	margin-bottom: .3rem;
}

.reporting-guide .text span {
    margin-bottom: .2rem;
    display: block;
}
.reporting-guide .where{border: 0;margin-bottom: .1rem;}
.reporting-guide .text a {
    color: #116dd2;
    text-decoration: underline;
}
.reporting-guide .text h3{
	color: #116dd2;
	font-weight: bold;
	margin-bottom: .05rem;
}
.reporting-guide .button,
.reporting-guide form .selectFileBt{
	background: #0880db;
	font-size: .22rem;
	text-align: center;
	border: 0;
	color: #fff;
	line-height: .55rem;
	height: .55rem;
	display: block;
	width: 1.6rem;
	border-radius: 5px;
	margin: .2rem auto;
}

/* 举报指南-举报表 */
.reporting-guide .title{
    text-align:center;
    color: #116dd2;
    font-size: 24px;
    margin: .2rem 0 .3rem;
}
.reporting-guide form label {
    width: 15%;
    display: inline-block;
    text-align: right;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    vertical-align: top;
    min-width: 15%;
}

#upload_file {
    width: 82%;
    display: inline-block;
}

#upload_file+div {
    margin: 10px 0;
    font-size: 14px;
    color: #888888;
    padding-left: 15%;
}
.reporting-guide form label span {
    color: #f00;
}
.reporting-guide form input[type=checkbox] {
    width: 17px;
    height: 17px;
    line-height: 42px;
    border: 1px solid #b5b5b5;
}
.reporting-guide form input[type=checkbox]:checked {
    background: #3291f1 url(../images/bxsq_radio.png) no-repeat;
    padding: 0;
    border: 0;
}


.reporting-guide form input[type="text"], .reporting-guide form textarea,.reporting-guide .dateinputer {
    width: 82%;
    border: 1px solid #d5d5d5;
    line-height: 30px;
    padding: 7px 10px;
    font-size: 16px;
    margin-bottom: 30px;
    border-radius: 4px;
    height: 46px;
}
.reporting-guide form textarea {
    min-height: 166px;
    margin-bottom: 35px;
}
.reporting-guide form input.w3 {
    width: 17%;
    margin-top: -.15rem;
}

.reporting-guide form label.w3 {
    min-width: inherit;
    width: 11%;
}

.reporting-guide form label.w3+input {
    width: 23.2%;
    margin-top: -10px;
}

.reporting-guide form label.w4+input {
    width: 12%;
    margin-top: -10px;
}
.reporting-guide form .w2 input {
    width: 32%;
    margin-top: -.1rem;
}
.reporting-guide form .w2 label{
    width: 18%;
    margin-left: 4%;
}


.reporting-guide form .checkbox{
	width: 83%;
	display: inline-block;
	margin: 0;
	margin-bottom: .44rem;
}

.reporting-guide form .checkbox label {
    margin-right: .4rem;
    width: auto;
    min-width: auto;
}

.reporting-guide input[type="text"].dateinputer {
    display: inline-block;
    width: 27%;
    margin-top: -0.4rem;
    margin-bottom: 0;
    vertical-align: middle;
    background: url(../images/rp-2.png) right 20px center no-repeat;
}

/* 附件上传 */
#fileUploadContent {
    width: 82%;
    display: inline-block;
}

#fileUploadContent .num {
    padding-left: 0;
    margin: 10px 0;
	font-size: 14px;
	color: #888888;
}
.fileUploadContent .box{
    min-width: 200px;
    margin-top: 10px;
}
.fileUploadContent .fileItem{
    border-left: 1px solid #d5d5d5;
    line-height: 44px;
    text-align: center;
    height: 45px;
}
.fileUploadContent .fileItem .imgShow{
    width: 140px;
    height: 140px;
    margin: 5px auto;
    text-align: center;
}
.fileUploadContent .fileItem .imgShow i{
    font-size: 120px;
    position: relative;
    top:-30px;
    z-index: 2;
}
.fileUploadContent .fileItem .imgShow img{
    width: 100%;
    height: 100%;
}
.fileUploadContent .fileItem .imgShow .fileType{
    color: #FFFFFF;
    font-size: 20px;;
    position: relative;
    top:63px;
    z-index: 3;
    left: -18px;
}
.fileUploadContent .fileItem .progress{
    height: 10px;
    width: 100%;
}
.fileUploadContent .fileItem .progress>.progress_inner{
    background-color: #0099FF;
    width: 0%;
    height: 10px;
    border-radius: 10px;
}
.fileUploadContent .fileItem .progress .error{
    background-color: red;
}
.fileUploadContent .fileItem .status,.fileUploadContent .fileItem .load{
    display: inline-block;
    width: 33.33%;
    border: 1px solid #d5d5d5;
    vertical-align: middle;
    border-top: 0;
    border-left: 0;
}
.fileUploadContent .fileItem .status i{
    background: url(../images/close.png) center center no-repeat;
}

.fileUploadContent .fileItem .load i {
    background: url(../images/sucess.png) center center no-repeat;
}

.fileUploadContent .fileItem .load i.icon-cha {
    background-position: -4px -49px;
}

.fileUploadContent .fileItem .load i.icon-cha:before {
    display: none;
}

.fileUploadContent .fileItem .load i.icon-gou:before {
    display: none;
}
.fileUploadContent .fileItem .fileName,.fileUploadContent .fileItem input{
    padding: 0;
    display: inline-block;
    line-height: 44px;
    text-align: center;
    border: 1px solid #d5d5d5;
    vertical-align: middle;
    border-top: 0;
    border-left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 33.33%;
}

.fileUploadContent .fileItem .fileName {
    color: #1f9eff;
}

.fileUploadContent .fileItem input {
    margin: 0;
}
.fileUploadContent .uploadBts {overflow: hidden;}
.fileUploadContent .uploadBts>div{
    float: left;
    margin-right: 15px;
}
.fileUploadContent .uploadBts>div .selectFileBt{
    line-height: 42px;
    width: 109px;
    border: 0;
    background: #5eb9e8;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    text-align: center;
    height: 42px;
    margin: 0;
    letter-spacing: 4px;
}

.fileUploadContent .uploadBts>div i{
    font-size: 35px;
    color: #0099FF;
    cursor: pointer;

}
.fileUploadContent .subberProgress{
    padding: 5px;
    display: none;
}
.fileUploadContent .subberProgress .progress{
    border:solid thin #0099FF;
    height: 20px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.fileUploadContent .subberProgress .progress>div{
    background-color: #0099FF;
    width: 0%;
    height: 20px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    text-align: center;
    color: #FFFFFF;
    transition: width 0.5s;
    -moz-transition: width 0.5s;	/* Firefox 4 */
    -webkit-transition: width 0.5s;	/* Safari 和 Chrome */
    -o-transition: width 0.5s;	/* Opera */
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
}
.loadtitle{
	width: 100%;
	background: #f1f1f1;
	border: 1px solid #d5d5d5;
	border-right: 0;
}

.loadtitle span {
    border-right: 1px solid #d5d5d5;
    display: inline-block;
    line-height: 44px;
    height: 44px;
    text-align: center;
    width: 33.3333%;
}
.reporting-guide .button.reset,
.reporting-guide .button.submit{
	display: inline-block;
	background: #3090f1;
	border: 1px solid #3090f1;
	font-size: 14px;
	line-height: 43px;
	width: 100px;
	height: 43px;
}

.reporting-guide .button.reset {
    background: #fff;
    color: #3090f1;
    margin-left: .1rem;
}

.reporting-guide .button img {
    margin: -3px .07rem 0 0;
    vertical-align: middle;
}
@media (max-width:992px) {
	.reporting-guide form label, .reporting-guide form .w2 label,.reporting-guide form label.w3{
		width: 100%;
		text-align: left;
		margin-bottom: .2rem;
	}
    
	.reporting-guide input[type="text"].dateinputer, .reporting-guide form .w2 input, .reporting-guide form input[type="text"], .reporting-guide form textarea, .reporting-guide .dateinputer, .reporting-guide form .checkbox,#fileUploadContent {
		width: 100%!important;
		margin-top: 0;
		margin-bottom: .3rem;
	}
	#upload_file+div{padding-left:0}
}