body{
    font-family: "Helvetica Neue","Microsoft YaHei","宋体";
    margin: 0;
    padding: 0;
}
.btn-upload{
    position: relative;
    font-size: 12px;
    padding: 5px 15px;
    background-color: #2c8aec;
    display: inline-block;
    color: #fff;
}
.btn-upload-input{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.controls input.btn-upload-input{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.show-upload{

}
.s-up-k{
    position: relative;
    padding: 0;
    width: 80px;
    height: 80px;
    overflow:hidden;
    background-color: #fff;
    border: 1px solid #ddd;
}
.s-up-k input{
    height:100%;
}
.s-up-loading{
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color: rgba(0,0,0,0.5);
}
.s-load-tb{
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/loading.gif);
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    z-index: 4;

}
.s-up-k2{
    position: relative;
    padding: 0;
    width: 80px;
    height: 80px;
    overflow:hidden;
    background-color: #fff;
    border: 1px solid #ddd;
}
.s-up-k2 input{
    height:100%;
}
.s-up-img{
    display:flex;
    align-items: center;
    width: 80px;
    height: 80px;
    overflow: hidden;
}
.s-up-close{
    position: absolute;
    display: none;
    cursor: pointer;
    right:-10px;
    top:-10px;
    width: 20px;
    height: 20px;
    background-image: url("../images/new_06.png");
    background-size: contain;
    background-position: center;
}
.s-up-add{
    position: relative;
    text-align: center;
}

.s-add-img{
    position: absolute;
    width: 26px;
    height: 25px;
    top: 50%;
    margin-left: -13px;
    margin-top: -13px;
    left: 50%;
    display: inline-block;
    background-image: url("../images/new_03.png");
}
.s-up-div{
    float: left;
}
.s-up-wcon{
    position: relative;
    float: left;
    margin-right: 15px;
    display: inline-block;
    margin-bottom: 10px;
}
.gg-attr-img{
    margin-top: 5px;
}
.s-cut-pic{
    display:none;
    width: 100%;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background-color: #e78b24;
    cursor: pointer;
}

/*裁剪图片样式*/
.imgAreaDiv{
    display: none;
}
.img-area-mask{
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: #ccc;
    opacity:0.5;
    z-index: 98;
}
.img-area-k{
    position: fixed;
    width: 600px;
    height: 410px;
    top:50%;
    margin-top: -220px;
    left: 50%;
    margin-left: -300px;
    border: 1px solid #ddd;
    background-color: #fff;
    z-index: 99;
}
.imgAreaDiv img{
    max-width: none;
}

.img-area-title{
    position: relative;
    border-bottom: 1px solid #ddd;
    line-height: 35px;
    color: #fff;
    background-color: #e78b24;
    padding-left: 10px;
    font-size: 14px;
}
.img-area-close{
    position: absolute;
    display: none;
    cursor: pointer;
    right: 0;
    top:0;
    width: 20px;
    height: 20px;
}
.img-area-con{
    display: flex;
    height: 325px;
}
.img-area-ys{
    padding-top: 10px;
    width: 350px;
    height: 325px;
    text-align: center;
    overflow: auto;
    border-right:1px solid #ddd;
}
.img-area-ys img{
}
.img-area-cj{
    width: 250px;
}
.img-cj-txt{
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.img-cj-con{
    width: 100%;
    text-align: center;
}
.img-before-photo{
    width:300px;
}
.img-cj-pic{
    margin: 20px auto 0 auto;
    width: 150px;
    height:150px;
    overflow: hidden;
}
.img-cj-pic img{
    width: 150px;
    height:150px;
}
.img-area-pic{
    padding: 5px 10px;
    font-size: 14px;
    float: right;
    margin-top: 2px;
    margin-right: 10px;
    border: 1px solid #ddd;
    background-color: #e78b24;
    color: #fff;
}
.img-area-footer{
    height: 30px;
    border-top:1px solid #ddd;
}
.iframe{
    height: 40px;
}
.iefile{
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
}
.iebtn{
    padding: 0 10px;
    height: 30px;
    background-color: #44b549;
    color: #fff;
    border: 1px solid #0e9c14;
}
.form-upload{
    position: relative;
    height: 40px;
}
.form-file{
    position: absolute;
    top:0;
    line-height: 20px;
    margin-top: 9px;

}
.form-btn{
    position: absolute;
    top:-1px;
    *top: 10px; /*IE7及其以下版本浏览器*/
    left:240px;
}
.choose-date{
    margin-top: 5px;
}
.choose-date input[type="text"]{
    height: 25px;
    border: 1px solid #e1e1e1;
}
/*lgytext*/
.lgy-text-select{
    margin-right: 10px;
}
/**/
.add-idcard{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100px;
}
.add-front-idcard{
    background: url(../images/frontidcard.png) no-repeat center;
    background-size: 100px auto;
}
.add-contrary-idcard{
    background: url(../images/contrary.png) no-repeat center;
    background-size: 100px auto;
}
