@import url('css2.css');

body {
    background-color: #f0f2f5;
    font-size: 13px;
    font-family: 'AvantGarde-Book', sans-serif;
    line-height: 25px;
    color: #34495e
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

p {
    font-size: 13px;
    line-height: 22px;
    color: #34495e
}

img {
    height: auto;
    max-width: 100%
}

ul,
ol {
    list-style: outside none none
}

ul {
    margin: 0;
    padding: 0
}

img {
    transform-style: preserve-3d
}


a {
    transition: color 300ms ease 0s, background-color 300ms ease 0s;
    text-decoration: none !important;
    color: #34495e
}

a:hover {
    transition: color 300ms ease 0s, background-color 300ms ease 0s;
    color: #34495e
}

a,
a:hover {
    text-decoration: none
}

a:focus {
    outline: medium none;
    outline-offset: 0
}

.hv-100 {
    height: 100vh
}

.map {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.badge {
    border-radius: 8px;
    font-size: 12px;
    font-weight: 400;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #2946f7
}

.page-item.active .page-link {
    background-color: #516af0;
    border-color: #516af0;
    color: #fff;
    z-index: 1
}

.page-link {
    color: #516af0;
    border: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.bg-dark {
    background-color: #232636 !important
}

.bg-user-head {
    background-color: #F5F8FD !important
}

.box-shadow-none {
    border: 7px solid #fff !important;
    box-shadow: none !important
}

.overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.login-with-social .btn {
    color: #fff;
    font-size: 13px;
    padding: 12px 0;
    position: relative;
    font-weight: 400;
    text-transform: uppercase
}

.btn-twitter {
    background: #64ccf1 none repeat scroll 0 0
}

.btn-google {
    background: #df4930 none repeat scroll 0 0
}

.btn-facebook {
    background: #507cc0 none repeat scroll 0 0
}

.login-with-social .btn .mdi {
    font-size: 19px;
    left: 18px;
    position: absolute;
    top: 8px
}

.btn {
    font-size: 13px;
    padding: 12px 39px;
    font-weight: bold;
    border-radius: 8px
}

b,
strong {
    font-weight: 500
}

#content .card {
    box-shadow: none;
    margin: 0;
    padding: 26px 0 26px 26px
}

#content .card-body,
#content .card-footer {
    padding: 16px 0
}

#content .card-footer span {
    font-size: 12px
}

#content .card-footer {
    padding-bottom: 0
}

.map-slider-form {
    background: #efefef none repeat scroll 0 0;
    left: auto !important;
    padding: 20px 0;
    position: relative !important;
    right: auto !important
}

.slider-h-auto .carousel-item {
    height: auto !important
}

.padding-card .card-body {
    padding: 35px
}

.padding-card .card-body label {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px;
    padding-right: 10px;
    padding-left: 0px;
    text-transform: Capitalize;
}

.padding-card .card-body .form-radio-label {
    font-weight: 400;
}

.margin-auto {
    margin: auto
}

.no-radius {
    border-radius: 0 !important
}

label {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 2px
}

.form-control {

    border-color: #eee;
    font-size: 21px
}

.custom-select {
    height: 50px;
    font-size: 16px;

}

.select2-container--open .select2-dropdown--below {
    border: medium none;
    border-radius: 0
}

.section-padding {
    padding: 100px 0
}

.text-success {
    color: #516af0 !important
}

.btn-disabled {
    width: 390px;
    height: 61px;
    background: #EFEFEF;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    color: #999999;
    line-height: 25px;
}

.btn-disabled:hover {
    color: #999999;
    text-decoration: none;
}

a.text-success:focus,
a.text-success:hover {
    color: #2946f7 !important
}

.bg-primary {
    background-color: #516af0 !important
}

.bg-about-one {
    background-color: #F5F8FD !important
}

.bg-about-two {
    background-color: #EDF3FA !important
}

.btn-success,
.btn-primary,
.btn-outline-primary:hover {
    background: linear-gradient(137deg, #4985FC 0%, #0155FF 100%);
    box-shadow: 6px 9px 8px 0px rgba(52, 119, 250, 0.12);
    border-radius: 4px;
    color: #fff
}

.btn-outline-primary {
    color: #516af0;
    border-color: #516af0
}

.btn-success:hover,
.btn-success:focus {
    background-color: #2946f7;
    border-color: #2946f7;
    color: #fff
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #2946f7;
    border-color: #2946f7;
    color: #fff
}

.btn-outline-success {
    background-color: transparent;
    background-image: none;
    border-color: #516af0;
    color: #516af0
}

.btn-outline-success:hover {
    background-color: #2946f7;
    border-color: #2946f7;
    color: #fff
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    background-color: transparent;
    color: #2946f7
}

.btn-link {
    background-color: transparent;
    color: #516af0;
    font-weight: 400
}

.demo-page .card.padding-card .card-body {
    padding: 0
}

.demo-page .card.padding-card .card-body h5 {
    font-size: 15px;
    padding: 4px 10px
}

nav.navbar {
    background: #fff none repeat scroll 0 0 !important;
    padding: 0
}

nav.navbar .navbar-nav .nav-link {
    padding: 34px 50px;
    color: rgba(0, 0, 0, .8);
    font-size: 20px;
    font-weight: bold;
    font-family: "AvantGarde", Sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

nav.navbar .navbar-nav .nav-link hr {
    margin: 0;
    margin-top: 0px;
    color: #0155FF;
    height: 3px;
    background: #0155FF;
    margin-top: 5px;
}

nav.navbar .navbar-nav .show {

    color: #0155FF !important;

}

.logo img {
    height: 80px
}

.dropdown-menu {
    border: medium none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 2px
}

.dropdown-menu .dropdown-item {
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 0px;
    font-weight: bold;
    text-align: center;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #0155FF;
    text-decoration: none;
    background-color: #D5DAEA
}

.main-nav-right .btn {
    width: 140px;
    height: 42px;
    background: linear-gradient(137deg, #4985FC 0%, #0155FF 100%);
    box-shadow: 6px 9px 8px 0px rgba(52, 119, 250, 0.12);
    border-radius: 4px;
    padding: 0;
    font-size: 18px;
    line-height: 40px;
    padding-left: 20px;
}

.main-nav-right .list-inline-item {
    margin: 0
}

.site-slider {
    position: relative
}

.site-slider .carousel-item {
    height: 800px;
    min-height: 800px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.slider-form {
    left: 12%;
    position: absolute;
    right: 12%;
    top: 12%
}

.slider-form form {
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.slider-form .slider-box {
    width: 562px;
    height: 608px;
    background: #FFFFFF;
    border-radius: 8px;
    opacity: 0.76;
    backdrop-filter: blur(6px);
    z-index: 9
}

.slider-form .slider-box .slider-box-img {
    width: 90px;
    height: 77px;
    margin: auto;
}

.slider-form .slider-box .slider-box-title {
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    line-height: 45px;
    text-align: center;
    margin-bottom: 50px;
}

.slider-form .slider-box .slider-box-select a .select-one {
    background-color: rgba(23, 104, 228, 0.08);
    border-radius: 4px;
    height: 77px;
    width: 306px;
    margin: auto;
    text-align: center;
}

.slider-form .slider-box .slider-box-select a .select-two {
    background-color: rgba(23, 104, 228, 0.08);
    border-radius: 4px;
    height: 77px;
    width: 306px;
    margin: auto;
    text-align: center;
    margin-top: 20px;
}

.slider-form .slider-box .slider-box-select a .select-one span {
    color: rgba(26, 101, 246, 1);
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    line-height: 77px;
}

.slider-form .slider-box .slider-box-select a .select-two span {
    color: rgba(26, 101, 246, 1);
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    line-height: 77px;
}

.slider-form .slider-box p {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.slider-form .slider-box p img {
    margin-right: 14px;
width: 25px;
margin-bottom: 5px;
}

.slider-form .select2-selection {
    border: medium none !important;
    border-radius: 0 !important;
    height: auto !important;
    padding: 15px 15px 15px 33px
}

.slider-form .form-control {
    border: medium none !important;
    border-radius: 0 !important;
    height: auto !important;
    padding: 19px 15px 19px 43px
}

.slider-form .select2-selection__arrow {
    margin: 15px 12px 0
}

.slider-form .btn {
    font-size: 13px;
    padding: 14px 8px;
    border-radius: 8px !important;
    border: 5px solid
}

.inner-page-form .input-group {
    padding: 1px
}

.card {
    border: medium none;
    margin-bottom: 32px;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    padding: 50px;
}

.card-list .badge {
    right: 20px;
    padding: 7px 10px;
    position: absolute;
    top: 20px;
    z-index: 9
}

.card-list .card-body .card-title {
    font-size: 18px
}

.card-list .card-body .card-subtitle {
    font-size: 14px;
    font-size: 13px;
    font-weight: 400;
    color: #929cab
}

.card-list .card-body h2 small {
    font-size: 19px
}

.card-list .card-footer span {
    margin: 0 16px 0 0
}

.card-footer {
    background: #fff none repeat scroll 0 0;
    border-color: #eee
}

.card-overlay {
    height: 380px;
    overflow: hidden;
    position: relative
}

.card-overlay .card-img {
    height: 380px;
    object-fit: cover;
    width: 100%
}

.card-overlay .card-img-overlay {
    left: 0;
    margin: auto;
    right: 0;
    text-align: center;
    top: auto
}

.review-block-rate .mdi {
    color: #ffc107;
    font-size: 19px;
    letter-spacing: -3px
}

.review-block-rate {
    margin: 15px 0
}

.review-block-rate .badge-pill {
    vertical-align: text-bottom
}


.logo-card {
    padding-bottom: 15px
}

.logo-card img {
    background: #fff none repeat scroll 0 0;
    height: 87px;
    width: 191px;
    box-shadow: 0px 12px 15px 0px rgba(201, 208, 213, 0.11);
    border-radius: 12px;
    border: 1px solid #E6E6E6;
}



.agents-card {
    padding-bottom: 15px
}

.agents-card img {
    background: #fff none repeat scroll 0 0;
    border-radius: 90px;

    height: 107px
}

.sidebar-card .card-body {
    padding: 35px
}

.sidebar-card-list li a {
    display: inline-block;
    width: 100%
}

.sidebar-card-list>li {
    line-height: 32px
}

.sidebar-card-list li a .sidebar-badge {
    float: right;
    font-weight: 500;
    margin: 0
}

#featured-properties .card-body {
    padding: 30px 0
}

#featured-properties .card {
    box-shadow: none;
    margin: 0
}

#featured-properties img {
    border-radius: 3px
}

#featured-properties .carousel-indicators .active {
    background-color: #818080
}

#featured-properties .carousel-indicators li {
    background-color: rgba(166, 166, 166, 0.5)
}

#featured-properties .carousel-indicators {
    margin: 0
}

.tags-action span {
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    padding: 3px 10px
}

.tags-action span i {
    margin: 0 0 0 3px
}

.site_top_filter {
    margin-bottom: 18px
}

.view-mode {
    margin: 0
}

.view-mode a {
    background: rgba(8, 90, 254, 0.09);
    border-radius: 0 4px 4px 0;
    display: inline-block;
    margin: 0;
    padding: 10px 15px;
}

.view-mode a.active {
    color: #34495e
}

.more-btn {
    height: 45px;
    background: linear-gradient(137deg, #4985FC 0%, #0155FF 100%);
    box-shadow: 6px 9px 8px 0px rgba(52, 119, 250, 0.12);
    border-radius: 4px 0 0 4px;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    line-height: 22px;
}

.sort-by-btn .btn {
    min-width: 160px;
    padding: 6px 9px;
    text-align: left;
    border: 0
}

.sort-by-btn .dropdown-toggle::after {
    position: absolute;
    right: 11px;
    text-align: right;
    top: 15px;
    vertical-align: top
}

.card-list-view .card-body,
.card-list-view .card-footer {
    padding: 20px 30px
}

.blog-card .card-footer img {
    margin: 0 11px 0 0;
    width: 33px
}

.blog-card .badge {
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: normal;
    margin: 0 0 12px;
    padding: 6px 10px;
    text-transform: uppercase
}

.blog-card .badge-primary {
    background-color: rgba(92, 93, 232, 0.1);
    color: #5c5de8
}

.blog-card .badge-danger {
    background-color: rgba(250, 100, 35, 0.1);
    color: #fa6423
}

.blog-card .badge-success {
    background-color: rgba(0, 216, 200, 0.09);
    color: #00d8c8
}

.blog-card .badge-dark {
    background-color: rgba(52, 58, 64, 0.19);
    color: #343a40
}

.blog-card .badge-info {
    background-color: rgba(23, 160, 184, 0.17);
    color: #17a2b8
}

.blog-card .badge-white {
    background-color: rgba(255, 255, 255, 0.81);
    color: #5c5de8
}


.reviews-card .d-flex {
    height: 50px;
    width: 50px
}

.reviews-card h5 small {
    color: #848484;
    font-size: 12px;
    margin: 0 0 0 8px
}

.star-rating i {
    font-size: 15px;
    letter-spacing: -6px
}

.list-icon i {
    float: left;
    font-size: 36px;
    line-height: 47px;
    width: 52px
}

.list-icon {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 32px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    padding: 15px 21px
}

.list-icon strong {
    text-transform: uppercase;
    vertical-align: text-top;
    font-weight: 600;
    color: #000
}

.list-icon p {
    line-height: 11px
}

.property-single-title {
    bottom: 0;
    left: 0;
    padding: 37px 0;
    position: absolute;
    right: 0
}

.property-features-add .custom-control {
    margin: 7px 0
}

.fuzone {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 3px dashed #eee;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    min-height: 150px;
    position: relative;
    text-align: center;
    transition: all .3s linear 0s;
    width: 100%
}

.fuzone .fu-text {
    color: #98aab8;
    font-size: 12px;
    margin: 50px 40px;
    position: relative;
    text-align: center
}

.fuzone .fu-text i {
    display: inline-block;
    font-size: 54px;
    padding-bottom: 10px;
    transition: all .3s linear 0s;
    width: 100%
}

.fuzone input {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.user-pages-sidebar .nav-link {
    padding: 8px 0;
    position: relative
}

.user-pages-sidebar .nav-link:hover {
    color: #007bff
}

.user-pages-sidebar .nav-item {
    display: inline-block;
    width: 100%
}

.user-pages-sidebar .nav-link.active:after {
    content: "";
    position: absolute;
    left: -35px;
    background: #007bff;
    top: 9px;
    bottom: 9px;
    width: 3px
}

.user-pages-sidebar .nav-link:hover:after {
    content: "";
    position: absolute;
    left: -35px;
    background: #007bff;
    top: 9px;
    bottom: 9px;
    width: 3px
}

.user-pages-main {
    margin: -66px 0 0 0
}

.property-single-title-gallery {
    background: #fff none repeat scroll 0 0;
    padding: 50px 0;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.broker-desc {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-top: 66px;
    font-weight: 100;
}

.show {
    color: red;
}

.footer li {
    line-height: 34px
}

.footer-social {
    font-size: 16px;
    width: 85%;
}

.footer-social a {
    background: #516af0 none repeat scroll 0 0;
    border-radius: 50px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    width: 35px;
    color: #fff
}

.footer-social a:hover {
    background: #000 none repeat scroll 0 0;
    color: #f5f5f5
}

.footer-logo {
    width: 100px
}

@media(min-width:0) and (max-width:767px) {
    .container {
        max-width: 100%
    }

    .section-padding {
        padding: 50px 0
    }

    nav.navbar {
        padding: 10px 15px
    }

    .navbar-toggler {
        padding: 2px 5px
    }

    nav.navbar .navbar-nav .nav-link {
        border-bottom: 1px solid #ececec;
        padding: 10px 12px;
        text-align: center
    }

    .main-nav-right {
        text-align: center
    }

    nav.navbar .dropdown-menu .dropdown-item {
        font-size: 13px;
        padding: 7px 20px;
        text-align: center
    }

    .carousel-indicators {
        bottom: auto;
        left: auto;
        margin: 0;
        position: absolute;
        right: 12px;
        top: 16px
    }

    .banner-list {
        padding: 0 15px !important
    }

    .banner-list h6 {
        font-size: 13px;
        font-weight: 100;
        line-height: 21px;
        margin: 0 0 27px !important
    }

    .banner-list .card {
        margin-top: 30px
    }

    .inner-page-form,
    .slider-form {
        bottom: 1px !important;
        left: 1px;
        right: 1px;
        top: auto !important
    }

    .inner-page-form .container,
    .slider-form .container {
        padding: 0
    }

    .carousel-control-prev,
    .carousel-control-next {
        display: none
    }

    .property-single-title {
        text-align: center
    }

    .property-single-title .text-right {
        text-align: center !important
    }

    .property-single-title .footer-social {
        margin: 20px 0 0
    }

    .btn {
        font-size: 13px;
        font-weight: bold;
        padding: 9px 27px
    }

    h1 {
        font-size: 34px
    }

    h2 br {
        display: none
    }

    .padding-card .card-body,
    .sidebar-card .card-body {
        padding: 18px
    }

    .card-list-view .card-body,
    .card-list-view .card-footer {
        padding: 18px
    }

    .footer h4 {
        margin: 0 0 10px !important
    }

    .footer h6 {
        margin: 30px 0 8px !important
    }

    .site_top_filter {
        text-align: center
    }

    .site_top_filter .float-right {
        float: none !important;
        margin: 3px 1px !important
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .container {
        max-width: 100%
    }

    nav.navbar {
        padding: 10px 15px
    }

    .navbar-toggler {
        padding: 2px 5px
    }

    nav.navbar .navbar-nav .nav-link {
        border-bottom: 1px solid #ececec;
        padding: 10px 12px;
        text-align: center
    }

    .main-nav-right {
        text-align: center
    }

    nav.navbar .dropdown-menu .dropdown-item {
        font-size: 13px;
        padding: 7px 20px;
        text-align: center
    }

    .carousel-indicators {
        bottom: auto;
        left: auto;
        margin: 0;
        position: absolute;
        right: 12px;
        top: 16px
    }

    .padding-card .card-body,
    .sidebar-card .card-body {
        padding: 18px
    }

    .card-list-view .card-body,
    .card-list-view .card-footer {
        padding: 18px
    }

    .section-padding {
        padding: 60px 0
    }
}

@media(min-width:1024px) and (max-width:1200px) {
    .container {
        max-width: 100%
    }
}

.profile-sidebar img {
    margin-bottom: 15px
}

.profile-sidebar .card-title {
    margin-bottom: 5px
}

.profile-sidebar .card-subtitle {
    font-size: 12px;
    font-weight: 600
}

.card-info p {
    margin-bottom: 5px
}

.form-radio {
    position: relative;
    display: inline;
    padding-left: 1.25rem;
}

.custom-radio {
    /* 隐藏默认radio */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* 设置radio的大小 */
    width: 20px;
    height: 20px;
    /* 设置radio的边框 */
    border: 2px solid #ccc;
    border-radius: 50%;
    /* 设置radio的背景色 */
    background-color: #fff;
    /* 设置radio选中时的样式 */
    outline: none;
    margin-top: 2px;
}

.custom-radio:checked {
    background-color: #fff;
    border: 5px solid #007bff;
}

.form-radio {
    position: relative;
    display: inline;
    padding-left: 1.25rem;
    font-size: 20px;
    font-weight: 600;
    margin-right: 30px;
}

.form-radio-label {
    margin-left: 10px;
}

.form-radio-message {
    display: block;
    font-size: 16px !important;
    color: #999999;
    margin-top: 10px;
    margin-left: 20px;
    font-weight: 400 !important;
    text-transform: initial !important;

}

.input-custom {
    height: 56px;
}

.label-align-center {
    display: flex;
    align-items: center;
    justify-content: left;
}

.head-title {
    text-align: left;
    margin-left: 0;
    padding-left: 10px;
    border-left: 5px solid #0155FF;
    line-height: 20px;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    display: block;
    margin-bottom: 50px;
}

.padding-card .card-body .form-check-text {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
    text-transform: initial;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
    margin-top: 10px;
}

::placeholder {
    font-size: 16px;
}


.about-me {
    padding: 50px;
    background: linear-gradient(180deg, #F2F6F9 0%, #F7FAFC 100%);
    box-shadow: 14px 17px 21px 0px rgba(221, 230, 237, 0.27);
    border-radius: 4px;
    border: 2px solid #FFFFFF;
}

.about-me h2 {
    font-size: 38px;
}

.about-me p {
    font-size: 20px;
    line-height: 30px;
}

.about-box {
    position: relative;
}

.box-text {
    position: absolute;
    top: 0;
    padding: 30px;
    width: 80%;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 35px;
    letter-spacing: 1px;
}

.img-hao {
    position: absolute;
    bottom: 0;
    right: 10px;
}

/* 联名购房 */

.form-radio {
    display: inline-block;
}

.calc-title {
    display: block;
    padding-left: 1.25rem;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #000;
}

.radio-wrapper {
    display: flex;
    align-items: center;
}

.form-radio-input {
    margin-right: 5px;
}

.radio-wrapper .form-radio-label {
    margin-top: 5px;
    color: #666;
}

.padding-card .card-body .form-input-label {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 2px;
    margin-right: 20px;
}

.number {
    font-size: 46px;
    font-family: AlimamaShuHeiTi;
    color: #0155FF;

    vertical-align: sub;
}

.radio-wrapper .form-input-label {
    height: 28px;
    font-size: 20px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #666666;
    line-height: 28px;
    width: 300px;
}

.radio-wrapper .form-control {
    width: 264px;
    height: 56px;
}

.radio-wrapper .form-tip-label {
    width: 76px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    background-color: #f8f8f8;
    color: #666666;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px;
}

.form-control-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0px;
    width: 310px;
}

.radio-wrapper .form-control-wrapper .form-control {
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #333333;
    width: 100%;

}

.user-pages-sidebar {
    box-shadow: 4px 7px 28px 0px rgba(20, 66, 159, 0.05);
    height: auto;
    border-radius: 8px;
}

.user-pages-sidebar h6 {
    height: 87px;
    line-height: 87px;
    text-align: center;
    font-size: 32px;
    color: #fff;
    background: #FF954B;
    box-shadow: 6px 9px 8px 0px rgba(255, 149, 75, 0.12);
    border-radius: 8px 8px 0px 0px;
}

.statement {
    background: #F5F7FA;
    border-radius: 8px;
    padding: 30px;
    position: relative;
}

.statement h2 {
    width: 152px;
    height: 53px;
    font-size: 24px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000000;
    line-height: 53px;
}

.statement p {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 25px;
    letter-spacing: 1px;
}

.container_one {
    height: 340px;
    width: 210px;
    margin: auto;
}

.container_one div canvas {
    top: -30px !important;
}

.result {
    display: grid;
    padding: 20px;
}

.result p {

    height: 22px;
    font-size: 22px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
}

.result span {
    width: 55px;
    height: 46px;
    font-weight: bold;
    font-size: 46px;
    font-family: AlimamaShuHeiTi;
    color: #0155FF;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 46px;
}

.result button {
    background: linear-gradient(137deg, #4985FC 0%, #0155FF 100%);
    box-shadow: 6px 9px 8px 0px rgba(52, 119, 250, 0.12);
    border-radius: 4px;
}

/* 联系我们 */
.contact form label {

    height: 56px;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    line-height: 55px;
}

.contact form .form-control {
    height: 56px;
    border-radius: 4px;
    border: 2px solid #EFEFEF;
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
    background: #fff;
}

.contact form button {
    width: 390px;
    height: 61px;
    background: #EFEFEF;
    border-radius: 4px;
    margin: auto;
    font-size: 18px;
}


.contact form textarea {

    height: 150px !important;

}


.contact form .btn-success {
    width: 390px;
    height: 61px;
    background: linear-gradient(137deg, #4985FC 0%, #0155FF 100%);
    box-shadow: 6px 9px 8px 0px rgba(52, 119, 250, 0.12);
    border-radius: 4px;
    color: #fff;
}

.agree input {
    width: 20px;
    height: 20px;
}


.collapsed-more {}

.collapsed-more span {
    background: linear-gradient(137deg, #4985FC 0%, #0155FF 100%);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;


    color: #fff;


}

.collapsed-more span a {

    color: #fff;
}

.more-btn-box {
    display: flex;
}


.compare {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: medium none;
    margin-bottom: 32px;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    padding: 50px;
}

.compare-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
    margin-top: 20px;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.compare-head {
    height: 54px;
    background: #F5F7FA;
    border-radius: 8px 8px 0px 0px;
}

.compare-head .compare-title {
    line-height: 54px;
    font-size: 16px;
    display: block ruby;
}

.compare-list {

    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.06);
}

.compare-item {
    height: 121px;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    display: flex;
    align-items: center;
    /* 垂直居中 */
    justify-content: center;
    /* 水平居中 */
}

.card-bank-logo {
    width: 80px;
}

.bank-more {
    height: 45px;
    background: linear-gradient(137deg, #4985FC 0%, #0155FF 100%);
    box-shadow: 6px 9px 8px 0px rgba(52, 119, 250, 0.12);
    border-radius: 4px 0 0 4px;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.bankmore {
    height: 470px;
    background: #F5F7FA;
    border-radius: 8px 8px 0px 0px;
    padding: 35px;
}

.left-border {
    border-left: 5px solid #0155FF;
    padding-left: 10px;
    margin-bottom: 25px;
}

.bankmore-info ul li {
    height: 49px;
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bankmore-info ul li span {
    flex: 1;
    text-align: center;
    font-size: 16px;
    color: #000;
}


.bankmore-info ul li:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;

    background: #FF954B;
    border-radius: 8px 8px 0px 0px;

}

.bankmore-info ul li:first-child span {
    flex: 1;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.telegram {
    width: 20px;
    margin-right: 10px;
}

.iveinterest-body {
    display: flex;
}

.iveinterest-box {
    height: 270px;
    background: #F5F7FA;

}

.aa-img {
    width: 106px;
    height: 126px;
}

.iveinterest-box-title {
    line-height: 50px;
    font-size: 30px;
    margin-bottom: 30px;
}

.iveinterest-box-text {
    font-size: 18px;
    line-height: 30px;
}

.bg-iveinterest {
    background-image: url(/static/picture/mergeImage.png);
    height: 450px;
}

.bg-phone {
    background-image: url(/static/picture/phone-bg.png);
    height: 290px;
}

.bg-phone .bg-phone-left {
    width: 126px;
    height: 126px;
    margin-left: 120px;
    position: absolute;
    margin-top: 30px;
}

.bg-hao-left {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 60px;
}

/* 卖家印花税 */
.seller form .form-input-label {
    width: 300px;
    margin-right: 50px;
}

.contact {
    background: #F5F8FD;
}

.btn-email {
    background: #3075FF;
    border: 1px solid rgba(255, 255, 255, 0.37);
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 25px;
}

.btn-email i {
    margin-right: 5px;
}

.sendmail {
    width: 360px;
    height: 61px;
    background: linear-gradient(137deg, #4985FC 0%, #0155FF 100%);
    box-shadow: 6px 9px 8px 0px rgba(52, 119, 250, 0.12);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #FFFFFF;
    font-size: 18px;
    margin: auto;
    margin-top: 20px;
    cursor: pointer;
}

.input-group-addon {
    width: 60px;
    text-align: center;
}

.yuan-y {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 3px;
    background: #fff;
    border: 5px solid #FF954B;
    border-radius: 50px;
}

.yuan-b {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 3px;
    background: #fff;
    border: 5px solid #34A8FF;
    border-radius: 50px;
}

.tips {

    color: #999999 !important;
    font-size: 14px !important;
}


.loan-input {
    display: flex;
    align-items: center;

    width: 100%;

    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-top-color: rgb(206, 212, 218);
    border-right-color: rgb(206, 212, 218);
    border-bottom-color: rgb(206, 212, 218);
    border-left-color: rgb(206, 212, 218);
    border-top-color: rgb(206, 212, 218);
    border-right-color: rgb(206, 212, 218);
    border-bottom-color: rgb(206, 212, 218);
    border-left-color: rgb(206, 212, 218);
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    line-height: 50px;
}

.loan-input .minus {
    float: left;
    height: 58px;
    border-right: 1px solid #eee;
    border-left: none;
    border-top: none;
    border-bottom: none;

    border-radius: 0;
    color: #999;
    padding-left: 25px;
    padding-right: 25px;
}

.loan-input .input-custom {
    border: none;
    line-height: 58px;
    height: 58px;
    padding-left: 10px;
}

.loan-input .plus {
    float: right;
    height: 58px;
    border: 1px solid #eee;
    border-radius: 0;
    color: #999;
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;


    border-left: 1px solid #eee;
    border-right: none;
    border-top: none;
    border-bottom: none;


}

.loan-input .plus:hover,
.loan-input .minus:hover {
    background: linear-gradient(137deg, #4985FC 0%, #0155FF 100%);
    box-shadow: 6px 9px 8px 0px rgba(52, 119, 250, 0.12);
    border-radius: 4px;
    color: #fff;
}

.select-bank .custom-select {
    line-height: 35px;
    font-size: 18px;
}

.select-bank .custom-select .bank-logo {
    width: 25px;
    margin-right: 10px;margin-bottom: 3px;
}

.select-bank .dropdown-menu p {
    text-align: left;
    font-size: 16px;
    padding-left: 15px;
    margin: 0;
    height: 50px;
    line-height: 50px;
}

.select-bank .dropdown-menu p span
{
    display: inline-block;
width: 80px;
}
.select-bank .dropdown-menu p .bank-logo {
    width: 25px;
    margin-right: 40px;
    margin-bottom: 3px;
    margin-left: 40px;
}

.select-bank .dropdown-menu p:hover {
    background-color: #F6F8FF;
}


.select-bank .dropdown-menu p:hover span {
    color:#0155FF;
  }

.zone {
    display: block;
    line-height: 55px;
}

.zone span {
    position: absolute;
    padding-left: 15px;
    background: #f0eeee;
    border-radius: 5px 0 0 5px;
    padding-right: 15px;
}

.zone input {
    padding-left: 70px;
}

.error-message {
    background: #fff !important;
    position: absolute !important;
    line-height: 30px !important;
    padding: 3px !important;
    color: #dd0e0e !important;
    display: block;
}
.error-message .error-ico
{
    margin-right: 2px;
    margin-bottom: 4px;
    width: 15px;
}

.error-border
{
    border-color: #F51919 !important;
    border-width: 1px !important;
}
.show-item {
    color: #0155FF;
}

.en_width
{
    width: 600px !important;
}
.form-radio
{
    text-transform: Capitalize;
}
.nav-item 
{
    display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

.whatapp
{
    width: 25px;
margin-right: 10px;
margin-bottom: 5px;

}
.loan-title
{
    font-size: 21px;
}
.age_label{
    width: 180px !important;
}
.rate_tips
{
   
        height: 22px;
        font-size: 22px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #333333;
        line-height: 22px;
    
        color: #999999 !important;
        font-size: 16px !important;
}
.nicole_tips
{
width: auto;
                                        height: 44px;
                                        font-size: 16px;
                                        font-family: PingFangSC-Regular, PingFang SC;
                                        font-weight: 400;
                                        color: #999999;
                                        line-height: 22px;}


                                        .nicole_write
                                        {
                                        border: 1px solid #fff;}

                                             .nicole_write_s
                                        {
                                        border: 2px solid #fff;}



                                        .navbar-brand {

  height: auto !important;

}