.animation,
.admin-container .action-services li a:before {
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

@media only screen and (max-width: 1024px) {
    header,
    #divMobileUiBar {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .wrap-top-gap {
        padding-top: 0;
    }
}

@media only screen and (max-width: 1024px) {
    footer {
        padding-bottom: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    footer {
        padding-bottom: 70px !important;
    }
}

.pro-banner-swiper {
    max-width: 903px;
    position: relative;
    margin: 0 auto;
}

    .pro-banner-swiper .top-back {
        position: relative;
        top: 18px;
        background: transparent;
        -moz-transition: background 350ms ease-in-out;
        -o-transition: background 350ms ease-in-out;
        -webkit-transition: background 350ms ease-in-out;
        transition: background 350ms ease-in-out;
    }

        .pro-banner-swiper .top-back.fixed-attr {
            width: 100%;
            position: fixed;
            top: 0;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
        }

@media only screen and (max-width: 1024px) {
    .pro-banner-swiper .top-back.fixed-attr {
        height: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-banner-swiper .top-back.fixed-attr {
        height: 40px;
    }
}

.pro-banner-swiper .top-back.fixed-attr .back-to-list {
    top: 7px;
}

.pro-banner-swiper .back-to-list {
    display: none;
    position: absolute;
    top: 0;
    left: 12px;
    z-index: 11;
    -moz-transition-duration: 0ms;
    -o-transition-duration: 0ms;
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
}

@media only screen and (max-width: 1024px) {
    .pro-banner-swiper .back-to-list {
        display: inline-block;
        width: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-banner-swiper .back-to-list {
        width: 14px;
    }
}

.pro-banner-swiper .back-to-list:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -6px;
    left: -10px;
    background: transparent;
    z-index: 13;
}

.pro-banner-swiper .swiper-button {
    display: inline-block;
    width: 52px;
    position: absolute;
    bottom: 23px;
    z-index: 11;
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .pro-banner-swiper .pro-banner-swiper-pagination {
        bottom: 5px;
    }
}

.pro-banner-swiper .swiper-pagination-bullet {
    background: #c1c1c1;
}

.pro-banner-swiper .swiper-pagination-bullet-active {
    background: #fff;
}

.pro-banner-swiper .button-prev {
    left: -134px;
}

.pro-banner-swiper .button-next {
    right: -134px;
}

.pro-banner-swiper .swiper-button-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.pro-banner-swiper .fav-btn {
    width: 29px;
    position: absolute;
    top: 13px;
    right: 19px;
    z-index: 11;
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .pro-banner-swiper .fav-btn {
        width: 27px;
        top: 15px;
        right: 20px;
    }
}

.pro-banner-swiper .fav-btn:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: -7px;
    right: -7px;
    background: transparent;
    z-index: 9;
}

.pro-banner-swiper .fav-btn.gray .gray {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.pro-banner-swiper .fav-btn.gray .pink {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.pro-banner-swiper .fav-btn.pink .pink {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.pro-banner-swiper .fav-btn.pink .gray {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.pro-banner-swiper .fav-btn i {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -webkit-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}

.pro-banner-swiper .fav-btn .pink {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.pro-banner-swiper .view360-btn {
    width: 131px;
    position: absolute;
    bottom: 32px;
    right: 24px;
    z-index: 11;
}

@media only screen and (max-width: 767px) {
    .pro-banner-swiper .view360-btn {
        width: 78px;
        bottom: 22px;
        right: 15px;
    }
}

.pro-banner-swiper .pro-pic {
    position: relative;
    overflow: hidden;
}

    .pro-banner-swiper .pro-pic.ratio16-9 .wrap img {
        width: 100%;
    }

    .pro-banner-swiper .pro-pic a {
        display: table;
        width: 100%;
        height: 508px;
        position: relative;
        margin: 0 auto;
        overflow: hidden;
    }

@media only screen and (max-width: 1024px) {
    .pro-banner-swiper .pro-pic a {
        height: -moz-calc(100vw * 0.562569);
        height: -webkit-calc(100vw * 0.562569);
        height: calc(100vw * 0.562569);
        max-height: 508px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-banner-swiper .pro-pic a {
        width: 100%;
        height: -moz-calc(100vw * 0.562569);
        height: -webkit-calc(100vw * 0.562569);
        height: calc(100vw * 0.562569);
    }
}

.pro-banner-swiper .pro-pic .wrap {
    display: table-cell;
    position: relative;
    z-index: 11;
    vertical-align: middle;
}

    .pro-banner-swiper .pro-pic .wrap img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 508px;
        margin: auto;
    }

@media only screen and (max-width: 1024px) {
    .pro-banner-swiper .pro-pic .wrap img {
        height: -moz-calc(100vw * 0.562569);
        height: -webkit-calc(100vw * 0.562569);
        height: calc(100vw * 0.562569);
    }
}

@media only screen and (max-width: 767px) {
    .pro-banner-swiper .pro-pic .wrap img {
        max-height: -moz-calc(100vw * 0.562569);
        max-height: -webkit-calc(100vw * 0.562569);
        max-height: calc(100vw * 0.562569);
    }
}

.pro-banner-swiper .pro-pic .bg-blur {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-filter: blur(15px) brightness(1.8);
    filter: blur(15px) brightness(1.8);
}

    .pro-banner-swiper .pro-pic .bg-blur:after {
        content: "";
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
    }

.pro-gallery {
    width: 100vw;
    max-width: 1120px;
    height: 794px;
    position: relative;
    margin: 0 auto;
}

@media only screen and (max-width: 1300px) {
    .pro-gallery {
        height: 660px;
        padding: 0 30px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-gallery {
        height: -moz-calc((100vw * 0.5625));
        height: -webkit-calc((100vw * 0.5625));
        height: calc((100vw * 0.5625));
        padding: 0;
    }
}

.pro-gallery .gallery-top {
    height: 79.34%;
}

@media only screen and (max-width: 1300px) {
    .pro-gallery .gallery-top {
        height: 400px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-gallery .gallery-top {
        height: 100%;
    }
}

.pro-gallery .gallery-top .swiper-slide .pro-pic {
    position: relative;
    overflow: hidden;
}

    .pro-gallery .gallery-top .swiper-slide .pro-pic a {
        display: table;
        width: 100%;
        height: 630px;
        position: relative;
        margin: 0 auto;
        overflow: hidden;
    }

@media only screen and (max-width: 1300px) {
    .pro-gallery .gallery-top .swiper-slide .pro-pic a {
        height: 400px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-gallery .gallery-top .swiper-slide .pro-pic a {
        width: 100%;
        height: -moz-calc(100vw * 0.562569);
        height: -webkit-calc(100vw * 0.562569);
        height: calc(100vw * 0.562569);
    }
}

.pro-gallery .gallery-top .swiper-slide .pro-pic .wrap {
    display: table-cell;
    position: relative;
    z-index: 11;
    vertical-align: middle;
}

    .pro-gallery .gallery-top .swiper-slide .pro-pic .wrap img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 630px;
        margin: auto;
    }

@media only screen and (max-width: 1300px) {
    .pro-gallery .gallery-top .swiper-slide .pro-pic .wrap img {
        max-height: 400px;
    }
}

@media only screen and (max-width: 1024px) {
    .pro-gallery .gallery-top .swiper-slide .pro-pic .wrap img {
        height: -moz-calc(100vw * 0.562569);
        height: -webkit-calc(100vw * 0.562569);
        height: calc(100vw * 0.562569);
    }
}

@media only screen and (max-width: 767px) {
    .pro-gallery .gallery-top .swiper-slide .pro-pic .wrap img {
        max-height: -moz-calc(100vw * 0.562569);
        max-height: -webkit-calc(100vw * 0.562569);
        max-height: calc(100vw * 0.562569);
    }
}

.pro-gallery .gallery-top .swiper-slide .pro-pic .bg-blur {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-filter: blur(10px) brightness(1.8);
    filter: blur(10px) brightness(1.8);
}

    .pro-gallery .gallery-top .swiper-slide .pro-pic .bg-blur:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
    }

.pro-gallery .popup-thumb-swiper-pagination {
    width: 100%;
    max-width: 1120px;
    margin: 8px 0;
    left: 0;
}

.pro-gallery .swiper-pagination-bullet {
    background: #c1c1c1;
}

.pro-gallery .swiper-pagination-bullet-active {
    background: #fff;
}

.pro-gallery .gallery-thumbs {
    height: 15.869%;
    margin-top: 38px;
}

@media only screen and (max-width: 1300px) {
    .pro-gallery .gallery-thumbs {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .pro-gallery .gallery-thumbs {
        display: none;
    }
}

.pro-gallery .gallery-thumbs .swiper-slide {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    border: 1px solid #d8d8d8;
    border-right: 0;
}

    .pro-gallery .gallery-thumbs .swiper-slide:last-child {
        border-right: 1px solid #d8d8d8;
    }

    .pro-gallery .gallery-thumbs .swiper-slide .pro-pic {
        position: relative;
        overflow: hidden;
    }

        .pro-gallery .gallery-thumbs .swiper-slide .pro-pic a {
            display: table;
            width: 100%;
            height: 124px;
            position: relative;
            margin: 0 auto;
            overflow: hidden;
        }

@media only screen and (max-width: 767px) {
    .pro-gallery .gallery-thumbs .swiper-slide .pro-pic a {
        width: 100%;
        height: -moz-calc(100vw * 0.562569);
        height: -webkit-calc(100vw * 0.562569);
        height: calc(100vw * 0.562569);
    }
}

.pro-gallery .gallery-thumbs .swiper-slide .pro-pic .wrap {
    display: table-cell;
    position: relative;
    z-index: 11;
    vertical-align: middle;
}

    .pro-gallery .gallery-thumbs .swiper-slide .pro-pic .wrap img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 124px;
        margin: auto;
    }

@media only screen and (max-width: 767px) {
    .pro-gallery .gallery-thumbs .swiper-slide .pro-pic .wrap img {
        max-height: -moz-calc(100vw * 0.562569);
        max-height: -webkit-calc(100vw * 0.562569);
        max-height: calc(100vw * 0.562569);
    }
}

.pro-gallery .gallery-thumbs .swiper-slide .pro-pic .bg-blur {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-filter: blur(10px) brightness(1.8);
    filter: blur(10px) brightness(1.8);
}

    .pro-gallery .gallery-thumbs .swiper-slide .pro-pic .bg-blur:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
    }

.pro-outter-frame {
    max-width: 903px;
    position: relative;
    margin: 0 auto;
}

.pro-main-container {
    width: 1080px;
    padding: 25px 0 0 25px;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container {
        width: 768px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container {
        width: 100%;
        padding: 15px 15px 0;
    }
}

.pro-main-container .disp-container,
.pro-main-container .admin-wrapper {
    display: inline-block;
    vertical-align: top;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container,
    .pro-main-container .admin-wrapper {
        display: block;
    }
}

.pro-main-container .disp-container {
    width: 654px;
}

@media only screen and (max-width: 1499px) {
    .pro-main-container .disp-container {
        width: 500px;
    }
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container {
        width: 350px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container {
        width: 100%;
    }
}

.pro-main-container .disp-container .pro-disp-attr {
    position: relative;
    margin: 0 0 35px;
    padding: 11px 0 40px;
    border-bottom: 1px solid #727171;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-disp-attr {
        padding: 11px 0 30px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-disp-attr {
        margin: 0 0 15px;
        padding: 0 0 20px;
    }
}

.pro-main-container .disp-container .pro-disp-attr .tag {
    display: inline-block;
    margin: 0 0 10px;
    padding: 2px 10px 1px;
    line-height: 130%;
    background: #d597c1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 19px;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-disp-attr .tag {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-disp-attr .tag {
        padding: 1px 10px;
        font-size: 15px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
    }
}

.pro-main-container .disp-container .pro-disp-attr .type {
    padding: 0 0 20px;
    font-size: 19px;
    line-height: 130%;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-disp-attr .type {
        font-size: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-disp-attr .type {
        width: 73%;
        width: -moz-calc((100% - 40px));
        width: -webkit-calc((100% - 40px));
        width: calc((100% - 40px));
        padding: 0;
    }
}

.pro-main-container .disp-container .pro-disp-attr .type:before {
    content: "";
    display: inline-block;
    width: 51px;
    height: 13px;
    margin: 0 5px 0 0;
    vertical-align: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-disp-attr .type:before {
        width: 40px;
        height: 11px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-disp-attr .type:before {
        width: 27px;
        height: 8px;
        vertical-align: 1px;
    }
}

.pro-main-container .disp-container .pro-disp-attr .type.type01 {
    color: #80b12c;
}

    .pro-main-container .disp-container .pro-disp-attr .type.type01:before {
        background: #80b12c;
    }

.pro-main-container .disp-container .pro-disp-attr .type.type02 {
    color: #5594cb;
}

    .pro-main-container .disp-container .pro-disp-attr .type.type02:before {
        background: #5594cb;
    }

.pro-main-container .disp-container .pro-disp-attr .type.type03 {
    color: #af68a7;
}

    .pro-main-container .disp-container .pro-disp-attr .type.type03:before {
        background: #af68a7;
    }

.pro-main-container .disp-container .pro-disp-attr .type.type04 {
    color: #f29945;
}

    .pro-main-container .disp-container .pro-disp-attr .type.type04:before {
        background: #f29945;
    }

.pro-main-container .disp-container .pro-disp-attr .title {
    padding: 0 0 2px;
    font-size: 23px;
    color: #595857;
    line-height: 130%;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-disp-attr .title {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-disp-attr .title {
        padding: 7px 0 2px;
    }
}

.pro-main-container .disp-container .pro-disp-attr .price {
    color: #595857;
    font-size: 22px;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-disp-attr .price {
        font-size: 17px;
    }
}

.pro-main-container .disp-container .plus-services {
    color: #494a4b;
    overflow: hidden;
}

    .pro-main-container .disp-container .plus-services .title,
    .pro-main-container .disp-container .plus-services .sub-disp {
        display: inline-block;
    }

    .pro-main-container .disp-container .plus-services .title {
        font-size: 30px;
    }

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .plus-services .title {
        font-size: 18px;
    }
}

.pro-main-container .disp-container .plus-services .title i {
    display: inline-block;
    width: 12px;
    vertical-align: 14px;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .plus-services .title i {
        width: 7px;
        vertical-align: 8px;
    }
}

.pro-main-container .disp-container .plus-services .sub-disp {
    min-width: 332px;
    width: auto;
    position: relative;
    font-size: 17px;
    font-weight: bold;
    border-bottom: 1px solid #dcdddd;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .plus-services .sub-disp {
        min-width: 154px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .plus-services .sub-disp {
        min-width: 46.13vw;
        font-size: 14px;
    }
}

.pro-main-container .disp-container .plus-services .sub-disp:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: -100%;
    border-bottom: 1px solid #dcdddd;
}

.pro-main-container .disp-container .plus-services .services-container {
    position: relative;
    margin: 5px 0 0;
    padding: 10px 0 18px 10px;
    background: #fdfdfd;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .plus-services .services-container {
        padding: 10px 0 10px 10px;
    }
}

.pro-main-container .disp-container .plus-services .rate-container {
    display: inline-block;
    position: relative;
    vertical-align: 0;
}

    .pro-main-container .disp-container .plus-services .rate-container:after {
        content: "";
        display: block;
        width: 1px;
        height: 44px;
        position: absolute;
        top: 50%;
        right: -15px;
        margin-top: -24px;
        background: #dcdddd;
    }

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .plus-services .rate-container:after {
        height: 64px;
        margin-top: -32px;
        vertical-align: top;
    }
}

.pro-main-container .disp-container .plus-services .rate-container em {
    display: block;
    font-size: 41px;
    line-height: 100%;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .plus-services .rate-container em {
        font-size: 50px;
    }
}

.pro-main-container .disp-container .plus-services .rate-container .rate-star {
    margin: -8px 0 0 3px;
}

    .pro-main-container .disp-container .plus-services .rate-container .rate-star li {
        display: inline-block;
        width: 12px;
        margin: 0 0 0 -3px;
        vertical-align: middle;
    }

.pro-main-container .disp-container .plus-services .services-wrapper {
    display: inline-block;
    width: 389px;
    position: relative;
    margin: 0 0 0 92px;
    vertical-align: 9px;
}

@media only screen and (max-width: 1499px) {
    .pro-main-container .disp-container .plus-services .services-wrapper {
        width: 280px;
    }
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .plus-services .services-wrapper {
        width: 210px;
        margin: 0 0 0 35px;
        vertical-align: -8px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .plus-services .services-wrapper {
        width: -moz-calc((100vw - 166px));
        width: -webkit-calc((100vw - 166px));
        width: calc((100vw - 166px));
        margin: 0 23px 0 35px;
        vertical-align: top;
    }
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .plus-services .services-wrapper ul {
        margin-top: -9px;
    }
}

.pro-main-container .disp-container .plus-services .services-wrapper ul li {
    vertical-align: top;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .plus-services .services-wrapper ul li {
        margin-top: 9px !important;
    }
}

.pro-main-container .disp-container .plus-services .services-wrapper ul li a {
    display: block;
    padding: 1px 5px;
    font-size: 16px;
    color: #494a4b;
    text-align: center;
    border: 1px solid #dcdddd;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media only screen and (max-width: 1499px) {
    .pro-main-container .disp-container .plus-services .services-wrapper ul li a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .plus-services .services-wrapper ul li a {
        padding: 1px 5px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .plus-services .services-wrapper .index-wrap {
        position: absolute;
        top: -50px;
        right: 0;
        z-index: 2;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .plus-services .services-wrapper .index-wrap {
        top: -43px;
        right: -23px;
    }
}

.pro-main-container .disp-container .plus-services .services-wrapper .index-wrap .swiper-pagination-fraction {
    font-size: 12px;
    color: #8d8582;
}

@media only screen and (min-width: 1025px) {
    .pro-main-container .disp-container .plus-services .services-wrapper .index-wrap .swiper-pagination-fraction {
        position: absolute;
        top: -52px;
        bottom: auto;
        left: -10px;
    }
}

@media only screen and (max-width: 1499px) {
    .pro-main-container .disp-container .plus-services .services-wrapper .index-wrap .swiper-pagination-fraction {
        top: -56px;
    }
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .plus-services .services-wrapper .index-wrap .swiper-pagination-fraction {
        display: inline-block;
        width: auto;
        position: relative;
        top: auto;
        margin: 0 9px 0 0;
    }

        .pro-main-container .disp-container .plus-services .services-wrapper .index-wrap .swiper-pagination-fraction:after {
            content: "";
            display: inline-block;
            position: absolute;
            width: 1px;
            height: 11px;
            top: 50%;
            margin-top: -6px;
            right: -8px;
            background: #ccc;
        }
}

.pro-main-container .disp-container .plus-services .services-wrapper .index-wrap .swiper-pagination-fraction .swiper-pagination-current {
    color: #48494a;
}

@media only screen and (min-width: 1025px) {
    .pro-main-container .disp-container .plus-services .services-wrapper .swiper-button {
        position: absolute;
        top: 50%;
        margin-top: -16px;
    }
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .plus-services .services-wrapper .swiper-button {
        display: inline-block;
        margin: 0 2px;
        vertical-align: -2px;
    }
}

@media only screen and (min-width: 1025px) {
    .pro-main-container .disp-container .plus-services .services-wrapper .button-prev {
        left: -50px;
    }
}

@media only screen and (min-width: 1025px) {
    .pro-main-container .disp-container .plus-services .services-wrapper .button-next {
        right: -50px;
    }
}

.pro-main-container .disp-container .plus-services .services-wrapper .swiper-button-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
}

.pro-main-container .disp-container .plus-services .q-mark {
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .plus-services .q-mark {
        margin: 14px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .plus-services .q-mark {
        margin: 0;
    }
}

.pro-main-container .disp-container .plus-services .q-mark .icon {
    display: inline-block;
    width: 16px;
    position: absolute;
    bottom: -11px;
    right: 8px;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .plus-services .q-mark .icon {
        width: 12px;
        bottom: -5px;
        right: 3px;
    }
}

.pro-main-container .disp-container .plus-services .q-mark .icon:hover ~ .more {
    display: block;
}

.pro-main-container .disp-container .plus-services .q-mark .icon:before {
    content: "";
    display: block;
    position: absolute;
    width: 45px;
    height: 28px;
    top: 0;
    right: 0;
    background: transparent;
    z-index: 2;
}

.pro-main-container .disp-container .plus-services .q-mark .more {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    padding: 2px 2px 1px;
    color: #8d8582;
    line-height: 120%;
    font-size: 12px;
    border: 1px solid #dcdddd;
    background: #fff;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .plus-services .q-mark .more {
        top: 10px;
        right: 0;
    }
}

.pro-main-container .disp-container .plus-services .q-mark .more:hover {
    display: block;
}

.pro-main-container .disp-container .plus-services .q-mark .more .circle-arrow-right {
    margin: 0 -5px;
}

    .pro-main-container .disp-container .plus-services .q-mark .more .circle-arrow-right span {
        height: 10px;
        border: 0;
        background: transparent;
    }

.pro-main-container .disp-container .pro-detail-disp {
    margin: 38px 0 0;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp {
        padding: 0 8px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .detail-tab {
    position: relative;
    z-index: 11;
    border-bottom: 1px solid #727171;
}

    .pro-main-container .disp-container .pro-detail-disp .detail-tab li {
        display: inline-block;
        margin: 0 0 -2px 18px;
        vertical-align: top;
    }

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .detail-tab li {
        margin: 0 0 -2px 31px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .detail-tab li:first-child {
    margin: 0 0 -2px 0;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .detail-tab li:first-child {
        margin: 0 0 -2px 23px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .detail-tab li a {
    display: block;
    padding: 0 8px 4px;
    border-bottom: 3px solid transparent;
    font-size: 16px;
    color: #595757;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .detail-tab li a {
        padding: 0 0 4px;
        font-size: 18px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .detail-tab li a.selected {
    color: #af68a7;
    border-bottom: 3px solid #af68a7;
}

.pro-main-container .disp-container .pro-detail-disp .container {
    display: none;
}

    .pro-main-container .disp-container .pro-detail-disp .container.selected {
        display: block;
    }

    .pro-main-container .disp-container .pro-detail-disp .container.intro-attr {
        padding: 5px 0 0;
    }

        .pro-main-container .disp-container .pro-detail-disp .container.intro-attr .section {
            padding: 20px 10px;
        }

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container.intro-attr .section {
        padding: 15px 2px 17px 22px;
    }

        .pro-main-container .disp-container .pro-detail-disp .container.intro-attr .section:first-child {
            padding: 10px 2px 14px 22px;
        }
}

.pro-main-container .disp-container .pro-detail-disp .container .section {
    padding: 20px 0;
    color: #3e3a39;
    font-size: 16px;
    border-top: 1px solid #dcdddd;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .section {
        font-size: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .section {
        padding: 20px 0;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .section:first-child {
    border-top: 0;
}

.pro-main-container .disp-container .pro-detail-disp .container .section a {
    color: #3e3a39;
}

.pro-main-container .disp-container .pro-detail-disp .container .title {
    padding: 0 0 2px;
    font-size: 18px;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .title {
        font-size: 17px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container p {
    line-height: 170%;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container p {
        line-height: 130%;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .pin-address em {
    display: inline-block;
    width: 13px;
    margin: 0 0 0 8px;
    vertical-align: -1px;
}

.pro-main-container .disp-container .pro-detail-disp .container .conveniences {
    margin: -4px 0 0 -18px;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .conveniences {
        margin: -4px 0 0 -10px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .conveniences li {
    display: inline-block;
    width: 136px;
    margin: 13px 0 0 18px;
    vertical-align: top;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .conveniences li {
        width: 88px;
        margin: 15px 0 0 10px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .conveniences li .pro-pic {
    position: relative;
    overflow: hidden;
}

    .pro-main-container .disp-container .pro-detail-disp .container .conveniences li .pro-pic .cell-attr {
        display: table;
        width: 100%;
        height: 136px;
        position: relative;
        margin: 0 auto;
        overflow: hidden;
    }

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .conveniences li .pro-pic .cell-attr {
        height: 88px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .conveniences li .pro-pic .wrap {
    display: none;
    position: relative;
    z-index: 11;
    vertical-align: middle;
}

    .pro-main-container .disp-container .pro-detail-disp .container .conveniences li .pro-pic .wrap img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 136px;
        margin: auto;
    }

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .conveniences li .pro-pic .wrap img {
        max-height: 88px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .conveniences li .pro-pic .bg-blur {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .pro-main-container .disp-container .pro-detail-disp .container .conveniences li .pro-pic .bg-blur:after {
        content: "";
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
    }

.pro-main-container .disp-container .pro-detail-disp .container .conveniences li .txt {
    padding: 10px 2px 0;
    line-height: 130%;
}

.pro-main-container .disp-container .pro-detail-disp .container .traffic-line {
    margin: -7px 0 0 64px;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .traffic-line {
        margin: -14px 0 0 -15px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .traffic-line li {
    display: inline-block;
    margin: 20px 0 0 33px;
    vertical-align: top;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .traffic-line li {
        margin: 15px 0 0 15px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon {
    margin: 0 11px 0 0;
}

    .pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon:before {
        display: inline-block;
        width: 34px;
        height: 34px;
        vertical-align: 0;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        font-size: 21px;
        line-height: 34px;
    }

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon:before {
        width: 27px;
        height: 27px;
        font-size: 15px;
        line-height: 27px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon.o:before {
    content: "O";
    background: #eead2a;
}

.pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon.g:before {
    content: "G";
    background: #0a8359;
}

.pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon.br:before {
    content: "BR";
    background: #c48c31;
    font-size: 16px;
}
.pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon.yl:before {
    content: "Y";
    background: #ffdc00;
    color: black;
    font-size: 16px;
}


@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon.br:before {
        font-size: 14px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon.r:before {
    content: "R";
    background: #e3002c;
}

.pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon.bl:before {
    content: "BL";
    background: #0070bd;
    font-size: 16px;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon.bl:before {
        font-size: 14px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon.y:before {
    content: "Y";
    background: #fedb00;
}

.pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon.lg:before {
    content: "LG";
    background: #a1d884;
    font-size: 16px;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .icon.lg:before {
        font-size: 14px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .img {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0 11px 0 0;
    vertical-align: -10px;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .img {
        width: 27px;
        height: 27px;
        vertical-align: -8px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .img img {
    width: 19px;
    margin: 5px auto;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .traffic-line li .img img {
        margin: 1px auto;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .map-wrap {
    position: relative;
    margin: 31px 0 0;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .map-wrap {
        margin: 17px 0 0;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .map-wrap .open-to {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    color: #595857;
    background: #fff;
    z-index: 13;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .map-wrap .open-to {
        top: auto;
        bottom: 10px;
        right: 10px;
        padding: 5px 10px;
        color: #fff;
        background: #727171;
        font-size: 15px;
        z-index: 99;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .map-wrap .open-to {
        right: -13px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .map-wrap .open-to i {
    width: 16px;
    margin: 0 5px 0 0;
    vertical-align: -2px;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .map-wrap .open-to i {
        width: 13px;
        vertical-align: -1px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .map-wrap .open-to .pc {
    display: inline-block;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .map-wrap .open-to .pc {
        display: none;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .map-wrap .open-to .mobile {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .map-wrap .open-to .mobile {
        display: inline-block;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .map-wrap .map_canvas {
    height: 370px;
    margin: 5px 0 0;
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .map-wrap .map_canvas {
        margin: 1px -25px 0;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .spec-disp {
    position: relative;
    margin: -16px 0 0;
    overflow: hidden;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .spec-disp {
        margin: -21px 0 0;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .spec-disp:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #fff;
    z-index: 1;
}

.pro-main-container .disp-container .pro-detail-disp .container .spec-disp li {
    display: inline-block;
    width: 218px;
    position: relative;
    margin: 0 0 0 -4.5px;
    padding: 21px 10px 21px 9px;
    vertical-align: top;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .spec-disp li {
        padding: 16px 10px 16px 22px;
    }
}

@media only screen and (min-width: 1025px) {
    .pro-main-container .disp-container .pro-detail-disp .container .spec-disp li:nth-child(3n + 1) {
        padding: 21px 5px 21px 14px;
    }
}

@media only screen and (min-width: 1025px) {
    .pro-main-container .disp-container .pro-detail-disp .container .spec-disp li:nth-child(3n + 2) {
        margin: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .spec-disp li {
        width: 50%;
        margin: 0;
    }

        .pro-main-container .disp-container .pro-detail-disp .container .spec-disp li:nth-child(2n + 2) {
            margin: 0 0 0 -5px;
            padding: 16px 21px 16px 9px;
        }
}

.pro-main-container .disp-container .pro-detail-disp .container .spec-disp li:before {
    content: "";
    display: block;
    width: 1000%;
    max-width: 700px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #dcdddd;
}

.pro-main-container .disp-container .pro-detail-disp .container .spec-disp li .spec-title {
    color: #595757;
    font-size: 18px;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .spec-disp li .spec-title {
        font-size: 17px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .spec-disp li .disp {
    margin: 5px 0 0;
    color: #3e3a39;
    line-height: 130%;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .spec-disp li .disp {
        margin: 0;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap {
    margin: 22px 0 0 0;
    padding: 0 0 0 10px;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap {
        margin: 22px 0 0 0;
        padding: 15px 0 0 22px;
        border-top: 1px solid #dcdddd;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap {
        padding: 15px 0 0 23px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap:first-child {
    margin: 5px 0 0 0;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap:first-child {
        margin: -5px 0 0 0;
        padding: 0 0 0 22px;
        border-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap:first-child {
        margin: -5px 0 0 0;
        padding: 0 0 0 23px;
    }
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .title {
        font-size: 17px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .inner-wrap {
    margin: -15px 0 0 93px;
}

@media only screen and (max-width: 1499px) {
    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .inner-wrap {
        margin: -15px 0 0 85px;
    }
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .inner-wrap {
        margin: -2px 0 0 14px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .inner-wrap li {
    display: inline-block;
    width: 220px;
    position: relative;
    margin: 15px 0 0;
    padding: 3px 5px 2px 38px;
    vertical-align: top;
}

@media only screen and (max-width: 1499px) {
    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .inner-wrap li {
        width: 200px;
    }
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .inner-wrap li {
        width: 49%;
        margin: 2px 0 0;
        padding: 3px 5px 2px 34px;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .inner-wrap li i {
    display: inline-block;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 1024px) {
    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .inner-wrap li i {
        margin: 0 4px 0 0;
    }
}

.pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .inner-wrap li i.no-icon {
    width: 30px;
    height: 30px;
}

    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .inner-wrap li i.no-icon:before,
    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .inner-wrap li i.no-icon:after {
        content: "";
        display: block;
    }

    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .inner-wrap li i.no-icon:before {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 50%;
        margin-left: -10px;
        border: 1px solid #ccc;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .pro-main-container .disp-container .pro-detail-disp .container .item-lists .outer-wrap .inner-wrap li i.no-icon:after {
        width: 1px;
        height: 19px;
        position: absolute;
        top: 5px;
        left: 15px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #ccc;
    }

.admin-wrapper {
    width: 358px;
    margin: 0 0 0 39px;
}

@media only screen and (max-width: 1024px) {
    .admin-wrapper {
        margin: 0 0 0 11px;
    }
}

@media only screen and (max-width: 767px) {
    .admin-wrapper {
        width: 100%;
        margin: 0;
    }
}

.admin-container {
    padding: 20px;
}

@media only screen and (min-width: 768px) {
    .admin-container {
        border: 2px solid #efefef;
    }
}

@media only screen and (max-width: 767px) {
    .admin-container {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 10px 10px 6px 15px;
        background: #fff;
        border-top: 2px solid #efefef;
        z-index: 999;
    }
}

.admin-container.call ~ .call-disp {
    display: block;
}

.admin-container.reserve ~ .reserve-disp {
    display: block;
}

.admin-container.share ~ .share-disp {
    display: block;
}

@media only screen and (max-width: 767px) {
    .admin-container .profile,
    .admin-container .action-services {
        display: inline-block;
        vertical-align: top;
    }
}

.admin-container .profile .pic,
.admin-container .profile .disp {
    display: inline-block;
    vertical-align: middle;
}

.admin-container .profile .pic {
    width: 80px;
    margin: 0 22px 0 0;
}

@media only screen and (max-width: 767px) {
    .admin-container .profile .pic {
        width: 44px;
        margin: 0 5px 0 0;
    }
}

.admin-container .profile .pic img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.admin-container .profile .disp {
    color: #595857;
    font-size: 18px;
}

.admin-container .profile .name,
.admin-container .profile .number {
    display: block;
    line-height: 130%;
}

.admin-container .profile .name {
    width: 155px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 767px) {
    .admin-container .profile .name {
        width: 56px;
        font-size: 14px;
    }
}

.admin-container .profile .number {
    padding: 2px 0 0;
}

@media only screen and (max-width: 767px) {
    .admin-container .profile .number {
        padding: 4px 0 0;
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .admin-container .profile .number em {
        display: block;
    }
}

.admin-container .action-services {
    margin: 40px 0 0;
}

@media only screen and (max-width: 767px) {
    .admin-container .action-services {
        width: 58%;
        width: -moz-calc((100% - 123px));
        width: -webkit-calc((100% - 123px));
        width: calc((100% - 123px));
        margin: 5px 0 0 10px;
    }
}

.admin-container .action-services li {
    display: inline-block;
    width: 33.3333%;
    float: left;
}

    .admin-container .action-services li:first-child .txt:before {
        display: none;
    }

    .admin-container .action-services li a,
    .admin-container .action-services li .icon,
    .admin-container .action-services li .txt {
        display: block;
        color: #af68a7;
        text-align: center;
    }

    .admin-container .action-services li a {
        position: relative;
    }

        .admin-container .action-services li a:before {
            content: "";
            display: block;
        }

        .admin-container .action-services li a.selected:before {
            width: 100%;
            height: 80px;
            position: absolute;
            top: -9px;
            left: 0;
            background: #f7f7f7;
        }

@media only screen and (max-width: 767px) {
    .admin-container .action-services li a.selected:before {
        height: 68px;
        top: -15px;
    }
}

.admin-container .action-services li .icon {
    width: 22px;
    height: 24px;
    position: relative;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    .admin-container .action-services li .icon {
        width: 20px;
        height: 22px;
    }
}

.admin-container .action-services li .txt {
    position: relative;
    padding: 5px 0 0;
}

@media only screen and (max-width: 767px) {
    .admin-container .action-services li .txt {
        font-size: 12px;
    }
}

.admin-container .action-services li .txt:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    position: absolute;
    bottom: 4px;
    left: 0;
    background: #595857;
}

.info-fix {
    background: #f6f6f6;
}

@media only screen and (max-width: 767px) {
    .info-fix {
        width: 100%;
        position: fixed;
        bottom: 70px;
        left: 0;
        z-index: 999;
        -moz-box-shadow: 0 -3px 3px -3px rgba(24, 24, 24, 0.3);
        -webkit-box-shadow: 0 -3px 3px -3px rgba(24, 24, 24, 0.3);
        box-shadow: 0 -3px 3px -3px rgba(24, 24, 24, 0.3);
    }
}

.more-to-see {
    max-width: 999px;
    margin: 80px auto 0;
}

@media only screen and (max-width: 1199px) {
    .more-to-see {
        max-width: 746px;
    }
}

@media only screen and (max-width: 767px) {
    .more-to-see {
        margin: 33px 23px 0;
    }
}

.more-to-see .title-attr {
    color: #494a4b;
}

@media only screen and (min-width: 768px) {
    .more-to-see .title-attr {
        max-width: 332px;
        margin: 0 auto;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .more-to-see .title-attr {
        display: inline-block;
        min-width: 172px;
    }
}

.more-to-see .title-attr:after {
    content: "";
    display: block;
    padding: 1px 0 0;
    border-bottom: 1px solid #dcdddd;
}

@media only screen and (max-width: 767px) {
    .more-to-see .title-attr:after {
        padding: 0;
    }
}

.more-to-see .title-attr .main {
    display: none;
    font-size: 29px;
    line-height: 130%;
}

@media only screen and (max-width: 767px) {
    .more-to-see .title-attr .main {
        font-size: 16px;
    }
}

.more-to-see .title-attr .disp {
    margin: 10px 0 0;
    font-weight: bold;
    font-size: 17px;
    line-height: 130%;
}

@media only screen and (max-width: 767px) {
    .more-to-see .title-attr .disp {
        margin: 20px 0 0;
        padding: 2px 0;
        font-size: 14px;
    }
}

.more-to-see .rec-wrapper {
    position: relative;
    margin: 50px 0 0;
}

@media only screen and (max-width: 767px) {
    .more-to-see .rec-wrapper {
        margin: 15px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .more-to-see .rec-wrapper .inner-attr .pro-pic a {
        height: -moz-calc((100vw - 56px) * 0.5625 / 2);
        height: -webkit-calc((100vw - 56px) * 0.5625 / 2);
        height: calc((100vw - 56px) * 0.5625 / 2);
    }
}

@media only screen and (max-width: 767px) {
    .more-to-see .rec-wrapper .inner-attr .pro-pic .wrap img {
        max-height: -moz-calc((100vw - 56px) * 0.5625 / 2);
        max-height: -webkit-calc((100vw - 56px) * 0.5625 / 2);
        max-height: calc((100vw - 56px) * 0.5625 / 2);
    }
}

@media only screen and (max-width: 1024px) {
    .more-to-see .rec-wrapper .index-wrap {
        position: absolute;
        top: -65px;
        right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .more-to-see .rec-wrapper .index-wrap {
        top: -57px;
    }
}

.more-to-see .rec-wrapper .index-wrap .more-attr.swiper-pagination-fraction {
    display: none;
    position: relative;
    text-align: right;
    color: #8d8582;
    z-index: 9;
}

@media only screen and (max-width: 1024px) {
    .more-to-see .rec-wrapper .index-wrap .more-attr.swiper-pagination-fraction {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .more-to-see .rec-wrapper .index-wrap .more-attr.swiper-pagination-fraction {
        font-size: 13px;
    }
}

.more-to-see .rec-wrapper .index-wrap .more-attr.swiper-pagination-fraction .swiper-pagination-current {
    color: #48494a;
}

.more-to-see .rec-wrapper .index-wrap .swiper-button.more-attr {
    display: inline-block;
    width: 54px;
    position: absolute;
    top: 36px;
    z-index: 9;
}

@media only screen and (max-width: 1024px) {
    .more-to-see .rec-wrapper .index-wrap .swiper-button.more-attr {
        width: 40px;
        position: relative;
        top: 0;
        margin: -10px 0 0 5px;
    }
}

@media only screen and (max-width: 767px) {
    .more-to-see .rec-wrapper .index-wrap .swiper-button.more-attr {
        width: 32px;
    }
}

.more-to-see .rec-wrapper .index-wrap .swiper-button.more-attr div {
    display: block;
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .more-to-see .rec-wrapper .index-wrap .swiper-button.more-attr div img {
        display: none;
    }
}

.more-to-see .rec-wrapper .index-wrap .swiper-button.more-attr div [class*="circle-arrow-"] {
    display: none;
}

@media only screen and (max-width: 767px) {
    .more-to-see .rec-wrapper .index-wrap .swiper-button.more-attr div [class*="circle-arrow-"] {
        display: block;
    }
}

.more-to-see .rec-wrapper .index-wrap .swiper-button.more-attr.button-prev {
    left: -89px;
}

@media only screen and (max-width: 1024px) {
    .more-to-see .rec-wrapper .index-wrap .swiper-button.more-attr.button-prev {
        left: 0;
    }
}

.more-to-see .rec-wrapper .index-wrap .swiper-button.more-attr.button-next {
    right: -89px;
}

@media only screen and (max-width: 1024px) {
    .more-to-see .rec-wrapper .index-wrap .swiper-button.more-attr.button-next {
        right: 0;
    }
}

#viewer360.mask-bg-block .pop-info-wrap {
    max-width: 903px;
    padding: 10px;
}