/*手机端编辑名片弹窗start*/

* {

    box-sizing: border-box;

}



.centeredCon {

    width: 90%;

    margin: 0 auto;

    height: 90%;

    overflow-y: scroll;

    background: #FFFFFF;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 5px;

}



.ui-form {

    width: 100%;

    margin: 0 auto;

    padding: 0 15px;

}



.ui-form input[type="text"] {

    border: 1px solid #e0e0e0;

    padding: 0 8px;

}



.ui-form select {

    padding: 0 8px;

    font-size: 14px;

    height: 3em;

    line-height: 3em;

    border: #e2e2e2 1px solid;

    margin: 0 10px 10px 0;

    width: 100%;

    outline: none;

    border-radius: 3px;

}



.ui-form p {

    padding: 16px 0 8px;

    margin: 0;

    font-size: 16px;

    font-weight: bold;

    clear: both;

}



.ui-form em {

    padding-left: 6px;

    font-size: 12px;

    color: #FF0000;

}



.ui-form b {

    float: right;

    font-size: 12px;

    color: #FF0000;

    font-weight: normal;

}



.ui-form div {

    line-height: 32px;

}



.ui-form input[type="text"], .ui-form input[type="password"], .ui-form input[type="search"], .ui-form input[type="tel"], .ui-form input[type="number"], .ui-form input[type="email"], .ui-form input[type="url"] {

    box-sizing: border-box;

    width: 100%;

    height: 44px;

    line-height: 44px;

    border-radius: 3px;

    font-size: 15px;

    -webkit-appearance: none;

}



.ui-form label {

    margin: 0 0 0 6px;

    font-size: 16px;

}



.ui-form-thumb-show, .ui-form-thumb-upload {

    width: 80px;

    height: 80px;

    overflow: hidden;

    border: #e0e0e0 1px solid;

    float: left;

    background: url(https://www.in-en.com/mobile/images/upload-image.png) no-repeat center center;

    background-size: 40px 40px;

}



.ui-form-thumb-show {

    display: none;

}



.ui-form-thumb-show img {

    width: 78px;

    padding: 4px;

    height: 78px;

    border: none;

}



.thumbUpload,.wxcodeUpload {

    position: relative

}



.closeThumb,.closeWxcode {

    position: absolute;

    top: -18px;

    left: 80px;

    display: none;

}



.closeThumb img,.closeWxcode img {

    width: 15px;

}



.webuploader-container {

    position: relative;

}



.webuploader-pick {

    position: relative;

    display: inline-block;

    cursor: pointer;

    width: 80px;

    height: 80px;

}



.webuploader-element-invisible {

    position: absolute !important;

    clip: rect(1px, 1px, 1px, 1px);

}



.btn-blue {

    color: #FFFFFF;

    font-size: 18px;

    width: 100%;

    margin: 32px auto;

    background: #007AFF;

    display: block;

    line-height: 44px;

    border: none;

    border-radius: 4px;

    text-align: center;

    -webkit-appearance: none;

}



.closeForm {

    width: 100%;

    text-align: right;

    color: #fff;

    font-size: 30px;

    padding: 10px 10px 0 0;

    line-height: 20px;

    cursor: pointer;

}



@media (min-width: 768px) {

    .ui-form {

        padding: 0px 30px;

    }



    .closeForm {

        padding: 10px 40px 0 0;

    }

}



/*手机端编辑名片弹窗end*/