/* 通用 */
.hidden {
    display: none;
}

.gray-icon {
    color: gray;
}

.red-icon {
    color: #fb6767;
}

.dropdown-menu a:hover {
    background-color: #bb9162;
    color: white;
}

/*限制文字显示长度*/
.line-limit-length {
    font-size: 16px;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

/* 改变鼠标样式 链接跳转 */
.villa-cursor {
    cursor: pointer;
}

.villa-center-active {

}

.villa-center-noactive {

}

.villa-back-center {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

/*页码样式*/
.page-menu {
    /*margin-top: 70px;*/
    margin-bottom: 40px;
    text-align: right;
}

.page-menu > a {
    border-radius: 2px;
    border: 1px solid #777;
    color: #777;
    padding: 2px 6px 2px 6px;
    margin: 3px;
}

.page-menu > a:hover {
    border: 1px solid #bb9162;
    color: #bb9162;
    text-decoration: none;
}

.page-menu > .on {
    border: 1px solid #bb9162;
    background-color: #bb9162;
    color: #fff;
}

.page-number {
    border-bottom: 1px solid #bb9162;
    margin-left: 10px;
    width: 30px;
    text-align: center;
    background-color: transparent;
}

/*评论样式*/
.comment-username {
    white-space: nowrap;
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: 微软雅黑;
    color: rgb(0, 0, 0);
}

.comment-time {
    white-space: nowrap;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: 微软雅黑;
    color: rgb(153, 153, 153);
}

.comment-detail {
    margin: 0;
    padding: 0;
    transform: scale(1);
    transform-origin: left top 0;
    text-overflow: clip;
    white-space: normal;
    text-align: left;
    text-decoration: none;
    user-select: text;
}

/* top 开始 */
.masthead {
    margin-bottom: 2rem;
}

.masthead-brand {
    margin-bottom: 0;
    width: 85px;
    height: 85px;
}

.nav-masthead .nav-link {

    margin-top: 1rem;
    margin-left: 3rem;
    padding: .25rem 0 .3rem 0;
    font-weight: 400;
    color: #ffffff;
    background-color: transparent;
    border-bottom: 2px solid transparent;
    letter-spacing: 2px;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
    border-bottom-color: #bb9d7b;
}

.nav-masthead .nav-link + .nav-link {
    margin-left: 2rem;
}

.nav-masthead .active {
    /*margin-top: .75rem;*/
    color: #bb9d7b;
    border-bottom-color: #bb9d7b;
}

@media (min-width: 48em) {
    .masthead-brand {
        float: left;
    }

    .nav-masthead {
        float: left;
    }
}

.villa-top {
    /*height: 30px;*/
}

#villa-lang span {
    font-size: 14px;
    font-family: 微软雅黑;
    font-style: normal;
    margin-right: 6px;
    margin-left: 6px;
    color: #999999;
}

.villa-top-right input {
    height: 28px;
    width: 152px;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    font-family: 微软雅黑;
    color: #d3d3d3;
    border-radius: 15px;
    padding-left: 10px;
    outline: none;
}

#loginModal > .modal-dialog {
    max-width: 840px;
    padding: 0;
}

#loginModal > .modal-dialog > .modal-content {
    border: none;
    border-radius: 0;
    padding: 0;
}

#loginModal > .modal-dialog > .modal-content > .modal-body {
    padding: 0;
}

#registModal > .modal-dialog {
    max-width: 840px;
    padding: 0;
}

#registModal > .modal-dialog > .modal-content {
    border: none;
    border-radius: 0;
    padding: 0;
}

#registModal > .modal-dialog > .modal-content > .modal-body {
    padding: 0;
}

.login-regist-leftimg {
    width: 400px;
    height: 600px;
    float: left;
}

.login-regist-rightform {
    background-color: white;
    width: 440px;
    height: 600px;
    padding: 38px 0 0 38px;
    float: left;
}

.login-regist-rightform > .btn-group {
    width: 365px;
    height: 53px;
    margin-bottom: 20px;
}

.login-regist-rightform > .btn-group > .btn-secondary {
    width: 50%;
    color: #fff;
    background-color: #bc9264;
    border: 1px solid #bc9264;
}

#dynamic-login {
    background-color: #fff;
    color: #bc9264;
}

.dynamic-password-btn {
    width: 135px;
    height: 43px;
    float: left;
    color: #fff;
    background-color: #bc9264;
    border: none;
    font-weight: 500;
}

.dynamic-password-input {
    width: 365px;
    height: 43px;
    float: left;
    margin-bottom: 0px;
}

.dynamic-password-input > input {
    width: 100%;
    height: 100%;
}

.dynamic-password-input-small {
    width: 220px;
    height: 43px;
    float: left;
}

.dynamic-password-input-small > input {
    width: 100%;
    height: 100%;
    margin-left: 10px;
}

.login-regist-notice {
    float: right;
    margin-top: 10px;
    margin-right: 35px;
}

.login-regist-notice > a {
    color: #bc9264;
}

.login-regist-notice-center {
    float: left;
    margin: 25px 0 0 65px;
    font-size: 18px;
    color: grey;
}

.login-regist-notice-center > span {
    color: #bc9264;
}

.login-regist-notice-center > span:hover {
    color: #0e90d2;
    cursor: pointer;
}

.login-regist-notice-center > a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #bc9264;
    text-decoration: none;
}

.login-regist-notice-center > a:not([href]):not([tabindex]) {
    color: #bc9264;
    text-decoration: none;
}

.login-regist-btn {
    width: 365px;
    height: 43px;
    float: left;
    color: #fff;
    background-color: #bc9264;
    border: none;
    font-size: 22px;
    font-weight: 500;
}

#dynamic-login-form {
    display: none;
}

#tourist-regist {
    color: #bc9264;
    background-color: #ffffff;
}

#seller-regist-form {
    display: none;
}

#organizing-regist-area-next {
    display: none;
}

.regist-notice {
    margin: 0;
    color: transparent;
}

.choose-phone-local {
    width: 60px;
    height: 43px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.regist-phone {
    width: 300px;
    height: 43px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

/* top 结束 */

/* 页头链接导航 开始 */

.villa-nav-right-link {
    margin-top: 14.4px;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-align: right;
    font-family: 微软雅黑;
    color: rgb(188, 188, 188);
}

.villa-nav-right a:hover {
    color: #bb9d7b;
}

.villa-nav-right-active {
    color: #bb9d7b;
}

.villa-nav-split {
    margin-top: 16px;
    padding-top: 7px;
}

.villa-active {
    color: rgba(255, 193, 7, 1);
}

/* footer */
#villa-footer {
    margin-top: 100px;
    font-size: 16px;
    color: white;
    letter-spacing: 1px;
    height: 270px;
}

.villa-footer-nav {
    padding: 36px 0;
    overflow: hidden;
}

.villa-footer-clear-flex:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.villa-footer-title {
    display: inline-block;
    float: left;
    width: calc(33.44% - 55px);
}

.villa-footer-title a {
    color: #fbfbfb;
    font-size: 14px;
}

.villa-footer-title > ul > li {
    font-size: 14px;
}

.villa-footer-title a:hover {
    color: #bb9162;
    text-decoration: none;
}

.villa-footer-qrcode {
    width: 120px;
    text-align: center;
    display: inline-block;
    float: right;
    margin-top: 10px;
}

/* 页头链接导航 结束 */

/*index start*/

/*index end*/

/* villa center start */

/* 页面路径部分 开始 */
.villa-center-path {
    margin-top: 10px;
}

.villa-center-path li {
    display: inline;
}

.breadcrumb-item a {
    color: #686868;
    cursor: pointer;
}

.breadcrumb-item a:hover {
    color: #bb9d7b;
    text-decoration: none;
}

/* 关键检索 样式 开始 */
.villa-keyword-box {
    margin-bottom: 30px;
    border: 1px solid rgb(233, 233, 233);
}

#villa-keyword-box-left {
    background-color: rgb(247, 247, 247);
}

.villa-keyword-list {
    margin-top: 10px;
}

.villa-keyword-list li {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-family: 微软雅黑;
    text-align: center;
}

.villa-keyword {
}

.villa-center-keyword-active {
    background-color: #bb9d7b;
    color: white;
}

.villa-center-keyword-any-active {
    background-color: #bb9d7b;
    color: white;
}

.villa-keyword button {
    margin-top: 14px;
    margin-bottom: 10px;
    margin-left: 40%;
}

.villa-keyword button:hover {
    background-color: #bb9d7b;
    color: white;
}

.villa-keyword-items {
}

.villa-list-inline {
    margin-top: 10px;
    margin-left: 25px;
}

.villa-list-inline > li {
    font-size: 14px;
    font-weight: 400;
    font-family: 微软雅黑;
    font-style: normal;
    padding-right: 20px;
    padding-left: 20px;
    display: inline;
    cursor: pointer;
}

.villa-list-inline > li:hover {
    color: white;
    background-color: #bb9d7b;
}

.villa-keyword-open-content {
    background-color: white;
    display: none;
    padding: 10px;
    text-align: left;
    border: 1px solid rgb(233, 233, 233);
}

#sampleSlider + div {
    margin-left: 27px;
    margin-top: 30px;
}

.kw-tbody {
    text-align: center;
}

.kw-tbody th {
    width: 17%;
}

.kw-tbody td {
    width: 7%;
    font-size: 14px;
    font-weight: 400;
    font-family: 微软雅黑;
    font-style: normal;
}

.last-td {
    color: white;
}

/*关键字检索 结束*/

/* 商品筛选 开始 */

.villa-center-filter {
    width: 32%
}

.villa-center-filter a {
    cursor: pointer;
}

.sortButton {
    border: 1px solid #bb9d7b !important;
    background-color: #ffffff;
    color: #bb9d7b;
}

.sortButton:hover {
    background-color: #bb9d7b;
    color: white;
}

/*.villa-center-filter a:hover {*/
/*color: white;*/
/*background-color: #bb9d7b;*/
/*text-decoration: none;*/
/*}*/

.sortButton-active {
    background-color: #bb9d7b;
    color: white;
}

/*.villa-center-filter-active a {*/
/*height: 100%;*/
/*padding-top: 3px;*/
/*display: block;*/
/*color: white;*/
/*background-color: #bb9d7b;*/
/*}*/

/*.villa-center-filter-active a:hover {*/
/*color: white;*/
/*text-decoration: none;*/
/*}*/

.villa-center-page {
    width: 100%;
    /*margin-bottom: 20px;*/
    font-family: 微软雅黑;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-align: right;
}

.villa-center-page span {
    margin-left: 20px;
}

.villa-center-page a {
    color: black;
    margin-left: 20px;
}

.villa-center-page a:hover {
    color: #bb9d7b;
    text-decoration: none;
}

.product-server-icon {
    margin-bottom: 0 !important;
}

.product-server-icon span {
    color: #777b7f;
    padding-right: 7px;
}

.product-server-icon span:hover {
    color: #bb9d7b;
}

.product-score {
    margin-bottom: .5rem;
}

.product-score span {
    color: #ffa800;
    padding-left: 4px;

}

.product-score_num {
    margin-left: 35px;
    color: #ffa800;
    font-size: 20px;
}

.product-score_num small {
    color: black;
}

/*.product-price-center {*/
/*text-align: center;*/
/*cursor: default;*/
/*position: relative;*/
/*top: 28%;*/
/*margin-top: -30px;*/
/*}*/

/*.product-price-center a {*/
/*color: #ccaa86;*/
/*}*/

/*.product-price-center a:hover {*/
/*text-decoration: none;*/
/*color: #bb9c7b;*/
/*}*/

.product-view-map {
    font-size: 16px;
    margin-bottom: .5rem !important;
    text-align: justify;
}

.product-view-map a {
    text-decoration: none;
    color: #bb9c7b;
}

.product-view-map a:hover {
    text-decoration: none;
    color: #ccaa86;
}

/* 商品列表 开始 */
/* 酒店搜索组件 开始 */

.hot-area {
    cursor: pointer;
    color: black;
    padding: 5px 5px;
}

.hot-area:hover {
    color: #bb9162;
    text-decoration: none;
}

.villa-search-all input:focus {
    outline: none;
}

.villa-center-search {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: rgb(240, 240, 240);
}

.villa-center-search-desc {
    margin-top: 10px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-size: 20px;
    color: rgb(153, 153, 153);
    font-family: 微软雅黑;
    text-align: center;
}

.villa-search-time {
    background-color: white;
    color: rgb(157, 157, 157);
}

.villa-search-destination {
    background-color: white;
    /*height: 53px;*/
    color: rgb(157, 157, 157);
}

.villa-search-destination input {
    font-family: 微软雅黑;
    padding-left: 15px;
    width: calc(100% - 32px);
    height: 35px;
    color: rgb(157, 157, 157);
    cursor: pointer;
    background-color: transparent;
}

.villa-search-destination input::-webkit-input-placeholder { /* WebKit browsers */
    /*color: black;*/
    font-size: 15px;
    letter-spacing: 2px;
}

.villa-search-destination input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 15px;
    letter-spacing: 2px;
}

.villa-search-destination input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 15px;
    letter-spacing: 2px;
}

.villa-search-destination input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 15px;
    letter-spacing: 2px;
}

.villa-search-time input {
    font-family: 微软雅黑;
    width: calc(100% - 40px);
    height: 35px;
    padding-left: 0;
    color: rgb(157, 157, 157);
    cursor: pointer;
    text-align: left;
}

.villa-search-time span {
    font-size: 15px;
}

.villa-search-btn {
    background-color: #2577e3;
    text-align: center;
    cursor: pointer;
}

.villa-search-btn:hover {
    background-color: #2987ff;
}

.villa-search-btn span {
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 4px;
    height: 35px;
    width: 158px;
    color: white;
}

#search-collapse ul {
    font-family: 微软雅黑;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    background-color: white;
    color: rgb(157, 157, 157);
}

#search-collapse li {
    display: inline;
    padding-left: 15px;
    padding-right: 15px;
}

#search-collapse li:hover {
    color: #bb9d7b;
    cursor: pointer;
}

/* 酒店搜索组件 结束 */

/* order页 */
.villa-order-center {
    background-color: rgb(242, 242, 242);
}

.villa-order-center h3 {
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    font-family: 微软雅黑;
    margin-top: 20px;
    margin-bottom: 30px;
}

.villa-order-content {
    background-color: white;
}

.villa-order-content-margin {
    padding-top: 15px;
    padding-bottom: 15px;
}

.order-booking-details + div {
    margin-top: 20px;
    margin-bottom: 20px;
}

.order-booking-details label {
    margin-top: 6px;
}

.order-people-note {
    width: 100%;
    height: 50px;
    margin: 20px;
    padding-left: 25px;
    background-color: rgb(242, 242, 242);
}

.order-people-note p {
    padding-top: 1%;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-family: 微软雅黑;
    color: rgb(43, 100, 164);
}

.order-submission {
    font-family: 微软雅黑;
    font-weight: 400;
    text-align: center;
}

.order-submission button {
    font-size: 24px;
    width: 100%;
    color: white;
    background-color: #bb9d7b;
    height: 50px;
}

.order-submission button:hover {
    background-color: rgb(187, 145, 98);
}

.order-submission p {
    margin-top: 10px;
    margin-bottom: 50px;
    font-size: 14px;
    color: rgb(43, 100, 164);
}

.order-price-table p {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: 微软雅黑;
}

.order-price-date p {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-family: 微软雅黑;
    color: rgb(153, 153, 153);
}

.order-price-table-underline {
    border: 1px solid rgb(236, 236, 236);
    width: 85%;
}

.order-remarks p {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-family: 微软雅黑;
    color: rgb(153, 153, 153);
}

.order-protocol {
    margin-top: 15px;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-family: 微软雅黑;
}

.order-protocol a {
    padding-left: 20px;
    text-decoration: underline;
    color: rgb(43, 100, 164);
}

/* 路径部分 */
.villa-order-path ol {
    margin-top: 10px;
    margin-bottom: 10px;
}

.villa-order-path li {
    display: inline;
}

.villa-order-path a:hover {
    text-decoration: none;
}

.order-form {
    background-color: white;
}

/* product展示部分 */
.villa-order-product p {
    margin-top: 25px;
    font-size: 24px;
    font-weight: 400;
    color: rgb(153, 153, 153);
}

.villa-order-product dl {
    margin-top: 52px;
}

/* villa-detail 价格日历 开始 */

/*villadetail*/
.villa-detail-back-title {
    color: #009ecb;
}

.villa-detail-back-title:hover {
    color: #00c6ff;
    text-decoration: none;
}

.villa-detail-nav-icon {
    width: 18px;
    height: 18px;
    fill: currentColor;
    overflow: hidden;
}

#villa-detail-villaname {
    font-size: 40px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    color: rgb(0, 0, 0);
}

.collect-share-icon {
    width: 0.8em;
    height: 0.8em;
    fill: currentColor;
    overflow: hidden;
    color: #bc9e7c;
}

#villa-detail-villalocal {
    font-size: 24px;
    color: rgb(153, 153, 153);
}

.villa-detail-villalocal-icon {
    width: 0.8em;
    height: 0.8em;
    fill: currentColor;
    overflow: hidden;
    color: #666666;
}

.villa-detail-star-icon {
    width: 1.5em;
    height: 1.5em;
    fill: currentColor;
    overflow: hidden;
    color: #f4ea2a;
}

#villa-detail-score {
    white-space: nowrap;
    text-align: left;
    font-size: 32px;
    color: rgb(0, 0, 0);
}

#villa-detail-score > small {
    white-space: nowrap;
    text-align: left;
    font-size: 18px;
    color: rgb(153, 153, 153);
    letter-spacing: 1px;
}

#villadetail-search-number {
    width: 255px;
}

#villa-detail-form-notice {
    padding-bottom: 15px;
}

#villa-detail-form-notice > .col-md-8 > p {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-family: 微软雅黑;
    color: rgb(43, 100, 164);
}

#villa-detail-form-notice > .col-md-4 > a {
    white-space: nowrap;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    text-decoration: underline;
    font-family: 微软雅黑;
    color: rgb(43, 100, 164);
}

#villa-detail-searchview {
    background-color: #f2f2f2;
}

#villa-detail-search {
    padding-top: 35px;
}

#villa-detail-form-head {
    padding-top: 15px;
    display: flex;
    align-items: center;
    text-align: center;
}

#villa-detail-form-body {
    /*padding-bottom: 40px;*/
    text-align: center;
}

#villa-detail-form-body > .row {
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
}

.villa-detail-form-title {
    font-size: 14px;
    font-family: 微软雅黑;
    color: rgb(153, 153, 153);
}

.villa-detail-form-name-and-number {
    white-space: nowrap;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: 微软雅黑;
    color: rgb(0, 0, 0);
    margin-bottom: 0 !important;
}

.villa-detail-form-price {
    white-space: nowrap;
    text-align: left;
    font-size: 20px;
    text-decoration: underline;
    font-family: 微软雅黑;
    color: rgb(43, 100, 164);
    margin-bottom: 0 !important;
}

.villa-detail-form-remarks {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: 微软雅黑;
    color: rgb(0, 0, 0);
    margin-bottom: 0 !important;
}

.villa-detail-form-book {
    width: 120px;
    height: 40px;
    background-color: #bc9e7c;
    color: #fff;
    font-size: 24px;
    border: none;
}

.villa-detail-form-no-book {
    width: 120px;
    height: 40px;
    background-color: #afafaf;
    color: #fff;
    font-size: 24px;
    border: none;
}

#date-price-view {
    background-color: #F2F2F2;
}

#date-details {
    margin-top: 40px;
    margin-bottom: 60px;
}

#villa-details-calendar {
    margin-top: 40px;
}

.detail-title-h2 {
    white-space: nowrap;
    font-size: 32px;
    text-align: center;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    padding: 60px 0 20px 0;
}

.carousel-indicators > li {
    padding: 5px 5px 5px 5px;
    margin: 0;
    width: 90px;
    height: 90px;
    background-color: #bc9e7c;
    float: left;
    text-indent: 0;
}

.carousel-indicators > li > img {

}

.carousel-indicators > .active {
    background-color: rgba(139, 116, 92, 1);
}

#villa-details {
    background-color: #FFFFFF;
}

.head-portrait {
    border-radius: 100%;
    height: 90px;
    width: 90px;
}

#myScrollspy {
    width: 100%;
    padding: 0 0 20px 0;
}

#myNav {
    /*width: 940px;*/
    margin: auto;
    border: none;
    padding: 50px 0 30px 0;
}

#myNav > li {
    color: black;
    padding: 0 40px 0 40px;
}

#myNav > li > a {
    font-size: 20px;
    color: black;
}

#myNav > li > a:hover {
    color: #bc9e7c;
    text-decoration: none;
}

#all-amenitie-icons {
    height: 142px;
    text-align: center;
    overflow-y: hidden;
    margin: 50px 0 20px 0px;
}

#all-amenities-icons-small > .col-md-1 > p {
    font-size: 12px;
}

#more-amenities {
    margin-top: 20px;
    width: 7%;
    height: 80px;
    color: #0078c9;
    text-align: center;
    padding: 0 15px 0 10px;
    float: left;
}

#more-amenities:hover {
    background-color: rgba(188, 188, 188, 0.25);
}

#more-amenities > span {
    font-size: 26px;
    font-weight: 500;
}

#more-amenities > p {
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
}

.amenitie {
    float: left;
    width: 11%;
    padding: 20px 0 15px 0;
}

.amenitie > p {
    padding: 10px 13px 0 13px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.btn-icon {
    width: 0.75em;
    height: 0.75em;
    fill: currentColor;
    overflow: hidden;
}

.amenities-icon {
    width: 2.5em;
    height: 2.5em;
    fill: currentColor;
    overflow: hidden;
}

.amenities-icon-small {
    width: 2em;
    height: 2em;
    fill: currentColor;
    overflow: hidden;
}

#show-detail {
    height: 300px;
    overflow-y: hidden;
    padding: 1px;
}

#show-detail > p {
    font-size: 16px;
    font-style: normal;
    text-decoration: none;
    font-family: 微软雅黑;
    line-height: 22px;
}

#date-details > p {
    font-size: 16px;
    font-style: normal;
    text-decoration: none;
    font-family: 微软雅黑;
    line-height: 20px;

}

#villa-detail-breadcrumb {
    background-color: transparent;
    padding: 20px 0 20px 0;
}

#villa-detail-breadcrumb > li, li > a {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: 微软雅黑;
}

#villa-detail-breadcrumb > li + li:before {
    color: #CCCCCC;
    content: ">";
    padding: 0 5px;
}

#villaimgwall {
    width: 100vw;
    height: 31.25vw;
}

#leftimg {
    width: 52.08vw;
    height: 100%;
    float: left;
}

#rightimgs {
    width: 47.92vw;
    height: 100%;
    float: left;
}

.rightimg {
    width: 50%;
    height: 50%;
    float: left;
}

#show-hide {
    margin: auto;
    margin-top: 30px;
    margin-bottom: 60px;
    width: 152px;
    height: 50px;
    background-color: transparent;
    color: #bc9e7c;
    border: #bc9e7c 1px solid;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
}

#show-btn {
    padding: 10px;
}

#show-hide:hover {
    background-color: #bc9e7c;
    color: #FFFFFF;
    padding: 0 0 40px 0;
}

.comment-username {
    white-space: nowrap;
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: 微软雅黑;
    color: rgb(0, 0, 0);
}

.comment-time {
    white-space: nowrap;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: 微软雅黑;
    color: rgb(153, 153, 153);
}

.comment-detail {
    margin: 0px;
    padding: 0px;
    width: 1076px;
    transform: scale(1);
    transform-origin: left top 0px;
    text-overflow: clip;
    white-space: normal;
    text-align: left;
    text-decoration: none;
    user-select: text;
}

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

.show-more-comment-img-btn {
    color: #999;
    border: none;
    border-radius: 0;
    width: 200px;
    height: 200px;
    padding: 20px 5px 20px 5px;
    background-color: #f2f2f2;
}

.comment-img-more {
    display: none;
}

/*villadetail 开始*/
#load-villa-images {
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    z-index: 999;
    padding: .4rem 1rem;
    position: relative;
    top: calc(50% - 19px);
}

#load-villa-images:hover {
    background-color: #bb9d7b;
    color: white;
    border: 1px solid #bb9d7b;
}

/*收藏*/
.villa-collect {
    color: #ff679a;
}

.cancel-villa-collect {
    color: #999;
}

.cancel-villa-collect:hover {

}

.gradient {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .25)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, 0) 100%);
}

#search-input-submit:hover {
    cursor: pointer;
}