/**
 *  亿时代
 */

.site-form {
    background: white;
    display: block;
}

.site-btn {
    padding: 20rpx 30rpx;
}

.site-input {
    padding: 0 30rpx 0 200rpx;
    position: relative;
    line-height: 90rpx;
    min-height: 90rpx;
}

.site-input label {
    position: absolute;
    left: 30rpx;
    top: 0;
}

.site-input input {
    height: 90rpx;
}

.site-input image {
    width: 38rpx;
    height: 38rpx;
    position: absolute;
    right: 20rpx;
    top: calc(50% - 19rpx);
}

.conneColor {
    width: calc(100%- 100rpx);
}

.site-input::before {
    position: absolute;
    bottom: 0;
    left: 30rpx;
    right: 0;
    height: 1rpx;
    content: "";
    background: #e4e6f2;
}

.site-input:last-child::before {
    display: none;
}

.tui-picker-detail {
    width: 33%;
}

.site-btn button[size="mini"] {
    width: 100%;
    background: #f57e32;
    height: 80rpx;
    line-height: 80rpx;
    font-size: 30rpx;
    color: white;
    padding: 0;
}

/* pickerView */

.pickerView-back {
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.pickerView-back.active {
    display: block;
}

.pickerView-layer {
    position: fixed;
    bottom: -571rpx;
    left: 0;
    width: 100%;
    background: white;
    transition: all .3s;
}

.pickerView-layer.active {
    bottom: 0;
}

.pickerView-btn {
    line-height: 90rpx;
    font-size: 30rpx;
    padding: 0 30rpx;
    display: flex;
    justify-content: space-between;
}

.pickerView {
    height: 480rpx;
    padding: 0 10rpx;
}

.pickerView-name {
    line-height: 80rpx;
    padding: 0 20rpx;
    text-align: center;
}

.pickerView-mask {
    border-top: solid 1rpx #e4e6f2;
}

.pickerView-indicator {
    height: 80rpx;
}

.pickerView-determine {
    color: #f57e32;
}

.pickerView-cancel {
    color: #747788;
}

.site-switch {
    font-size: 32rpx;
    margin: 30rpx;
    display: flex;
    line-height: 40rpx;
}

.site-switch text {
    flex: 1;
}

.site-switch-active {
    color: #797979;
}