/*按钮样式 start*/

/*按钮 普通按钮白色*/

.btnCommon {
    height: 26px;
    font-size: 12px;
    padding-left: 16px;
    padding-right: 16px;
    background: #fff;
    border: none;
    cursor: pointer;
    border-radius: 3px;
}

/*白色按钮*/

.btnWhite {
    border: 1px solid #e4e4e4;
}

/*白色按hover*/

.btnWhite:hover {
    border: 1px solid #5099f2;
    color: #5099f2;
}

/*蓝色按钮*/

.btnBlue {
    border: 1px solid #e4e4e4;
    background: #5099f2;
    color: #fff;
}

/*蓝色按钮hover*/

.btnBlue:hover {
    border: 1px solid #5099f2;
}

/*灰色按钮*/

.btnGray {
    border: 1px solid #e4e4e4;
    background: #ebecf3;
    color: #757575;
}

.btnGray:hover {
    background: #ebecf3;
    color: #757575;
}

/*按钮样式 end*/

/* 1行3列展示 开始 */

.item-from-3 {
    height: 20px;
    width: 33.33%;
    float: left;
    line-height: 20px;
    margin-bottom:20px;
    font-size:12px;
    position:relative;
    padding-bottom:0!important;
}

.item-from-3 .input-item {
    width: 100%;
    height: 30px;
    padding-left:120px;
}

.item-from-3 input {
    height: 30px;
}

.item-from-3 .input-item>span {
    width: 100% !important;
    display: flex;
    position: relative;
}

.item-from-3 .divideDiv>span {
    width: 25% !important;
}

.item-from-3 .label-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    width: 120px;
    left:0;
    position: absolute;
    padding-right: 5px;
}

.label-item .redStart {
    vertical-align: sub;
    color: red;
}

.item-from-textarea-3 input, .item-from-textarea-3 .label-item, .item-from-3 input, .item-from-3 p, .item-from-3 .label-item {
    color: #213133;
    font-size: 12px;
    font-family: "Microsoft YaHei";
}

.item-from-3 input, .item-from-textarea input {
    outline: none;
    /*border: 1px solid #bdbdbd;*/
    border-radius: 3px;
}

.item-from-textarea-3 {
    height: 60px;
    width: 100%;
    float: left;
    margin-bottom:20px;
}

.item-from-textarea-3 .label-item, .item-from-textarea-3 .input-item {
    float: left;
}

.item-from-textarea-3 .label-item {
    width: 9.99%;
    height: 60px;
    text-align: right;
    padding-right: 10px;
}

.item-from-textarea-3 .input-item {
    width: 60%;
    height: 60px;
}

.item-from-textarea-3 input {
    height: 60px;
}

.item-from-textarea-3 .input-item>span {
    width: 100% !important;
}

/* 1行3列展示 结束 */

/* 1行2列展示 开始 */

.item-from-2 {
    height: 22px;
    width: 50%;
    float: left;
    line-height: 35px;

}

.item-from-2 .input-item {
    float: left;
    width: 60%;
    height: 30px;
}

.item-from-2 input {
    height: 22px;
}

.item-from-2 .input-item>span {
    width: 100% !important;
}

.item-from-2 .divideDiv>span {
    width: 25% !important;
}

.item-from-2 .label-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    width: 30%;
    float: left;
    padding-right: 10px;
}

.label-item .redStart {
    vertical-align: sub;
    color: red;
}

.item-from-textarea-2 input, .item-from-textarea-2 .label-item, .item-from-2 input, .item-from-2 p, .item-from-2 .label-item {
    color: #213133;
    font-size: 12px;
    font-family: "Microsoft YaHei";
}

.item-from-2 input, .item-from-textarea-2 input {
    outline: none;

    border-radius: 3px;
}

.item-from-textarea-2 {
    height: 60px;
    width: 100%;
    float: left;
    margin: 10px 0;
}

.item-from-textarea-2 .label-item, .item-from-textarea-2 .input-item {
    float: left;
}

.item-from-textarea-2 .label-item {
    width: 15%;
    height: 60px;
    text-align: right;
    padding-right: 10px;
}

.item-from-textarea-2 .input-item {
    width: 60%;
    height: 60px;
}

.item-from-textarea-2 input {
    height: 60px;
}

.item-from-textarea-2 .input-item>span {
    width: 100% !important;
}

/* 1行2列展示 结束 */

/* 1行1列展示 开始 */

.item-from-1 {
    height: 22px;
    width: 100%;
    float: left;
    line-height: 22px;
    margin: 10px 0;
}

.item-from-1 .input-item {
    float: left;
    width: 40%;
    height: 22px;
}

.item-from-1 input {
    height: 22px;
}

.item-from-1 .input-item>span {
    width: 100% !important;
}

.item-from-1 .divideDiv>span {
    width: 18% !important;
}

.item-from-1 .label-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    width: 30%;
    float: left;
    padding-right: 10px;
}

.label-item .redStart {
    vertical-align: sub;
    color: red;
}

.item-from-textarea-1 input, .item-from-textarea-1 .label-item, .item-from-1 input, .item-from-1 p, .item-from-1 .label-item {
    color: #213133;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}

.item-from-1 input, .item-from-textarea-1 input {
    outline: none;
    /*border: 1px solid #bdbdbd;*/
    border-radius: 3px;
}

.item-from-textarea-1 {
    height: 60px;
    width: 100%;
    float: left;
    margin: 10px 0;
}

.item-from-textarea-1 .label-item, .item-from-textarea-1 .input-item {
    float: left;
}

.item-from-textarea-1 .label-item {
    width: 30%;
    height: 60px;
    text-align: right;
    padding-right: 10px;
}

.item-from-textarea-1 .input-item {
    width: 40%;
    height: 60px;
}

.item-from-textarea-1 input {
    height: 60px;
}

.item-from-textarea-1 .input-item>span {
    width: 100% !important;
}

/* 1行1列展示 结束 */

/* 金额范围样式 */
.item-from-4{
	height: 20px;
    width: 33.33%;
    float: left;
    line-height: 30px;
    margin: 5 px 0;
    margin-bottom:20px;
}
.item-from-4 .label-item,.input-item{
	float:left;
}
.item-from-4 .label-item{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    width: 30%;
    float: left;
    padding-right: 10px;
}
 .item-from-4 .input-item{
 	width:60%
 }

.item-from-textarea-3 .input-item{
	width:567px;
}

.bigBase-btn{
	margin-top:0px!important;
}

#inputMain,.pay-info,.project-info,#detailMain{
	background:#f9f9f9;
	margin:10px auto;
	width:1060px;
	border-radius:10px;
	overflow:hidden;
}

#detailMain{
	padding-top:20px;	
}


#inputMain h4{
	margin-top:20px;
	margin-bottom:20px;
}
