body {
    background-image: url("/Content/images/IMG_8141.jpg");
    background-position: 100% initial;
    background-color: rgba(0,0,0,0.5);
}

.header {
    background-color: rgba(255,255,255,0);
    border-bottom: 1px solid #b5b1b0;
    position: relative;
    box-shadow: none;
}

.title span {
    margin-left: 0px;
}

.transparent-background {
    background-color: rgba(75,75,75,0.6);
    z-index: -10;
}

.icon-iconfont-fanhui {
    position: absolute;
    color: white;
    font-size: 20px;
    left: 3%;
    top: 16px;
}

.my-list, .gray-height, .panel-3, .swiper-slide:last-of-type, .panel-1 label, .confirm-password {
    display: none;
}

.panel-1 {
    margin-top: 50px;
}

    .panel-1 input {
        height: 35px;
        border-radius: 8px;
        width: 100%;
        background: rgba(179,179,179,0.8);
        border: none;
        color: #666;
        text-align: center;
    }

        .panel-1 input::-webkit-input-placeholder {
            color: #666;
        }

        .panel-1 input::-ms-input-placeholder {
            color: #666;
        }

.phone, .code, .pic-code, .password, .confirm-password, .city, .property, .apartment-layout, .room-number {
    width: 70%;
    padding-left: 0%;
    margin-bottom: 5px;
}

.phone, .code, .password, .confirm-password, .city, .property, .apartment-layout, .room-number {
    background: rgba(0,0,0,0);
    border-bottom: none;
}

    .code input {
        width: 45%;
    }

.send-code {
    width: 45%;
    float: right;
    margin-top: 5px;
}

.submit,.verification-code {
    width: 70%;
    background: white;
    border-radius: 8px;
    color: #666;
    margin-top: 5px;
    height: 35px;
    line-height: 35px;
    font-size: 1.15em;
}

@media (min-width:768px ) {
    .password, .confirm-password, .city, .property, .apartment-layout, .room-number {
        width: 88%;
    }

    .phone, .code, .pic-code, .password, .confirm-password, .city, .property, .apartment-layout, .room-number {
        width: 88%;
    }

    .submit {
        width: 88%;
    }
}
#MSValidateCode{width:45%;}
#getMobileCode{
    width: 45%;
    float: right;
    margin-top: 5px;
    height: 35px;
    border-radius: 8px;
    border: medium none;
    color: #666;
    text-align: center;
}
.disabled {
    background:#ccc;
}