pay_form_f.css 5.6 KB

.service {
    padding: 0.1rem 0.6rem;
    font-size: 15px;
    font-weight: 500;
    background-color: #f5f5f5;
}

.service_his {
    padding: 0.1rem 0.54rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #f8f8f8;
}

.service_his span {
    padding: 0.05rem 0.36rem;
    color: #E87139;
    font-size: 12px;
    border: 1px solid #E87139;
    border-radius: 0.05rem;
    margin: 0.1rem 0.2rem 0.1rem 0;
}

.service_his .active_span {
    color: #fff;
    background-color: #E87139;
}

.service_input_box {
    background-color: #fff;
    font-size: 14px;
    color: #424242;
    border-bottom: 1px solid #f8f8f8f8;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 0 0.4rem;
    /*height: 0.88rem;*/
    line-height: 100%;
    position: relative;
}

.service_icon {
    display: flex;
    align-items: center;
}

.pinganbox {
    margin: 0.11rem 0;
    height: auto;
    justify-content: flex-start;
}

.pinganbox img {
    width: 1.5rem;
}

.pinganbox .service_input {
    margin: 0 0.2rem 0 0;
}

.right_content {
    font-size: 12px;
    color: #575757;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 0.5rem;
}

.pinganbox .iconfont {
    color: #C2C1C3;
    margin-left: 0.1rem;
}

.service_icon .iconfont {
    font-size: 19px;
    color: #dbb25f;
    margin-right: 0.24rem;
}

.service_input {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.service_input input {
    /*padding: 0.25rem 0;*/
    height: 0.88rem;
    text-align: right;
    display: inline-block;
    width: 100%;
}

.service_input span {
    color: #C2C1C3;
    margin: 0.25rem 0 0.25rem 0.25rem;
    text-align: right;
    font-size: 12px;
    /*display: inline-block;*/
    /*width: 100%;*/
}

.service_input input::placeholder {
    color: #C2C1C3;
    font-size: 12px;
    text-align: right;
}

.service_input .date_info {
    color: #424242;
    font-size: 12px;
}

.sex_box {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #C2C1C3;
    justify-content: flex-end;
    height: 0.88rem;
}

.sex_box label {
    font-size: 12px;
    margin-left: 0.5rem;
    display: flex;
    align-items: center;
    /*padding: 0;*/
    /*height: 0.12rem;*/
}

input[type="radio"] + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    width: 0.3rem;
    height: 0.3rem;
    margin-right: .2rem;
    border-radius: 50%;
    border: 1px solid #C2C1C3;
    line-height: 1;
    box-sizing: border-box;
}

.female, .male {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.2rem;
}

input[type="radio"]:checked + label::before {
    background-color: #dbb25f;
    background-clip: content-box;
    padding: 0.05rem;
    box-sizing: border-box;
}

.service_text_box {
    background-color: #fff;
    margin: 0 0 0.1rem 0;
    overflow: hidden;
}

.service_text {
    display: flex;
    font-size: 15px;
    color: #424242;
    background-color: #f2f2f2;
    margin: 0.15rem 0.4rem;
    overflow: hidden;
    padding: 0 0.1rem;
}

.service_text textarea {
    padding: 0.25rem 0;
    resize: none;
    margin-left: 0.1rem;
    line-height: 0.3rem;
    width: 100%;
}

.service_text textarea::placeholder {
    color: #C2C1C3;
    font-size: 12px;
    line-height: 0.3rem;
}

.service_text textarea::-webkit-input-placeholder {
    color: #C2C1C3;
    font-size: 12px;
    line-height: 0.3rem;
}

.service_text textarea:-moz-placeholder {
    color: #C2C1C3;
    font-size: 12px;
    line-height: 0.3rem;
}

.service_text .icon-tianxie {
    padding: 0.25rem 0;
    color: #C2C1C3;
}

.service_input .icon-yiliao {
    font-size: 20px;
    color: #dbb25f;
}

.service_icon .icon-xinjia, .service_icon .icon-tool_active {
    color: #424242;
}

.service_icon .icon-shenfenzhengming {
    font-size: 23px;
    color: #424242;
    margin-right: 0.1rem;
}

.service_icon .icon-credentials_icon {
    margin-right: 0.1rem;
}

.agree_box {
    /*align-items: center;*/
    font-size: 12px;
    color: #424242;
    padding: 0.28rem 0.25rem;
}

.contract span {
    display: inline;
}

.contract .contract_item {
    color: #D8B25F;
}

.agreetit {
    /*display: flex;*/
    /*display: inline-flex;*/
}

.tgl {
    display: none;
}

.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
    background: none;
}

.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
    background: none;
}

.tgl + .tgl-btn {
    outline: 0;
    /*display: block;*/
    min-width: 0.5rem;
    height: 0.3rem;
    margin-right: 0.1rem;
}

.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}

.tgl + .tgl-btn:after {
    left: 0;
}

.tgl + .tgl-btn:before {
    display: none;
}

.tgl:checked + .tgl-btn:after {
    left: 50%;
}

.tgl-light + .tgl-btn {
    background: #a1a1a1;
    border-radius: 0.4rem;
    padding: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.tgl-light + .tgl-btn:after {
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.tgl-light:checked + .tgl-btn {
    background: #d8b25f;
}

.mint-popup-bottom {
    width: 100%;
}