﻿@charset "UTF-8";
/**
 * 我要投诉、我要调解、我要咨询页面公共样式
 * @authors 李燕南 (9414772763@qq.com)
 * @date    2018-05-21 15:41:10
 */

body{
	background-color: #fff;
}
body.bg-ef{
    background-color: #efeff4;
}
.tab-item{
	padding-left: .3rem;
	padding-right: .3rem;
}
.next-btn-wrap{
	padding-top: .2rem;
}
.next-btn-wrap .next-btn,
.next-btn-wrap .commit-btn{
	display: block;
	width: 100%;
	padding-top: .18rem;
	padding-bottom: .18rem;	
}
.bg-ef{
	background-color: #efeff4;
}
.form-caption{
	padding: .15rem 0 .15rem .3rem;
	color: #2e76da;
}
.case-form .table-view{
	margin-bottom: 0;
}
.case-form .table-view-cell{
	padding-top: .16rem;
	padding-bottom: .16rem;
}
.case-form .table-view-cell::after,
.case-form .table-view-cell .table-view-cell-link::after{
	left: 0;
}
.case-form .form-control{
	border: none;
	border-radius: 0;
	box-shadow: none;
}

/* 顶部条 "完成"、"上一步"、"下一步"按钮 start */
.-top-complete-btn,
.-top-next-btn{
    display: block;
    width: .88rem;
    height: .88rem;
    line-height: .88rem;
    margin-right: -.15rem;
    color: #fff;
    text-align: center;
}
.-top-prev-btn{
    position: relative;
    z-index: 10;
    display: block;
    float: left;
    width: .88rem;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    color: #fff;
    overflow: hidden;
}
/* 顶部条 "完成"、"上一步"、"下一步"按钮 end */

/* 查找企业 start */
.search-company-box{
	padding-top: .4rem;
}
.search-input-box{
	margin-bottom: .2rem;
}
.search-input{
	padding-right: .85rem;
	color: #303030;
	background-color: #ecedef;
}
.search-btn{
	position: absolute;
	top: 1px;
	right: 1px;
	/* padding: .07rem .25rem; */
	height: .64rem;
	line-height: .64rem;
	padding: 0 .25rem;
	border-top-right-radius: .08rem;
	border-bottom-right-radius: .08rem;
	color: #999;
	transition: color .2s;
	background-color: #ecedef;
}
@media (max-width: 320px){
    .search-btn {
        height: .62rem;
        line-height: .62rem;
    }
}
.search-input:focus + .search-btn{
	color: #2e76da;
}
.search-btn>.iconfont{
	font-size: .36rem;
}
.search-btn>.loading-img{
	display: inline;
	width: .4rem;
}
.search-result{
	margin-bottom: .2rem;
	overflow-y: hidden;
}
.result-item{
	padding: .2rem;
	border-bottom: 1px dashed #e5e5e5;
    cursor: pointer;
	transition: all .25s;
}
.result-item:active{
	background-color: #eee;
}
.result-item.active{
	border-color: transparent;
	background-color: #2e76da;
}
.company-name{
	font-size: .32rem;
	color: #555;
}
.result-item.active .company-name{
	color: #fff;
}
.company-link{
	font-size: .24rem;
	color: #999;
}
.result-item.active .company-link{
	color: #fff;
}
.no-result{
    padding: 1rem .4rem 0 .4rem;
    font-size: .30rem;
    color: #999;
    text-align: center;
}
/* 查找企业 end */

/* 文件上传 start */
.choose-btn{
	float: left;
	position: relative;
	height: 1.5rem;
	line-height: 1.5rem;
	width: 1.5rem;
	text-align: center;
	overflow: hidden;
	border: 1px solid #d9d9d9;
	transition: border-color .2s;
}
.choose-btn:active{
	border-color: #999;
}
.choose-btn input[type=file]{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.choose-btn .iconfont{
	font-size: .6rem;
	color: #d9d9d9;
	cursor: pointer;
	transition: color .2s;
}
.choose-btn:active .iconfont{
	color: #999;
}
.file-area{
	padding: .3rem;
	margin-bottom: .25rem;
	background-color: #fff;
}
.evidence-type-text{
	margin-bottom: .15rem;
}
.preview-list{
	float: left;
	margin-right: .2rem;
}
.preview-item{
	float: left;
	position: relative;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .2rem;
	margin-bottom: .2rem;
	border: 1px solid #eee;
}
.preview-item:last-child{
	margin-right: 0;
}
.preview-item .-preiview-img{
    position: relative;
    width: 1.5rem;
	height: 1.5rem;
    overflow: hidden;
}
.-preiview-img>img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.preview-icon{
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    font-weight: 500;
    color: #f60;
}
.preview-icon>.iconfont{
    line-height: 1;
    font-size: .7rem;
}
.cancel-file-btn{
	position: absolute;
	top: -.25rem;
	right: -.15rem;
	color: #f00;
    cursor: pointer;
}
.cancel-file-btn.disabled{
    color: #999;
}
.cancel-file-btn>.iconfont{
	line-height: 1;
	font-size: .44rem;
}
/* 文件上传 end */

/* 验证码 start */
.verify-code-area{
	padding: .15rem .3rem 0 .3rem;
}
.verify-code-area .verify-code-input{
	float: left;
	width: 60%;
	border-top-left-radius: .08rem;
	border-bottom-left-radius: .08rem;
}
.get-verify-btn{
	float: left;
	width: 40%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
/* 验证码 end */