@charset "utf-8";
body {background: #cbd3da;}

h1 {font-size: 1.8rem;}

h2 {font-size: 1.6rem;}

.container-fluid {padding: 0;margin: 0 auto;max-width: 600px; height: auto; min-height: 100%;background: #fff none repeat scroll 0 0;}

.container-fluid .split {clear: both;border-top: 1px solid #eee; margin: .15rem .25rem;}

.container-fluid p {padding: 0;margin: 0;}

.container-fluid .space { clear: both; margin: 15px 0 10px 0; font-size: 18px; border-top: 10px solid #eee9e6; padding: 10px 0 0 10px;}

.container-fluid .event { clear: both; border-top: 5px solid #f8f9fa; padding: 10px;font-size: 1.35rem; }

#sale-price {height: 60px;line-height: 60px;background: #f33531;color: #fff;}

#sale-price #real-price {font-size: 1.5rem;color: #fff;margin: 0 20px 0 0;}

#sale-price #original-price {font-size: .9rem;color: #fff;opacity: 1;text-decoration: line-through;}

#good-title {clear: both;}

#good-title h1 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

#consult {position: fixed;right: 10px;top: 100px;}

#consult li {background: #24748c;padding: 5px;text-align: center;margin: 10px;list-style: none;}

#consult li img {width: 100px;height: 100px;}

#consult li a {display: block;text-align: center;font-weight: bolder;text-decoration: none;}

#consult li #tel {color: #fff;padding-left: 32px;background: url(../_img/tel.png) left center no-repeat;background-size: 28px 28px}

#consult li #buy {color: #fff;padding-left: 32px;background: url(../_img/buy.png) left center no-repeat;background-size: 28px 28px}


#order-pre-list {position: absolute;top: 300px; height: 65px; overflow: hidden; margin: 0 10px 10px 10px; padding: 0; opacity: 0.7;}

#order-pre-list li {margin: 5px; font-size: 14px; background: #fbfbfb;border-radius: 10px;width: 230px;padding: 2px 5px;}

#order-pre-list li .user-image {width: 20px;line-height: 20px;height: 20px; margin: 2px 5px 2px 2px;border-radius: 15px;float: left;background: url("../_img/user.png") center center no-repeat;background-size: 1.5rem 1.5rem;}

#order-pre-list li span {float: left; margin: 0 10px 0 0;font-size: 14px; }


#detail-param-tab { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;}

#detail-param-tab li { -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}

#detail-param-tab li.active {font-weight: bolder;}

#detail-param-tab li.active span {border-bottom: 3px solid #838383;padding: 0 8px 5px 8px;}

#detail-param-tab li.disabled {color: #F0F0F0;}

#detail-info img { max-width: 720px; width: 100%;vertical-align: middle;border: 0 none; }

.slick img {max-width: 720px; width: 100%;vertical-align: middle;border: 0 none;}

#param-package {}

#param-package ul {margin: 0 10px 10px;padding: 0;}

#param-package ul li {list-style: none;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between;
    padding: 5px 12px; margin: 0; font-size: .95rem;
}

#param-package ul li .param-name {-webkit-flex: 3; -ms-flex: 3; flex: 3; -webkit-box-flex: 3; -moz-box-flex: 3;width: 100px;color: #a2a2a2;}

#param-package ul li .param-val {-webkit-flex: 6; -ms-flex: 6; flex: 6; -webkit-box-flex: 6; -moz-box-flex: 6;}


#service {clear: both;}

#service .service-label-name {float: left;font-size: 16px; height: 1.12rem; margin: .35rem .6rem;}

#service .service-label {
    float: left; color: #a2a2a2; font-size: 12px; height: 1.12rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAbFBMVEUAAAD/VVX5Qz31Pjv1PTr0Pjr5RUT/SEX1PTr0PTr0R0P2Pzz2SEX1Pjv1PTv0Pjv1Pjr1PTr1Pjv0PTr1Pjv0PTv4Pzv3Pj71QTz5QTv1SET0RkP/VVX4Rj/1R0P2R0T1RkT0SEX1PTr1RkNj2zMrAAAAInRSTlMABClM3JAYFPnx1YtV5sy+tLOyppx1RT4zK5OnBiTObYNgB56ShwAAAUtJREFUOMuVlNuWgjAMRdMit2FAuYjIMDqT/v8/mlZpEArY88Kia7dpTtLAm0QbVkWe5EUVtgLWdKlTZKX1xUldS5yrvC4oEaLWIQu6aIi6IDuY/3AWPT7SYtJIYMkmobVjPMWk3n16Ubx60hF+J6dp7AxLnTVoTxQUNA3ApSCl0OMddQqEuUGdzMsQDroS+mlPSSnAuiiZ0lSBDJEbnCR7dGVqxAa21CDWlCxlJDc5SW4IaMmhtVxvvfmSu602JXNj30opU4xMW1Oxd0vsNnpYQYHYrWFfz5J1iAXkiBEYRdm/E4MIMQdyZwCjXqnehcFADk/Ou6sRZIzP4/uJHw1azOy29+N8GZxgNl/rH4NzzPhn68HgFLP14PoyyBjXl/uFQca4Xxb9J+5/8bL/PPr5k/fh9d7236/PPNifLz7zan/+ecxT//m8P+8fnO8yvIvMbpQAAAAASUVORK5CYII=) no-repeat no-repeat center left;
    background-size: .8rem .8rem; margin: .6rem; padding-left: 1.1rem;
}

.container-fluid h2 {font-weight: bolder;}

.container-fluid form { margin: auto; }

.container-fluid form label { font-weight: bolder; margin: 0 10px 0 0;letter-spacing: 2px; font-weight: normal;font-family: Arial, Helvetica, sans-serif;}

.container-fluid form input[type=text] {
    font-size: 0.9rem; padding: 0.2rem 0.5rem; width: 100%; border: .01rem solid #eee;
    height: 2.2rem; line-height: 2.2rem; padding-top: .1rem; padding-bottom: 0.1rem;
    border-radius: 0; outline: 0; -webkit-appearance: none;
}

.container-fluid form textarea { font-size: 0.9rem;padding: .2rem 0.5rem; height: 60px; line-height: 1.2rem; border: .01rem solid #eee; width: 100%; resize: none; outline: 0;}

.container-fluid form ul { margin: 0 0 10px -45px; width: 94%; }

.container-fluid form ul li {margin: 5px 10px; background: #fff; font-size: 16px; cursor: pointer; height: 35px;line-height: 35px;}

.container-fluid form ul li input[type=checkbox] { float: left; margin: 20px 5px 5px 5px; }

.container-fluid form ul li img { float: left; margin: 0 10px 0 0; width: 35px; height: 35px; }

.container-fluid form ul li label { cursor: pointer; font-weight: normal;font-family: Arial, Helvetica, sans-serif;}

.container-fluid form ul li:hover { background: #efa2a9; }

.container-fluid form select {
    width: 90px; border: .01rem solid #eee; border-radius: 0;
    height: 2.4rem; line-height: 2.4rem; margin-right: 0;
    padding-left: 0.1rem; font-size: 0.9rem; padding-right: 0.15rem;
    outline: 0; -webkit-appearance: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAVCAYAAAAq05ytAAAAAXNSR0IArs4c6QAAAvVJREFUSA3FljlvE1EQgLE3B0GykOh8ShQU1D46KEgIGJaAY1upgRAIR3r+AS1CCMIhICkAKUBCAgWJIiUIS2AbEEiukCMO24hDooEGH3wDXssYb9YnGell583Mm/ftvNnnKOsQt9t922azbc1kMssyXyvx+XzbrFZrXzqdfmEKh8PKClIoFJwAnYnH46fXAszj8QzAMMXePy0Wy0YlkUgUqNa8yWQawtiPnv/flfN6vfuKUB1wDEcikZeKVIfSfaKEC6gC53c4HN+xRcTXbuH41Hw+f4d9BOpgLBablD1/g4lClTIul2sJ8iGGarfbvwAXFV+7hN7ey153yd/BOEQbTWh7lcDEkEqlPgD0ROCYDqC/l0bUglv5pKf2kE+gOs1m82EqdaM8/19g4gDkLUBSKYE7QM+9oZivxdcqAcrPy98jXxdQw9Fo9HplbnOlQebQzyuKEkLNce4TJApWi2vERqPv1qCk0YG6Vi2PqZpRswEkcLdIlOcZoAceaL5GnjT6rlwuN8PaLqCOUICrenn+OcryQI41wbEmARskURD9KbZkeUytukDx9U0T380Y4SV1oSTnqmASAMgr+iyNGgAw5HQ6H/ORvBNfrcLX10/sDOu76amjVOqK0VpDMElA8z+nWl9R9zNC3HmL2FLiMxLaYSfVvl+EOkZPXTZaI/6awCSQyj0D7gcbqExD6I+wfRSfntDoffgEaj1wo1Tqkl5spb1mMFkISIRfBfYp+JkG0R9i+1yZVOZA9RI3K1BMj9NT49Xi9Gx1gUkSQJYA6mFD6ZtB9Fl6To65JDT6DvxzRagTQF0sOWtU6gaTvMAt8EFsQu1lBICbBu6b+ASKr0+gemj0kxzfBbHXK6veY0bJaOxxAEbonxUu5O3ZbHYLa+YYG7AJ1HmjHHr+qje/XnClXVXVUQAmgdvMxbmMX4M61QyU7NNUxSSB/KOZTCZviipzZIyeOvdHbfxv02CyNRdoJ5WbYixyT51tHKcNKznOlrykhvYLPWdYmUCt450AAAAASUVORK5CYII=) 90% center no-repeat;
    background-size: 0.65rem .46rem;
}

.container-fluid form #error { background: #FFF6D9; color: #990000; font-size: 14px; margin: 10px; padding: 5px; display: none; }

.container-fluid #post-content {padding: 10px;font-size: 14px;}

.container-fluid #post-content p {padding-bottom: 10px;line-height: 120%;}

#order-form {margin-bottom: 10px;}

#order-form table td {padding: 5px 0;}

#order-form .tel-code {}

#order-form .tel-code input {display: inline-block}

#order-form .tel-code #mobile {width: 100px;}

#order-form .tel-code #mobile-code {width: 50px;display: none;}

#order-form .tel-code #mobile-btn {padding: 5px;}

#order-form .order-item-title {margin: 5px 10px;}

#order-form .order-item-title label {font-weight: bolder;}

#order-form .order-item-title span {color: #bd362f;}

#order-form .order-item-content {margin: 5px 10px;}

#order-form .order-item-content input {margin: 5px 0;}

#order-form #tel-code-error {font-size: 12px;}

#order-form .info {font-size: 14px;}

#order-package {font-size: 12px;margin: 10px;}

#order-package .cursor {cursor: pointer;font-size: 14px; }

#order-package h3 {margin: 20px 0 10px 0;font-size: 1.2rem;}

#order-package .active {font-weight: bolder;color: #46a546;}

#order-package .disabled {color: #dee2e6;}

#product-package {margin: 0}

#product-package .select-title { clear: both; margin: 15px 0; font-size: 18px; border-top: 1px dashed #eee9e6; line-height: 1px;}

#product-package #package-item {margin: 0;}

#product-package #package-item li {float: left;text-align: center;padding: 2px 10px;font-size: 14px;line-height: 28px;height: 28px;border: .01rem solid #eee;border-radius: 3px;color: #343a40;}

#product-package #package-item li.hidden {display: none;}

#product-package #package-item li.active {background: #dff0d8; font-weight: bolder;}

#product-package #package-item input[type=radio] {float: left;line-height: 28px;height: 28px;width: 30px;cursor: pointer;}

#product-package #package-item li.label {margin: 0;padding: 0;border: 0;font-weight: bolder;width: 90%;text-align: left;font-size: 18px;}

#product-package #package-item li.label:hover {background: transparent;}

#product-package .package-spec {clear: both;!important;margin: 10px 0 0 0;}

#product-package .package-spec li {float: left;min-width: 50px;text-align: center;font-size: 14px;line-height: 28px;height: 28px;border: .01rem solid #eee;border-radius: 3px;}

#product-package .package-spec li.active {background: #dff0d8; font-weight: bolder;}

#product-package .package-spec li.label {margin: 0;padding: 0;border: 0;font-weight: bolder;width: 90%;text-align: left;font-size: 18px;}

#product-package .package-spec li.label:hover {background: transparent;}

#product-info {
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;}

#product-info #product-image {margin: 10px 5px 10px 10px;height: 100px;width: 100px;
    -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;
}

#product-info #product-image img {height: 100px;width: 100px;border: .01rem solid #eee;}

#product-info #product-content {margin: 5px 10px 10px 5px;-webkit-flex: 6; -ms-flex: 6; flex: 6; -webkit-box-flex: 6; -moz-box-flex: 6;}

#product-info #product-content #product-content-box {height: 75px;overflow: hidden; }

#product-info #product-content #product-content-title {font-size: 1.26rem;}

#product-info #product-content-price span {color: #cc0808;font-size: 1.5rem;}

#product-info #product-content-price label {font-weight: bolder;}

#product-info #product_des_show {font-size: .8rem;margin: 5px 0;color: #c6c8ca;}

#product-sum { }

#product-sum .item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 5px 20px;
    font-size: .9rem;
}

#product-sum .item .item-left {text-align: left;-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}

#product-sum .item .item-right {text-align: right;-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}

#product-sum .item .item-right #price_sum_all {color: #cc0808;}

.package-spec-info-none {color: #eee9e6;}

.package-spec-info-none:hover {background: transparent !important;cursor: default !important;}

footer { margin: 0 auto 0; padding: 6px; font-size: 14px; max-width: 700px; clear: both; text-align: center; }