@import "https://at.alicdn.com/t/font_2233440_pxqmnauhicf.css";
html,
body {
    min-height: 100%
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
ul,
ol,
li,
dt,
dl,
dd,
th,
td,
label,
button,
input,
textarea,
strong,
b {
    margin: 0;
    padding: 0
}

body {
    font: .28rem "Microsoft Yahei", Helvetica;
    line-height: 1.5;
    color: #333333;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    max-width: 640px;
    min-width: 300px;
    margin: 0 auto;
    background-color: #FFF;
    padding-top: constant(safe-area-inset-top);
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-top: env(safe-area-inset-top);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom)
}

h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea {
    font-family: "Microsoft Yahei", Helvetica
}

input,
textarea,
select,
button {
    font-size: .28rem
}

input {
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    border-radius: 0
}

fieldset,
img {
    border: 0
}

img {
    vertical-align: top;
    border: 0
}

ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

caption,
dfn,
em,
strong,
th,
var {
    font-weight: inherit;
    font-style: inherit
}

th,
td {
    font-weight: 400
}

em,
i,
strong,
var {
    font-style: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

textarea {
    border: none;
    resize: none;
    outline: none;
    -webkit-appearance: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

* {
    -webkit-tap-highlight-color: transparent
}

html {
    font-size: 42.6px
}

@media screen and (min-width: 320px) {
    html {
        font-size: 42.6px
    }
}

@media screen and (min-width: 330px) {
    html {
        font-size: 44px
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 48px
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size: 50px
    }
}

@media screen and (min-width: 390px) {
    html {
        font-size: 52px
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size: 55.2px
    }
}

@media screen and (min-width: 420px) {
    html {
        font-size: 56px
    }
}

@media screen and (min-width: 450px) {
    html {
        font-size: 60px
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size: 64px
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size: 100px
    }
    body {
        max-width: 750px
    }
}

@media screen and (min-width: 850px) {
    html {
        font-size: 64px
    }
    body {
        max-width: 640px
    }
}

a {
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent
}

a:active,
a:focus {
    outline: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #c9c9c9
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholde {
    color: #ddd
}

html input[disabled],
html select[disabled] {
    background-color: #eee;
    -webkit-text-fill-color: #666;
    -webkit-opacity: 1;
    opacity: 1;
    color: #666
}

img[src=''],
img:not([src]) {
    opacity: 0
}

.hold {
    overflow: hidden
}

.ellipsis,
.attractions-list li .right .tit,
.bg-dark .list-wrap .list-item.big-cover a .desc-info .desc-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ellipsis2,
.bg-dark .list-wrap .list-item a .desc-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.title-2-line,
.bg-dark .list-wrap .list-item a .desc-title {
    height: 3em
}

.ellipsis3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.sprite-icon,
.yellow-back {
    display: inline-block;
    vertical-align: middle
}

.sprite-rotating {
    -webkit-animation: rotating 1.2s linear infinite;
    -moz-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite
}

.sprite-rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotating {
    from {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mask {
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.pull-no {
    float: none !important
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.clearfix:after {
    clear: both;
    display: block;
    height: 0;
    content: "\200B"
}

.text-left,
.tl {
    text-align: left !important
}

.text-right,
.tr {
    text-align: right !important
}

.text-center,
.tc {
    text-align: center !important
}

.text-vcenter,
.no-data-hor .no-data .text-warp,
.no-data-hor.no-data .text-warp,
.package-footer .distribution .btn-tool span::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-del {
    text-decoration: line-through;
}

.wauto {
    width: auto !important
}

.width-100 {
    width: 100% !important
}

.fixed-hode {
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.relative {
    position: relative !important
}

.absolute {
    position: absolute !important
}

.inline {
    display: inline !important
}

.inline-block {
    display: inline-block !important
}

.block {
    display: block !important
}

.hide {
    display: none
}

.list-disc {
    list-style: disc;
    padding-left: .3rem
}

.underline {
    text-decoration: underline
}

h1 {
    font-size: .36rem
}

h2 {
    font-size: .34rem
}

h3 {
    font-size: .32rem
}

h4 {
    font-size: .3rem
}

h5 {
    font-size: .28rem
}

h6 {
    font-size: .24rem
}

.small {
    font-size: 80%
}

.larger {
    font-size: 110%
}

.text-default {
    font-size: 0.28rem !important
}

.text-xxs {
    font-size: 0.2rem !important
}

.text-xs {
    font-size: 0.22rem !important
}

.text-sm {
    font-size: 0.24rem !important
}

.text-mm {
    font-size: 0.26rem !important
}

.text-m {
    font-size: 0.3rem !important
}

.text-lg {
    font-size: 0.32rem !important
}

.text-xl {
    font-size: 0.34rem !important
}

.text-xxl {
    font-size: 0.4rem !important
}

.monospace {
    font-family: Courier New, Courier, "Microsoft Yahei", Helvetica;
    font-weight: bold
}

.text-bold,
b,
strong {
    font-weight: 700
}

.text-normal {
    font-weight: 400 !important
}

.c-black {
    color: #000 !important
}

.c-black-l {
    color: #1b1b1b !important
}

.c-black-mid {
    color: #333333 !important
}

.c-placeholder {
    color: #c9c9c9 !important
}

.c-placeholder-focus {
    color: #ddd !important
}

.c-grey-d {
    color: #666 !important
}

.c-grey-v {
    color: #c1c0c2 !important
}

.c-grey {
    color: #999 !important
}

.c-grey-l {
    color: #ccc !important
}

.c-white {
    color: white !important
}

.c-red {
    color: #ff3260 !important
}

.c-red-dark {
    color: #ff3434 !important
}

.c-orange {
    color: #ff6633 !important
}

.bg-orange {
    background-color: #ff6633 !important
}

.c-yellow {
    color: #ffde32 !important
}

.c-green {
    color: #16b771 !important
}

.c-blue {
    color: #00a6ff !important
}

.c-main {
    color: #ec7043 !important
}

.c-buy {
    color: #ff6633 !important
}

.c-error {
    color: #ff3434 !important
}

.bg-trns {
    background-color: transparent !important
}

.bg-main {
    background-color: #ec7043 !important
}

.bg-buy {
    background-color: #ff6633 !important
}

.bg-white {
    background-color: white !important
}

.bg-white-l {
    background-color: #f5f5f5 !important
}

.bg-grey {
    background-color: #999 !important
}

.bg-grey-l {
    background-color: #ccc !important
}

.bg-red {
    background-color: #ff3260 !important
}

.bg-pink {
    background-color: #ffdbdb !important
}

.bg-orange {
    background-color: #ff6633 !important
}

.bg-yellow {
    background-color: #ffde32 !important
}

.bg-green {
    background-color: #16b771 !important
}

.bg-blue {
    background-color: #00a6ff !important
}

.bg-blue-l {
    background-color: #efeff7 !important
}

.bg-error {
    background-color: #ff3434 !important
}

.bg-grad-blue {
    background-repeat: no-repeat;
    background-color: #52bdfa;
    background-image: -webkit-gradient(linear, left top, right top, from(#52bdfa), to(#00a6ff));
    background-image: -webkit-linear-gradient(left, #52bdfa, #00a6ff);
    background-image: -moz- oldlinear-gradient(left, #52bdfa, #00a6ff);
    background-image: linear-gradient(to right, #52bdfa, #00a6ff)
}

.bg-grad-yellow {
    background-repeat: no-repeat;
    background-color: #ff3260;
    background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#ffde32), to(#ff3260));
    background-image: -webkit-linear-gradient(0, #ffde32, #ff3260);
    background-image: -moz- oldlinear-gradient(0, #ffde32, #ff3260);
    background-image: linear-gradient(0, #ffde32, #ff3260)
}

.bord-r {
    -moz-border-radius: 0.12rem !important;
    border-radius: 0.12rem !important
}

.bord-r-no {
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

.bord-r-xxs {
    -moz-border-radius: 0.03rem !important;
    border-radius: 0.03rem !important
}

.bord-r-sm {
    -moz-border-radius: 0.07rem !important;
    border-radius: 0.07rem !important
}

.bord-r-lg {
    -moz-border-radius: 0.22rem !important;
    border-radius: 0.22rem !important
}

.bord-lr-no {
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0
}

.bord-base,
.bord-all {
    position: relative
}

.bord-base:after,
.bord-all:after {
    position: absolute;
    content: '';
    top: -50%;
    bottom: -50%;
    left: -50%;
    right: -50%;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5)
}

.bord-all:after {
    border: 1px solid #f3f3f3 !important
}

.bord-all-no {
    border: 0 !important
}

.bord-top {
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-top-width: 1px
}

.bord-top-no {
    border-top-width: 0 !important
}

.bord-btm,
.package {
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.bord-btm-no,
.package:last-child {
    border-bottom-width: 0 !important
}

.bord-lft {
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-left-width: 1px
}

.bord-lft-no {
    border-left-width: 0 !important
}

.bord-rgt {
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-right-width: 1px
}

.bord-rgt-no {
    border-right-width: 0 !important
}

.bord-ver {
    border-top: 1px solid #f3f3f3 !important;
    border-bottom: 1px solid #f3f3f3 !important
}

.bord-ver-no {
    border-bottom: 0 !important
}

.bord-hor {
    border-right: 1px solid #f3f3f3 !important;
    border-left: 1px solid #f3f3f3 !important
}

.bord-hor-no {
    border-left: 0 !important
}

.pd-all {
    padding: 0.2rem !important
}

.pd-all-no {
    padding: 0 !important
}

.pd-all-xl {
    padding: 0.3rem !important
}

.pd-all-lg {
    padding: 0.25rem !important
}

.pd-all-sm {
    padding: 0.15rem !important
}

.pd-all-xs {
    padding: 0.1rem !important
}

.pd-top {
    padding-top: 0.2rem !important
}

.pd-top-no {
    padding-top: 0 !important
}

.pd-top-xxl {
    padding-top: 0.6rem !important
}

.pd-top-xl {
    padding-top: 0.3rem !important
}

.pd-top-lg {
    padding-top: 0.25rem !important
}

.pd-top-sm {
    padding-top: 0.15rem !important
}

.pd-top-xs {
    padding-top: 0.1rem !important
}

.pd-btm {
    padding-bottom: 0.2rem !important
}

.pd-btm-no {
    padding-bottom: 0 !important
}

.pd-btm-xxl {
    padding-bottom: 0.6rem !important
}

.pd-btm-xl {
    padding-bottom: 0.3rem !important
}

.pd-btm-lg {
    padding-bottom: 0.25rem !important
}

.pd-btm-sm {
    padding-bottom: 0.15rem !important
}

.pd-btm-xs {
    padding-bottom: 0.1rem !important
}

.pd-btm-xss {
    padding-bottom: 0.05rem !important
}

.pd-lft {
    padding-left: 0.2rem !important
}

.pd-lft-no {
    padding-left: 0 !important
}

.pd-lft-xxl {
    padding-left: 0.6rem !important
}

.pd-lft-xl {
    padding-left: 0.3rem !important
}

.pd-lft-lg {
    padding-left: 0.25rem !important
}

.pd-lft-sm {
    padding-left: 0.15rem !important
}

.pd-lft-xs {
    padding-left: 0.1rem !important
}

.pd-rgt {
    padding-right: 0.2rem !important
}

.pd-rgt-no {
    padding-right: 0 !important
}

.pd-rgt-xxl {
    padding-right: 0.6rem !important
}

.pd-rgt-xl {
    padding-right: 0.3rem !important
}

.pd-rgt-lg {
    padding-right: 0.25rem !important
}

.pd-rgt-sm {
    padding-right: 0.15rem !important
}

.pd-rgt-xs {
    padding-right: 0.1rem !important
}

.pd-hor {
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important
}

.pd-hor-no {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.pd-hor-xxl {
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important
}

.pd-hor-xl {
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important
}

.pd-hor-lg {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important
}

.pd-hor-sm {
    padding-left: 0.15rem !important;
    padding-right: 0.15rem !important
}

.pd-hor-xs {
    padding-left: 0.1rem !important;
    padding-right: 0.1rem !important
}

.pd-ver {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important
}

.pd-ver-no {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pd-ver-xxl {
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important
}

.pd-ver-xl {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important
}

.pd-ver-lg {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important
}

.pd-ver-sm {
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important
}

.pd-ver-xs {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important
}

.mg-all {
    margin: 0.2rem !important
}

.mg-all-no {
    margin: 0 !important
}

.mg-all-xl {
    margin: 0.3rem !important
}

.mg-all-lg {
    margin: 0.25rem !important
}

.mg-all-sm {
    margin: 0.15rem !important
}

.mg-all-xs {
    margin: 0.1rem !important
}

.mg-top {
    margin-top: 0.2rem !important
}

.mg-top-no {
    margin-top: 0 !important
}

.mg-top-xl {
    margin-top: 0.3rem !important
}

.mg-top-lg {
    margin-top: 0.25rem !important
}

.mg-top-sm {
    margin-top: 0.15rem !important
}

.mg-top-xs {
    margin-top: 0.1rem !important
}

.mg-btm {
    margin-bottom: 0.2rem !important
}

.mg-btm-no {
    margin-bottom: 0 !important
}

.mg-btm-xl {
    margin-bottom: 0.3rem !important
}

.mg-btm-lg {
    margin-bottom: 0.25rem !important
}

.mg-btm-sm {
    margin-bottom: 0.15rem !important
}

.mg-btm-xs {
    margin-bottom: 0.1rem !important
}

.mg-btm-xxs {
    margin-bottom: 0.05rem !important
}

.mg-lft {
    margin-left: 0.2rem !important
}

.mg-lft-no {
    margin-left: 0 !important
}

.mg-lft-xl {
    margin-left: 0.3rem !important
}

.mg-lft-lg {
    margin-left: 0.25rem !important
}

.mg-lft-sm {
    margin-left: 0.15rem !important
}

.mg-lft-xs {
    margin-left: 0.1rem !important
}

.mg-rgt {
    margin-right: 0.2rem !important
}

.mg-rgt-no {
    margin-right: 0 !important
}

.mg-rgt-xl {
    margin-right: 0.3rem !important
}

.mg-rgt-lg {
    margin-right: 0.25rem !important
}

.mg-rgt-sm {
    margin-right: 0.15rem !important
}

.mg-rgt-xs {
    margin-right: 0.1rem !important
}

.mg-hor {
    margin-left: 0.2rem !important;
    margin-right: 0.2rem !important
}

.mg-hor-no {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mg-hor-xl {
    margin-left: 0.3rem !important;
    margin-right: 0.3rem !important
}

.mg-hor-lg {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important
}

.mg-hor-sm {
    margin-left: 0.15rem !important;
    margin-right: 0.15rem !important
}

.mg-hor-xs {
    margin-left: 0.1rem !important;
    margin-right: 0.1rem !important
}

.mg-ver {
    margin-top: 0.2rem !important;
    margin-bottom: 0.2rem !important
}

.mg-ver-no {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.mg-ver-xl {
    margin-top: 0.3rem !important;
    margin-bottom: 0.3rem !important
}

.mg-ver-lg {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important
}

.mg-ver-sm {
    margin-top: 0.15rem !important;
    margin-bottom: 0.15rem !important
}

.mg-ver-xs {
    margin-top: 0.1rem !important;
    margin-bottom: 0.1rem !important
}

.active-scale:active {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

.sprite_activity {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: 0rem 0rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.99rem;
    height: 0.98rem
}

.sprite_arrow-back {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: 0rem -2.74rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.2rem;
    height: 0.38rem
}

.sprite_arrow-down {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.65rem -1.61rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.24rem;
    height: 0.14rem
}

.sprite_arrow-hide {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.65rem -0.96rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.1rem;
    height: 0.31rem
}

.sprite_arrow-more {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.65rem -1.85rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.13rem;
    height: 0.24rem
}

.sprite_arrow-up {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.65rem -1.37rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.24rem;
    height: 0.14rem
}

.sprite_card {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: 0rem -1.08rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.99rem;
    height: 0.98rem
}

.sprite_circle-hook {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.65rem -0.36rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.2rem;
    height: 0.2rem
}

.sprite_clock {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.07rem 0rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.48rem;
    height: 0.48rem
}

.sprite_deadline {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -0.3rem -2.74rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.32rem;
    height: 0.24rem
}

.sprite_edit {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.07rem -1.18rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.45rem;
    height: 0.42rem
}

.sprite_hook {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -1.48rem -2.74rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.28rem;
    height: 0.18rem
}

.sprite_img {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: 0rem -3.22rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.28rem;
    height: 0.27rem
}

.sprite_labels-chosen {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -2.18rem -1.48rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.75rem;
    height: 0.48rem
}

.sprite_labels-classic {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: 0rem -2.16rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.75rem;
    height: 0.48rem
}

.sprite_labels-features {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -2.18rem -0.9rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.75rem;
    height: 0.48rem
}

.sprite_labels-post {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -0.85rem -2.16rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.7rem;
    height: 0.36rem
}

.sprite_like-red {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -0.73rem -3.22rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.25rem;
    height: 0.25rem
}

.sprite_like {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -0.38rem -3.22rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.25rem;
    height: 0.25rem
}

.sprite_loading-d {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -1.65rem -2.16rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.34rem;
    height: 0.34rem
}

.sprite_loading {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.07rem -2.25rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.34rem;
    height: 0.34rem
}

.sprite_marker-red {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.07rem -0.58rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.42rem;
    height: 0.5rem
}

.sprite_marker-yellow {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.07rem -1.7rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.36rem;
    height: 0.45rem
}

.sprite_money {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.65rem -0.66rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.2rem;
    height: 0.2rem
}

.sprite_nanjing-topics {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -2.18rem 0rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.79rem;
    height: 0.8rem
}

.sprite_recommend {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -1.09rem 0rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.99rem;
    height: 0.98rem
}

.sprite_search {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.65rem 0rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.24rem;
    height: 0.26rem
}

.sprite_share {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -2.5rem -2.16rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.28rem;
    height: 0.28rem
}

.sprite_shop {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -1.09rem -1.08rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.99rem;
    height: 0.98rem
}

.sprite_triangle-down {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.65rem -2.36rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.12rem;
    height: 0.07rem
}

.sprite_triangle-up {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -3.65rem -2.19rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.12rem;
    height: 0.07rem
}

.sprite_view-red {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -1.1rem -2.74rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.28rem;
    height: 0.21rem
}

.sprite_view {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -0.72rem -2.74rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.28rem;
    height: 0.21rem
}

.sprite_write {
    background: url("/static/img/sprite/sprite_default.png") no-repeat;
    background-position: -2.09rem -2.16rem;
    -moz-background-size: 3.89rem 3.49rem;
    background-size: 3.89rem 3.49rem;
    width: 0.31rem;
    height: 0.28rem
}

.sprite_hotel-address {
    background: url("/static/img/sprite/sprite_hotel.png.html") no-repeat;
    background-position: 0.03rem -0.84rem;
    -moz-background-size: 1.27rem 1.26rem;
    background-size: 1.27rem 1.26rem;
    width: 0.33rem;
    height: 0.42rem
}

.sprite_hotel-nearby {
    background: url("/static/img/sprite/sprite_hotel.png.html") no-repeat;
    background-position: -0.43rem 0.03rem;
    -moz-background-size: 1.27rem 1.26rem;
    background-size: 1.27rem 1.26rem;
    width: 0.41rem;
    height: 0.39rem
}

.sprite_hotel-service {
    background: url("/static/img/sprite/sprite_hotel.png.html") no-repeat;
    background-position: -0.39rem -0.4rem;
    -moz-background-size: 1.27rem 1.26rem;
    background-size: 1.27rem 1.26rem;
    width: 0.41rem;
    height: 0.37rem
}

.sprite_hotel-tel {
    background: url("/static/img/sprite/sprite_hotel.png.html") no-repeat;
    background-position: -0.88rem 0.03rem;
    -moz-background-size: 1.27rem 1.26rem;
    background-size: 1.27rem 1.26rem;
    width: 0.39rem;
    height: 0.38rem
}

.sprite_hotel-tips {
    background: url("/static/img/sprite/sprite_hotel.png.html") no-repeat;
    background-position: 0.03rem -0.4rem;
    -moz-background-size: 1.27rem 1.26rem;
    background-size: 1.27rem 1.26rem;
    width: 0.38rem;
    height: 0.4rem
}

.sprite_hotel {
    background: url("/static/img/sprite/sprite_hotel.png.html") no-repeat;
    background-position: 0.03rem 0.03rem;
    -moz-background-size: 1.27rem 1.26rem;
    background-size: 1.27rem 1.26rem;
    width: 0.42rem;
    height: 0.39rem
}

.sprite_search_01 {
    background: url("/static/img/sprite/sprite_search.png") no-repeat;
    background-position: 0.03rem 0.03rem;
    -moz-background-size: 1rem 0.87rem;
    background-size: 1rem 0.87rem;
    width: 0.48rem;
    height: 0.59rem
}

.sprite_search_02 {
    background: url("/static/img/sprite/sprite_search.png") no-repeat;
    background-position: -0.5rem 0.03rem;
    -moz-background-size: 1rem 0.87rem;
    background-size: 1rem 0.87rem;
    width: 0.49rem;
    height: 0.49rem
}

.sprite_search_03 {
    background: url("/static/img/sprite/sprite_search.png") no-repeat;
    background-position: 0.03rem -.7rem;
    -moz-background-size: 1.1rem 1rem;
    background-size: 1.1rem 1rem;
    width: 0.3rem;
    height: 0.3rem
}

.sprite_arrow-right-line {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: 0rem -1.71rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.4rem;
    height: 0.11rem
}

.sprite_calendar {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: -0.53rem -1.18rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.38rem;
    height: 0.42rem
}

.sprite_icon-calendar {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: -1.01rem -1.18rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.25rem;
    height: 0.24rem
}

.sprite_icon-circle-arraw-left {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: 0rem 0rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.54rem;
    height: 0.54rem
}

.sprite_icon-circle-check-yellow-2 {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: 0rem -0.64rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.44rem;
    height: 0.44rem
}

.sprite_icon-circle-check-yellow {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: -1.07rem -0.64rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.43rem;
    height: 0.43rem
}

.sprite_icon-circle-exclamation-grey {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: -1.68rem 0rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.43rem;
    height: 0.43rem
}

.sprite_icon-circle-exclamation-red {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: -0.54rem -0.64rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.43rem;
    height: 0.43rem
}

.sprite_icon-clock-orange {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: 0rem -1.18rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.43rem;
    height: 0.43rem
}

.sprite_icon-close-grey {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: -1.68rem -0.53rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.43rem;
    height: 0.43rem
}

.sprite_icon-count {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: -2.21rem 0rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.19rem;
    height: 0.24rem
}

.sprite_icon-loc {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: -1.36rem -1.18rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.24rem;
    height: 0.24rem
}

.sprite_icon-person {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: -1.7rem -1.18rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.23rem;
    height: 0.24rem
}

.sprite_qyrz {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: -1.16rem 0rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.42rem;
    height: 0.5rem
}

.sprite_wlrz {
    background: url("/static/img/sprite/sprite_custom%EF%B9%96v=1599045089282.png") no-repeat;
    background-position: -0.64rem 0rem;
    -moz-background-size: 2.4rem 1.82rem;
    background-size: 2.4rem 1.82rem;
    width: 0.42rem;
    height: 0.5rem
}

.iconfont {
    font-size: 0.32rem
}

.progress-warp .progress {
    margin-top: .1rem;
    width: 55%
}

.progress-warp .progress+.progress-value {
    vertical-align: top;
    margin-left: .1rem
}

.progress {
    height: .2rem;
    background: #ffebe8;
    overflow-x: visible;
    overflow-y: hidden;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    border: 1px solid #ff5251
}

.progress .progress-bar {
    position: relative;
    float: left;
    width: 0;
    height: 100%;
    font-size: .12rem;
    line-height: .2rem;
    color: #fff;
    text-align: center;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    background-color: #ff7374;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    transition: width .6s ease;
    -webkit-animation: animate-positive 2s;
    -moz-animation: animate-positive 2s;
    animation: animate-positive 2s
}

.progress-bar-striped,
.progress-bar {
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz- oldlinear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -moz-background-size: .2rem .2rem;
    background-size: .2rem .2rem
}

.progress-bar.active {
    animation: reverse progress-bar-stripes .40s linear infinite, animate-positive 2s
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: .2rem 0
    }
    to {
        background-position: 0 0
    }
}

@-webkit-keyframes animate-positive {
    0% {
        width: 0
    }
}

@-moz-keyframes animate-positive {
    0% {
        width: 0
    }
}

@keyframes animate-positive {
    0% {
        width: 0
    }
}

@-webkit-keyframes slideLoop {
    0%,
    80%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    20%,
    40%,
    60% {
        -webkit-transform: translate3d(0, -18%, 0);
        transform: translate3d(0, -18%, 0)
    }
}

@-moz-keyframes slideLoop {
    0%,
    80%,
    100% {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    20%,
    40%,
    60% {
        -moz-transform: translate3d(0, -18%, 0);
        transform: translate3d(0, -18%, 0)
    }
}

@keyframes slideLoop {
    0%,
    80%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    20%,
    40%,
    60% {
        -webkit-transform: translate3d(0, -18%, 0);
        -moz-transform: translate3d(0, -18%, 0);
        transform: translate3d(0, -18%, 0)
    }
}

.slideLoop {
    -webkit-animation: slideLoop 6s infinite ease-in-out;
    -moz-animation: slideLoop 6s infinite ease-in-out;
    animation: slideLoop 6s infinite ease-in-out
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.7, 0.7, 0.7) rotate(-3deg);
        transform: scale3d(0.7, 0.7, 0.7) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1, 1, 1) rotate(3deg);
        transform: scale3d(1, 1, 1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1, 1, 1) rotate(-3deg);
        transform: scale3d(1, 1, 1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -moz-transform: scale3d(0.7, 0.7, 0.7) rotate(-3deg);
        transform: scale3d(0.7, 0.7, 0.7) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -moz-transform: scale3d(1, 1, 1) rotate(3deg);
        transform: scale3d(1, 1, 1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -moz-transform: scale3d(1, 1, 1) rotate(-3deg);
        transform: scale3d(1, 1, 1) rotate(-3deg)
    }
    to {
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.7, 0.7, 0.7) rotate(-3deg);
        -moz-transform: scale3d(0.7, 0.7, 0.7) rotate(-3deg);
        transform: scale3d(0.7, 0.7, 0.7) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1, 1, 1) rotate(3deg);
        -moz-transform: scale3d(1, 1, 1) rotate(3deg);
        transform: scale3d(1, 1, 1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1, 1, 1) rotate(-3deg);
        -moz-transform: scale3d(1, 1, 1) rotate(-3deg);
        transform: scale3d(1, 1, 1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation: tada 1s ease-in-out alternate forwards;
    -moz-animation: tada 1s ease-in-out alternate forwards;
    animation: tada 1s ease-in-out alternate forwards
}

@-webkit-keyframes slideDown {
    0% {
        z-index: 0;
        opacity: 0
    }
    100% {
        z-index: 12;
        opacity: 1
    }
}

@-moz-keyframes slideDown {
    0% {
        z-index: 0;
        opacity: 0
    }
    100% {
        z-index: 12;
        opacity: 1
    }
}

@keyframes slideDown {
    0% {
        z-index: 0;
        opacity: 0
    }
    100% {
        z-index: 12;
        opacity: 1
    }
}

.slideDown {
    -webkit-animation: slideDown 1s ease-in-out;
    -moz-animation: slideDown 1s ease-in-out;
    animation: slideDown 1s ease-in-out
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideInLeft {
    0% {
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation: slideInLeft 1s ease-in-out;
    -moz-animation: slideInLeft 1s ease-in-out;
    animation: slideInLeft 1s ease-in-out
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-moz-keyframes slideOutLeft {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation: slideOutLeft 1s ease-in-out;
    -moz-animation: slideOutLeft 1s ease-in-out;
    animation: slideOutLeft 1s ease-in-out
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-moz-keyframes slideOutRight {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation: slideOutRight 1s ease-in-out;
    -moz-animation: slideOutRight 1s ease-in-out;
    animation: slideOutRight 1s ease-in-out
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideInRight {
    0% {
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation: slideInRight 1s ease-in-out;
    -moz-animation: slideInRight 1s ease-in-out;
    animation: slideInRight 1s ease-in-out
}

.gradient-text-main {
    color: #ec7043;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gradient-text-opacity {
    opacity: .5
}

.model-bg {
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain
}

.model-bg.grad-main {
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043)
}

.model-bg.grad-red {
    color: white;
    background-image: -webkit-gradient(linear, right top, left top, from(#fd6392), to(#ff3537)) !important;
    background-image: -webkit-linear-gradient(right, #fd6392, #ff3537) !important;
    background-image: -moz- oldlinear-gradient(right, #fd6392, #ff3537) !important;
    background-image: linear-gradient(to left, #fd6392, #ff3537) !important
}

.model-bg.grad-white {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(bottom, #fff, #f5f5f5);
    background-image: -moz- oldlinear-gradient(bottom, #fff, #f5f5f5);
    background-image: linear-gradient(to top, #fff, #f5f5f5)
}

.model-bg.grad-white-half {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(2rem, #f5f5f5));
    background-image: -webkit-linear-gradient(top, #fff, #f5f5f5 2rem);
    background-image: -moz- oldlinear-gradient(top, #fff, #f5f5f5 2rem);
    background-image: linear-gradient(to bottom, #fff, #f5f5f5 2rem)
}

.model-bg.grad-orange {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffbd7a), to(#ff5339));
    background-image: -webkit-linear-gradient(left, #ffbd7a, #ff5339);
    background-image: -moz- oldlinear-gradient(left, #ffbd7a, #ff5339);
    background-image: linear-gradient(to right, #ffbd7a, #ff5339)
}

.model-bg.grad-blue {
    background-image: -webkit-gradient(linear, left top, right top, from(#94d5ff), to(#75d1ff));
    background-image: -webkit-linear-gradient(left, #94d5ff, #75d1ff);
    background-image: -moz- oldlinear-gradient(left, #94d5ff, #75d1ff);
    background-image: linear-gradient(to right, #94d5ff, #75d1ff)
}

.model-bg.grad-darkorange {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff957a), to(#ff5339));
    background-image: -webkit-linear-gradient(left, #ff957a, #ff5339);
    background-image: -moz- oldlinear-gradient(left, #ff957a, #ff5339);
    background-image: linear-gradient(to right, #ff957a, #ff5339)
}

.model-bg.grad-darkorange-2 {
    background-image: -webkit-gradient(linear, right top, left top, from(#fe8b01), to(#f63)) !important;
    background-image: -webkit-linear-gradient(right, #fe8b01, #f63) !important;
    background-image: -moz- oldlinear-gradient(right, #fe8b01, #f63) !important;
    background-image: linear-gradient(to left, #fe8b01, #f63) !important
}

.erp_header.grad-darkorange-2 {
    background-image: -webkit-gradient(linear, right top, left top, from(#fe8b01), to(#f63)) !important;
    background-image: -webkit-linear-gradient(right, #fe8b01, #f63) !important;
    background-image: -moz- oldlinear-gradient(right, #fe8b01, #f63) !important;
    background-image: linear-gradient(to left, #fe8b01, #f63) !important
}

.model-bg.grad-green {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffbbac), to(#ff9e80));
    background-image: -webkit-linear-gradient(left, #ffbbac, #ff9e80);
    background-image: -moz- oldlinear-gradient(left, #ffbbac, #ff9e80);
    background-image: linear-gradient(to right, #ffbbac, #ff9e80)
}

.btn,
.label {
    position: relative;
    text-align: center;
    vertical-align: baseline;
    padding: .08rem .15rem;
    font-size: .3rem;
    border: 0
}

.btn:after,
.label:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .5;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid transparent
}

.btn:active,
.label:active,
.btn:focus,
.label:focus {
    outline: 0
}

.btn[disabled],
.label[disabled] {
    opacity: .7;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-sm {
    padding: .05rem .1rem;
    font-size: 0.24rem
}

.btn-m {
    padding: .15rem .35rem;
    font-size: 0.3rem
}

.btn-lg {
    padding: .25rem .45rem;
    font-size: 0.34rem
}

.btn-white {
    color: #000;
    background-color: white;
    background-image: white
}

.btn-white:after {
    border-color: white
}

.btn-grey {
    color: white;
    background-color: #999;
    background-image: #999
}

.btn-grey:after {
    border-color: #999
}

.btn-red {
    color: white;
    background-color: #ff3260
}

.btn-red:after {
    border-color: transparent
}

.btn-disabled,
.btn-green[disabled],
.btn-red[disabled] {
    background-color: #ccc !important;
    background-image: initial
}

.btn-yellow {
    color: #000;
    background-color: #ffe044;
    background-image: -webkit-gradient(linear, left top, right top, from(#ffe356), to(#ffde32));
    background-image: -webkit-linear-gradient(left, #ffe356, #ffde32);
    background-image: -moz- oldlinear-gradient(left, #ffe356, #ffde32);
    background-image: linear-gradient(90deg, #ffe356, #ffde32)
}

.btn-yellow:after {
    border-color: transparent
}

.btn-green {
    color: #fff;
    background-color: #16b771
}

.btn-main {
    color: #fff;
    background-color: #ec7043
}

.btn-buy {
    color: #fff;
    background-color: #ff6633
}

.btn-tag {
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    display: inline-block;
    line-height: .4rem;
    padding: 0 .12rem;
    font-size: .22rem
}

.btn-grad {
    color: white;
    background-image: -webkit-gradient(linear, left top, right top, from(#fe8b01), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #fe8b01, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #fe8b01, #ec7043);
    background-image: linear-gradient(90deg, #fe8b01, #ec7043)
}

.btn-grad:after {
    display: none
}

.btn-grad[disabled] {
    background-color: #ccc;
    background-image: none
}

.btn-grad-orange {
    color: white;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff7b4f), to(#ffaa53));
    background-image: -webkit-linear-gradient(left, #ff7b4f, #ffaa53);
    background-image: -moz- oldlinear-gradient(left, #ff7b4f, #ffaa53);
    background-image: linear-gradient(90deg, #ff7b4f, #ffaa53)
}

.btn-red-orange {
    color: white;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff3c68), to(#ff7940));
    background-image: -webkit-linear-gradient(left, #ff3c68, #ff7940);
    background-image: -moz- oldlinear-gradient(left, #ff3c68, #ff7940);
    background-image: linear-gradient(90deg, #ff3c68, #ff7940)
}

.btn-plain,
.btn-main-plain {
    color: #ec7043;
    background-color: white
}

.btn-plain:after,
.btn-main-plain:after {
    border-color: #ec7043
}

.btn-buy-plain {
    color: #ff6633;
    background-color: white
}

.btn-buy-plain:after {
    border-color: #ff6633
}

.btn-grey-plain {
    color: #999;
    background-color: white
}

.btn-grey-plain:after {
    border-color: #999
}

.btn-red-plain {
    color: #ff3260;
    background-color: white
}

.btn-red-plain:after {
    border-color: #ff3260
}

.btn-block {
    display: block;
    width: 100%
}

a.btn-block {
    width: auto
}

.btn-radius {
    -moz-border-radius: 5rem;
    border-radius: 5rem
}

.btn-radius:after {
    -moz-border-radius: 5rem;
    border-radius: 5rem
}

.btn-shadow {
    -webkit-box-shadow: 0 0.08rem 0.2rem 0.01rem rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0.08rem 0.2rem 0.01rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.08rem 0.2rem 0.01rem rgba(0, 0, 0, 0.15)
}

.price-btn {
    color: white;
    padding: 0 .2rem;
    -moz-border-radius: .46rem;
    border-radius: .46rem;
    font-size: .24rem;
    height: .46rem;
    line-height: .46rem;
    text-align: center;
    min-width: .8rem
}

.price-btn[disabled],
.price-btn.disabled {
    background-color: #ccc !important
}

.badge {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: -0.15rem;
    top: -0.15rem;
    z-index: 100;
    display: inline-block;
    box-sizing: border-box;
    min-width: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    padding: 0 .05rem;
    font-size: .2rem;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #ff3260;
    -moz-border-radius: 0.15rem;
    border-radius: 0.15rem;
    margin: -.03rem
}

.arrow {
    display: inline-block;
    width: .5em;
    height: .5em;
    line-height: .5em;
    margin-left: .05rem;
    margin-right: .05rem;
    border-top: 0.025rem solid #999;
    border-right: 0.025rem solid #999;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.arrow.black {
    border-color: #333333
}

.arrow.arrow-lft {
    margin-top: .45em;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.arrow.arrow-rgt {
    margin-top: .45em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.arrow.arrow-top {
    margin-top: .65em;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.arrow.arrow-btm {
    margin-top: .4em;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.arrow.black {
    border-color: #333333
}

.c-red .arrow,
.c-red.arrow {
    border-color: #ff3260
}

.badge-check {
    position: relative;
    display: inline-block;
    height: .35rem;
    line-height: .35rem;
    padding: 0 .13rem 0 .42rem;
    font-size: .22rem;
    color: #ec7043;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    background-color: #e5f8ed
}

.badge-check::before {
    content: '';
    position: absolute;
    top: 50%;
    left: .1rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.25rem;
    height: 0.25rem;
    margin-right: .05rem;
    background: url(/static/img/radio-hook-circle.png) no-repeat 0 0;
    -moz-background-size: 0.25rem 0.25rem;
    background-size: 0.25rem 0.25rem
}

.label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0.1rem;
    display: inline-block;
    font-size: .22rem;
    padding: .05rem .15rem;
    line-height: .3rem;
    vertical-align: bottom;
    color: #999;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
    margin-right: .1rem
}

.label:after {
    border-color: #e1e1e1;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.label:last-child {
    margin-right: 0
}

.label.label-main-palin {
    background-color: white;
    color: #ec7043
}

.label.label-main-palin:after {
    border-color: #ec7043
}

.label.label-buy-palin {
    background-color: white;
    color: #ff6633
}

.label.label-buy-palin:after {
    border-color: #ff6633
}

.label.label-red-palin {
    background-color: white;
    color: #ff3260
}

.label.label-red-palin:after {
    border-color: #ff3260
}

.label.label-green-palin {
    background-color: white;
    color: #16b771
}

.label.label-green-palin:after {
    border-color: #16b771
}

.label.label-border-white:after {
    border-color: #fff
}

.label.label-grey-dark {
    background-color: white;
    color: #666
}

.label.label-grey-dark:after {
    border-color: #ddd
}

.label.label-hot {
    background-color: #ff7840;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff3c68), to(#ff7840));
    background-image: -webkit-linear-gradient(left, #ff3c68, #ff7840);
    background-image: -moz- oldlinear-gradient(left, #ff3c68, #ff7840);
    background-image: linear-gradient(90deg, #ff3c68, #ff7840);
    color: #fff
}

.label.label-hot .iconfont {
    display: inline-block;
    margin-top: -0.2em;
    vertical-align: middle;
    font-size: 1.5em;
    color: #fea95c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff745), to(#fea95c));
    background-image: -webkit-linear-gradient(#fff745, #fea95c);
    background-image: -moz- oldlinear-gradient(#fff745, #fea95c);
    background-image: linear-gradient(#fff745, #fea95c);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.label.label-hot:after {
    border-color: #ff7840
}

.checkable-tag {
    display: inline-block;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    color: #666;
    background: #f8f8f8;
    -moz-border-radius: 0.6rem;
    border-radius: 0.6rem
}

.active>.checkable-tag,
.active.checkable-tag {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043)
}

.tag-list-warp ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0.15rem
}

.tag-list-warp li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    padding: 0.15rem;
    text-align: center
}

.tag-list-warp li .checkable-tag {
    display: block
}

.no-data {
    font-size: 0.32rem;
    line-height: inherit;
    text-align: center;
    color: #333333;
    padding-bottom: 2rem
}

.no-data p {
    padding-top: 0.2rem;
    color: #999
}

.no-data img {
    width: 1.2rem;
    margin: 2rem auto 0
}

.no-data .info-warp {
    padding: 1rem 0
}

.nodata-content {
    position: fixed;
    top: 1.2rem;
    bottom: .2rem;
    left: .2rem;
    right: .2rem
}

.no-data-hor .no-data,
.no-data-hor.no-data {
    position: relative;
    margin: 0.2rem 0 !important;
    padding: 0.3rem 0;
    text-align: left;
    min-height: 1.5rem;
    background-color: #fff
}

.no-data-hor .no-data img,
.no-data-hor.no-data img {
    float: left;
    margin: 0 0.3rem;
    width: 1rem;
    max-height: 1.5rem
}

.no-data-hor .no-data p,
.no-data-hor.no-data p {
    margin: 0 !important;
    padding: 0 !important
}

.no-data-hor .no-data .text-warp,
.no-data-hor.no-data .text-warp {
    left: 1.6rem;
    right: 0.3rem;
    line-height: 1.1;
    font-size: 0.28rem;
    color: #999
}

.input-group {
    position: relative;
    display: inline-table;
    border-collapse: separate
}

.input-group input,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

label.required:before {
    content: "*";
    margin-right: .05rem;
    vertical-align: middle
}

label.error {
    color: #ff3434
}

.chk-group {
    position: relative;
    line-height: .6rem
}

.chk-group input {
    display: none
}

.chk-group .chk-icon {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 0.34rem;
    height: 0.34rem;
    background-color: transparent;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: background-color ease-in .3s;
    -moz-transition: background-color ease-in .3s;
    transition: background-color ease-in .3s;
    border: 1px solid #ccc;
    cursor: pointer
}

.chk-group .chk-icon:after {
    content: '';
    position: absolute;
    left: 0.04rem;
    width: 0.24rem;
    height: 0.16rem;
    display: none;
    -webkit-filter: brightness(10);
    filter: brightness(10);
    top: 0.085rem;
    background: url(/static/img/radio-hook4.png) no-repeat 0 0;
    -moz-background-size: 0.22rem 0.15rem;
    background-size: 0.22rem 0.15rem
}

.chk-group .chk-label {
    margin-left: .55rem
}

.chk-group.checked .chk-icon,
.chk-group input:checked+.chk-icon {
    background-color: #ec7043;
    border-color: #ec7043
}

.chk-group.checked .chk-icon:after,
.chk-group input:checked+.chk-icon:after {
    display: block
}

.chk-group+.chk-group {
    margin-top: .1rem
}

.disabled .chk-group,
.disabled.chk-group {
    opacity: .65
}

.disabled .chk-group .chk-icon,
.disabled.chk-group .chk-icon {
    background-color: #eee
}

.chk-lg .chk-group,
.chk-lg.chk-group {
    min-width: 0.44rem;
    min-height: 0.44rem;
    line-height: 0.44rem
}

.chk-lg .chk-group .chk-icon,
.chk-lg.chk-group .chk-icon {
    width: 0.44rem;
    height: 0.44rem
}

.chk-lg .chk-group .chk-icon:after,
.chk-lg.chk-group .chk-icon:after {
    content: '';
    left: 0.05rem;
    top: 0.09rem;
    width: 0.28rem;
    height: 0.2rem;
    -moz-background-size: 0.28rem 0.2rem;
    background-size: 0.28rem 0.2rem
}

.chk-inline .chk-group {
    display: inline-block
}

.chk-inline .chk-group+.chk-group {
    margin-left: .2rem
}

.chk-switcher {
    position: relative;
    min-height: 0.5rem
}

.chk-switcher input:checked,
.chk-switcher input:not(:checked) {
    position: absolute;
    top: .1rem;
    left: .3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.chk-switcher input:checked+label,
.chk-switcher input:not(:checked)+label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 0.5rem;
    width: 0.8rem;
    background-color: #eee;
    border: 1px solid #eee;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    text-indent: -9999px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color ease-in .3s, border-color ease-in .3s;
    -moz-transition: background-color ease-in .3s, border-color ease-in .3s;
    transition: background-color ease-in .3s, border-color ease-in .3s
}

.chk-switcher input:checked+label:after,
.chk-switcher input:not(:checked)+label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0.5rem;
    width: 0.5rem;
    background-color: white;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-transition: -webkit-transform ease-in .3s;
    transition: -webkit-transform ease-in .3s;
    -moz-transition: transform ease-in .3s, -moz-transform ease-in .3s;
    transition: transform ease-in .3s;
    transition: transform ease-in .3s, -webkit-transform ease-in .3s, -moz-transform ease-in .3s
}

.chk-switcher input:checked+label {
    background-color: #ec7043;
    border-color: #ec7043
}

.chk-switcher input:checked+label:after {
    -webkit-transform: translateX(0.3rem);
    -moz-transform: translateX(0.3rem);
    -ms-transform: translateX(0.3rem);
    transform: translateX(0.3rem)
}

.checked-chk {
    position: relative;
    width: .44rem;
    height: .44rem;
    background-color: #ffde32;
    display: inline-block;
    border: 1px solid #ffde32;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.checked-chk:after {
    content: '';
    left: 0.1rem;
    top: 0.14rem;
    width: 0.24rem;
    height: 0.16rem;
    position: absolute;
    background: url(/static/img/radio-hook.png) no-repeat 0 0;
    -moz-background-size: 0.24rem 0.16rem;
    background-size: 0.24rem 0.16rem
}

.chk-tag .chk-group,
.chk-tag.chk-group {
    margin: 0.1rem 0.1rem 0.1rem 0
}

.chk-tag .chk-group+.chk-group,
.chk-tag.chk-group+.chk-group {
    margin-left: 0
}

.chk-tag .chk-group .chk-label,
.chk-tag.chk-group .chk-label {
    display: inline-block;
    margin-left: 0;
    padding: 0.05rem 0.1rem;
    line-height: 1.3em;
    vertical-align: middle;
    text-align: center;
    font-size: 0.22rem;
    color: #999;
    -moz-border-radius: 0.07rem;
    border-radius: 0.07rem;
    background: #fff;
    border: 1px solid #999
}

.chk-tag .chk-group.checked .chk-label,
.chk-tag .chk-group input:checked+.chk-label,
.chk-tag.chk-group.checked .chk-label,
.chk-tag.chk-group input:checked+.chk-label {
    color: #ff6633;
    border-color: #ff6633
}

.spinner {
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 0.6rem
}

.spinner .minus,
.spinner .add {
    position: absolute;
    top: 0;
    z-index: 2;
    line-height: 0;
    width: 0.6rem;
    height: 0.6rem;
    background: white;
    border: 1px solid #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.spinner .minus.disable:before,
.spinner .minus.disable:after,
.spinner .minus.disabled:before,
.spinner .minus.disabled:after,
.spinner .add.disable:before,
.spinner .add.disable:after,
.spinner .add.disabled:before,
.spinner .add.disabled:after {
    background-color: #ccc
}

.spinner .minus:before,
.spinner .add:before,
.spinner .add:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 0.260rem;
    height: 2px;
    margin: auto;
    background-color: #666
}

.spinner .minus {
    left: 0;
    -moz-border-radius: 0.07rem 0 0 0.07rem;
    border-radius: 0.07rem 0 0 0.07rem
}

.spinner .add {
    right: 0;
    -moz-border-radius: 0 0.07rem 0.07rem 0;
    border-radius: 0 0.07rem 0.07rem 0
}

.spinner .add:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.spinner input {
    width: 0.8rem;
    height: 0.6rem;
    margin: 0 0.6rem;
    text-align: center;
    font-size: 0.3rem;
    color: #000;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: white
}

.yellow-style .spinner .minus,
.yellow-style .spinner .add,
.yellow-style.spinner .minus,
.yellow-style.spinner .add {
    background-color: #ffde32
}

.yellow-style .spinner .minus.disable,
.yellow-style .spinner .minus.disabled,
.yellow-style .spinner .add.disable,
.yellow-style .spinner .add.disabled,
.yellow-style.spinner .minus.disable,
.yellow-style.spinner .minus.disabled,
.yellow-style.spinner .add.disable,
.yellow-style.spinner .add.disabled {
    background-color: white
}

.yellow-style .spinner .minus.disable:before,
.yellow-style .spinner .minus.disable:after,
.yellow-style .spinner .minus.disabled:before,
.yellow-style .spinner .minus.disabled:after,
.yellow-style .spinner .add.disable:before,
.yellow-style .spinner .add.disable:after,
.yellow-style .spinner .add.disabled:before,
.yellow-style .spinner .add.disabled:after,
.yellow-style.spinner .minus.disable:before,
.yellow-style.spinner .minus.disable:after,
.yellow-style.spinner .minus.disabled:before,
.yellow-style.spinner .minus.disabled:after,
.yellow-style.spinner .add.disable:before,
.yellow-style.spinner .add.disable:after,
.yellow-style.spinner .add.disabled:before,
.yellow-style.spinner .add.disabled:after {
    background-color: #ccc
}

.yellow-style .spinner .minus:before,
.yellow-style .spinner .add:before,
.yellow-style .spinner .add:after,
.yellow-style.spinner .minus:before,
.yellow-style.spinner .add:before,
.yellow-style.spinner .add:after {
    background-color: #333333
}

.upload-warp .preview-img,
.upload-warp .upload-btn {
    float: left;
    position: relative;
    width: 31%;
    height: 2rem
}

.upload-warp .preview-img+.preview-img,
.upload-warp .preview-img+.upload-btn {
    margin-left: 3%
}

.upload-warp .upload-btn .upload-btn-desc {
    position: absolute;
    bottom: 0.2rem;
    width: 100%;
    text-align: center;
    color: #999
}

.upload-warp .upload-btn .upload-btn-bg {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f5f5f5 url(/static/img/icon_pic.png) no-repeat center center;
    -moz-background-size: .6rem auto;
    background-size: .6rem auto;
    border: 2px dashed #ddd
}

.upload-warp .upload-btn input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2
}

.upload-warp .img-del-btn {
    cursor: pointer;
    position: absolute;
    top: -6px;
    right: -6px;
    width: 16px;
    height: 16px;
    background: url(/static/img/del.png) no-repeat center center;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px
}

.flex-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-box.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-box.flex-between {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-box .flex-item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-box .flex-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%
}

.flex-box .flex-l {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 2.2rem;
    flex: 0 0 2.2rem;
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.flex-box .flex-l+.flex-r {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-box .flex-c {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.flex-box .flex-c+.flex-r {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 2.2rem;
    flex: 0 0 2.2rem
}

.flex-box .flex-r {
    text-align: right;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.flex-box .flex-l.flex-item-icon,
.flex-box .flex-c.flex-item-icon,
.flex-box .flex-r.flex-item-icon {
    -ms-flex-preferred-size: .3rem;
    flex-basis: .3rem
}

.panel-box {
    background-color: white;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: .2rem
}

.panel-block {
    padding: 0.2rem 0.2rem;
    -moz-border-radius: 0;
    border-radius: 0
}

.panel-head {
    padding: 0.2rem 0.2rem;
    font-size: 0.3rem;
    color: #000;
    background-color: white;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.panel-body {
    padding: 0.2rem 0.2rem;
    background-color: white;
    -moz-border-radius: 0;
    border-radius: 0
}

.panel-body p {
    font-family: Optima-Regular, PingFangTC-light;
    color: #393939;
    line-height: 2.0;
    font-size: .32rem;
}

.panel-list {
    background-color: white;
    -moz-border-radius: 0;
    border-radius: 0
}

.panel-list li {
    padding: 0.2rem 0.2rem;
    line-height: 0.48rem;
    font-size: 0.3rem;
    text-align: left
}

.panel-list li .title {
    color: #000
}

.panel-list li .desc {
    color: #999
}

.panel-list li+li {
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-top-width: 1px
}

.panel-list textarea {
    border: 0;
    outline: none;
    -webkit-appearance: none
}

.panel-list .form-el.spinner {
    position: absolute;
    top: -0.08rem
}

.panel-list .form-el .btn,
.panel-list .form-el .label {
    margin-top: -.07rem;
    margin-bottom: -.5rem
}

.panel-list .form-el.chk-inline .chk-group {
    margin-top: 0;
    line-height: 0.48rem
}

.panel-check-list li {
    position: relative;
    padding: 0.2rem
}

.panel-check-list li+li {
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-top-width: 1px
}

.panel-check-list li.disabled {
    color: #999
}

.panel-check-list li.flex-box .flex-l,
.panel-check-list li.flex-box .flex-c+.flex-r {
    -ms-flex-preferred-size: .8rem;
    flex-basis: .8rem
}

.panel-check-list li.flex-box .flex-l.chk-group,
.panel-check-list li.flex-box .flex-r.chk-group {
    margin: 0
}

.panel-check-list li.flex-box .flex-r .text-vcenter,
.panel-check-list li.flex-box .flex-r .no-data-hor .no-data .text-warp,
.no-data-hor .no-data .panel-check-list li.flex-box .flex-r .text-warp,
.panel-check-list li.flex-box .flex-r .no-data-hor.no-data .text-warp,
.no-data-hor.no-data .panel-check-list li.flex-box .flex-r .text-warp,
.panel-check-list li.flex-box .flex-r .package-footer .distribution .btn-tool span::before,
.package-footer .distribution .btn-tool .panel-check-list li.flex-box .flex-r span::before,
.panel-check-list li.flex-box .flex-r.chk-group .chk-icon {
    left: auto;
    right: 0
}

.company_group .chk-icon,
.right-chk-icon .chk-icon {
    left: inherit;
    right: 0
}

.panel-head+.panel-body,
.panel-head+.panel-list {
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0
}

.panel-head.bord-inner,
.panel-body.bord-inner,
.panel-list.bord-inner li {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0.2rem;
    margin-right: 0.2rem
}

.panel-list.no-style li {
    padding: .1rem 0;
    border: 0
}

.panle-help {
    margin: 0.2rem 0.2rem;
    color: #999
}

.panle-help a {
    color: #ff6633
}

.alert-panle {
    margin: 0 .45rem;
    text-align: left
}

.alert-panle h4 {
    text-align: center;
    font-size: .35rem;
    font-weight: inherit;
    margin-bottom: .35rem
}

.alert-panle p {
    margin: .1rem 0
}

.flex-r .form-el {
    left: auto;
    right: 0
}

.loading {
    text-align: center;
    padding: 0.2rem;
    font-size: 0.28rem;
    color: #666
}

.loading i {
    background: url(/static/img/loading-logo.gif) no-repeat 0 0;
    -moz-background-size: 0.32rem 0.32rem;
    background-size: 0.32rem 0.32rem;
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
    position: relative;
    top: 0.05rem;
    margin-right: 0.1rem
}

.loading-logo {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(64, 64, 64, 0.5);
    z-index: 19891015
}

.loading-logo img,
.loading-logo .txt-mid {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loading-logo img {
    width: 20%;
    height: inherit
}

table tr {
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

table th {
    padding: .2rem .2rem;
    font-size: 0.3rem;
    color: #000;
    background-color: #f9f9f9
}

table td {
    padding: .2rem .2rem;
    color: #666;
    text-align: center;
    background-color: white
}

.header-tab {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    background-color: white;
    -moz-border-radius-topleft: 0.12rem;
    border-top-left-radius: 0.12rem;
    -moz-border-radius-topright: 0.12rem;
    border-top-right-radius: 0.12rem;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px;
    z-index: 8
}

.header-tab .tab-item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.header-tab .tab-item.active,
.header-tab .tab-item.active span,
.header-tab .tab-item.active a {
    -webkit-transition: all ease-in .15s;
    -moz-transition: all ease-in .15s;
    transition: all ease-in .15s
}

.header-tab .tab-item a {
    display: inline-block;
    width: 100%;
    padding: .3rem 0;
    font-size: 0.32rem
}

.header-tab .tab-item a label {
    position: relative
}

.header-tab .tab-item a label .point {
    position: absolute;
    top: -.12rem;
    min-width: 14px;
    text-align: center;
    line-height: 14px;
    margin-left: .05rem;
    display: inline-block;
    background: red;
    color: #fff;
    -moz-border-radius: 17px;
    border-radius: 17px;
    padding: 6px;
    font-size: 16px;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-text-fill-color: white
}

.header-tab .tab-item.active a {
    color: #ec7043
}

.header-tab .tab-item.active a label {
    font-weight: 700;
    color: #ec7043;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.header-tab .tab-item.on,
.header-tab .tab-item.active {
    font-weight: bold;
    color: #ec7043;
}

.header-tab .tab-item.on i,
.header-tab .tab-item.active i {
    font-weight: 400;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header-tab .tab-item i {
    display: inline-block;
    margin-left: .03rem;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s
}

.header-tab.smint {
    color: #666
}

.header-tab.smint .active {
    color: #ec7043
}

.header-tab.smint.fxd {
    left: .2rem !important;
    right: .2rem;
    width: auto;
    z-index: 10
}

.tab-btm-line .tab-item {
    position: relative
}

.tab-btm-line .tab-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ec7043
}

.tab-btm-line .tab-item.active:after {
    width: 2em;
    height: .06rem;
    margin: 0 auto;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043);
    -moz-border-radius: 0.12rem;
    border-radius: 0.12rem;
    -webkit-animation: fadeInLeft .15s ease-in both;
    -moz-animation: fadeInLeft .15s ease-in both;
    animation: fadeInLeft .15s ease-in both
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2em);
        transform: translateX(-2em)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2em);
        transform: translateX(-2em)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2em);
        -moz-transform: translateX(-2em);
        transform: translateX(-2em)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

.header-tab.scroll-tab,
.head-nav-list.scroll-tab {
    overflow-x: auto
}

.header-tab.scroll-tab ul,
.head-nav-list.scroll-tab ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.header-tab.scroll-tab li,
.head-nav-list.scroll-tab li {
    -webkit-box-flex: 0 !important;
    -moz-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important
}

.head-nav-list {
    position: relative;
    -webkit-overflow-scrolling: touch
}

.head-nav-list.smint,
.head-nav-list.fxd {
    right: 0
}

.head-nav-list.low-head {
    padding: .32rem
}

.head-nav-list .nav-on-line {
    position: absolute;
    bottom: 0;
    left: .4rem;
    width: .56rem;
    height: .06rem;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    overflow: hidden;
    background-image: -webkit-gradient(linear, left top, right top, from(#f7a684), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #f7a684, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #f7a684, #ec7043);
    background-image: linear-gradient(90deg, #f7a684, #ec7043);
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.head-nav-list li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .2rem;
    font-size: .3rem;
    background: white;
    height: .5rem;
    line-height: .5rem;
    margin-right: .2rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem
}

.head-nav-list li:last-child {
    margin-right: 0
}

.head-nav-list li.flex-item {
    max-width: inherit
}

.head-nav-list li.on,
.head-nav-list li.active {
    font-size: .36rem;
    font-weight: bold;
    color: #ec7043;
    background-image: -webkit-gradient(linear, left top, right top, from(#ec7043), to(#ee6a29));
    background-image: -webkit-linear-gradient(left, #ffce28, #ee6a29);
    background-image: -moz- oldlinear-gradient(left, #ffce28, #ee6a29);
    background-image: linear-gradient(90deg, #ffce28, #ee6a29);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.head-nav-list.low-head li {
    position: relative;
    height: .36rem;
    line-height: .36rem;
    margin-right: 0;
    text-align: center;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s
}

.head-nav-list.low-head li.on,
.head-nav-list.low-head li.active {
    font-size: .3rem
}

.head-nav-list.low-head li.on:after,
.head-nav-list.low-head li.active:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -85%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: .56rem;
    height: .06rem;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    background-image: -webkit-gradient(linear, left top, right top, from(#ec7043), to(#ee6a29));
    background-image: -webkit-linear-gradient(left, #ffce28, #ee6a29);
    background-image: -moz- oldlinear-gradient(left, #ffce28, #ee6a29);
    background-image: linear-gradient(90deg, #ffce28, #ee6a29)
}

.tab-header-label {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -0.16rem
}

.tab-header-label li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    margin: 0 0.16rem 0.16rem 0;
    padding: 0 0.25rem;
    overflow: hidden;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: .26rem;
    text-align: center;
    -moz-border-radius: 0.6rem;
    border-radius: 0.6rem;
    background-color: #f5f5f5;
    -webkit-transition: background-color ease-in .2s, color ease-in .2s;
    -moz-transition: background-color ease-in .2s, color ease-in .2s;
    transition: background-color ease-in .2s, color ease-in .2s
}

.tab-header-label li a {
    display: block;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tab-header-label li.on {
    color: white;
    background-color: #ec7043;
    -webkit-transition: background-color ease-in .2s, color ease-in .2s;
    -moz-transition: background-color ease-in .2s, color ease-in .2s;
    transition: background-color ease-in .2s, color ease-in .2s
}

.tab-header-label.modal-tags li {
    font-size: .3rem;
    height: .56rem;
    background: none;
    border: 1px solid #e6e6e6;
    -moz-border-radius: .28rem;
    border-radius: .28rem;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.tab-header-label.modal-tags li.on {
    font-weight: normal;
    background: none;
    border-color: #ec7043;
    color: #ec7043
}

.header-search {
    position: relative;
    height: 0.6rem;
    line-height: 0.6rem;
    padding: .15rem .2rem;
    /* background: #fff */
}

.header-search .search-input {
    position: relative
}

.header-search .search-input input,
.header-search .search-input .input-holder {
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 0.6rem;
    padding: 0 .3rem;
    font-size: 0.24rem;
    background-color: transparent;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem
}

.header-search .search-input .input-holder {
    text-align: center;
    background-color: #fff
}

.header-search .search-input .input-holder.border {
    border: 1px solid #f3f3f3;
    -moz-border-radius: .05rem !important;
    border-radius: .05rem !important
}

.header-search .search-input .input-holder .sprite-icon,
.header-search .search-input .input-holder .yellow-back {
    vertical-align: middle
}

.header-search .flex-item:first-child,
.header-search .flex-item:last-child {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 .6rem;
    flex: 0 0 .6rem
}

.header-search .sprite_arrow-back,
.header-search .sprite_marker-yellow {
    vertical-align: sub
}

.header-search.header-search-noicon .flex-item.search-input {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header-search .del-btn {
    position: absolute;
    top: 0;
    right: -.05rem;
    z-index: 10
}

.header-search .search-back {
    font-size: .32rem;
    -webkit-box-flex: 0 !important;
    -moz-box-flex: 0 !important;
    -ms-flex: 0 0 0.48rem !important;
    flex: 0 0 0.48rem !important
}

.header-search .search-content {
    -moz-border-radius: .3rem;
    border-radius: .3rem
}

.header-search .search-btn {
    cursor: pointer;
    display: inline-block;
    padding: 0 .24rem;
    /* background-image: -webkit-gradient(linear, left top, right top, from(#f7a684), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #f7a684, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #f7a684, #ec7043);
    background-image: linear-gradient(90deg, #f7a684, #ec7043); */
    background-color: #fff;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    height: .6rem;
    line-height: .6rem;
    color: #fff;
    font-size: .24rem;
    text-align: center
}

.header-search.index-head-search {
    -moz-border-radius: 0;
    border-radius: 0
}

.header-search.index-head-search .back-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 .4rem;
    flex: 0 0 .4rem
}

.header-search.index-head-search .flex-l {
    -ms-flex-preferred-size: 1.18rem;
    flex-basis: 1.18rem
}

.local-search-wrap {
    height: .6rem;
    line-height: .6rem;
    background-color: white;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    padding: 0 .2rem
}

.local-search-wrap .flex-item {
    position: relative;
    -webkit-box-flex: 0 !important;
    -moz-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    padding-right: .2rem
}

.local-search-wrap .flex-item:after {
    content: '';
    position: absolute;
    right: 0;
    top: .15rem;
    bottom: .15rem;
    width: 1px;
    background-color: #999
}

.local-search-wrap a {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .2rem
}

.local-search-wrap .search-input input {
    padding-left: .6rem;
    padding-right: .3rem
}

.local-search-wrap a em,
.local-search-wrap .search-input input::-webkit-input-placeholder {
    color: #b1b1b1;
    font-size: .24rem
}

.erp_header {
    height: 1rem;
    line-height: 1rem;
    /* background: #ec7043; */
    position: relative;
    -moz-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    -webkit-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    -o-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    border-style: solid;
    border-width: 0;
    /* border-bottom-width: 1px; */
    z-index: 10
}

.erp_header .hd {
    font-size: 0.36rem;
    text-align: center;
    display: block;
    width: 60%;
    margin: 0 auto;
    display: block;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.erp_header .back {
    position: absolute;
    left: 0.3rem;
    top: 50%;
    z-index: 2;
    margin-top: -0.19rem;
    display: inline-block;
    height: 0.38rem;
    width: 0.2rem;
    color: #fff;
    background: url('/static/img/back-icon.png') no-repeat;
    -moz-background-size: contain;
    background-size: contain
}

.erp_header .back.back-white {
    height: .32rem;
    width: .18rem;
    background: url(/static/img/icon_coupon.png) no-repeat;
    -moz-background-size: .6rem auto;
    background-size: .6rem auto
}

.erp_header .menu_share {
    position: absolute;
    top: .32rem;
    right: .3rem;
    display: inline-block;
    height: .32rem;
    width: .32rem;
    background: url(/static/img/icon_coupon.png) no-repeat -0.28rem 0;
    -moz-background-size: .6rem auto;
    background-size: .6rem auto
}

.erp_header .menu_share {
    position: absolute;
    top: .32rem;
    right: .3rem;
    display: inline-block;
    height: .32rem;
    width: .32rem;
    background: url(/static/img/icon_coupon.png) no-repeat -0.28rem 0;
    -moz-background-size: .6rem auto;
    background-size: .6rem auto
}

.erp_header .menu_home {
    position: absolute;
    top: .32rem;
    right: .3rem;
    display: inline-block;
    height: .5rem;
    width: .5rem;
    background: url(/static/img/icon_header_home.png) no-repeat;
    -moz-background-size: 100%;
    background-size: 100%
}

.erp_header .hd_r {
    position: absolute;
    top: .3rem;
    right: 0.3rem;
    font-size: 0.28rem;
    line-height: initial;
    color: #666
}

.erp_header .hd_r .more_menu {
    background: #000
}

.erp_header .hd_r .more_menu i {
    background: #666;
    display: block;
    margin: 3px 0;
    width: 16px;
    height: 2px;
    overflow: hidden
}

.erp_header .menu {
    background: #fff;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
    position: absolute;
    right: 0.1rem;
    top: 1rem;
    z-index: -1;
    width: 1.66rem;
    padding: 0 0.2rem;
    font-size: 0.28rem;
    opacity: 0;
    -webkit-transition: ease-in-out all 0.2s;
    -moz-transition: ease-in-out all 0.2s;
    transition: ease-in-out all 0.2s;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    transform: scale(0.01)
}

.erp_header .menu li {
    color: #333333;
    font-size: 0.32rem;
    line-height: 0.84rem;
    text-align: center;
    -webkit-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    -moz-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    -o-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 1px
}

.erp_header .menu li:last-child {
    border-bottom-width: 0
}

.erp_header .menu li a {
    display: block
}

.erp_header .menu i {
    border: transparent solid 8px;
    display: inline-block;
    border-bottom-color: #fff;
    position: absolute;
    top: -16px;
    right: 10px
}

.erp_header .active {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 90
}

.bg-img-green-1 {
    background-image: url("/static/img/bg-green-1.jpg");
    background-repeat: no-repeat;
    -moz-background-size: 100%;
    background-size: 100%
}

.top_menu,
.pic-top-menu {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: .2rem .3rem 0;
    z-index: 9
}

.top_menu a,
.pic-top-menu a {
    display: inline-block;
    width: 0.64rem;
    height: 0.64rem;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: white;
    text-align: center;
    line-height: 0.64rem;
    background-color: rgba(0, 0, 0, 0.5)
}

.top_menu .iconfont,
.pic-top-menu .iconfont {
    font-size: .36rem
}

.top_menu .icon_box,
.pic-top-menu .icon_box {
    float: right;
    margin-left: .1rem
}

.oval-header {
    position: relative;
    min-height: 3.5rem
}

.oval-header:before,
.oval-header:not(.flat):after {
    content: '';
    position: absolute;
    display: block;
    z-index: -1
}

.oval-header:not(.not-before):before {
    top: 0;
    left: 0;
    right: 0;
    height: 3.5rem;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-image: -webkit-gradient(linear, left top, right top, from(#f7b564), to(#ee6a29));
    background-image: -webkit-linear-gradient(left, #f7b564, #ee6a29);
    background-image: -moz- oldlinear-gradient(left, #f7b564, #ee6a29);
    background-image: linear-gradient(90deg, #f7b564, #ee6a29);
}

.oval-header:after {
    left: 0;
    top: -.3rem;
    width: 100%;
    height: 5rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    -moz-background-size: 100% 4.89rem;
    background-size: 100% 4.89rem;
    /* background-image: url(/static/img/bg-body-head%EF%B9%96v=201912121644.png) */
}

.oval-header.head-2::after {
    background-image: url(/static/img/bg-body-head-2%EF%B9%96v=201912121644.png)
}

.fixed-btm {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0
}

.slogan-v {
    height: 1.2rem;
    background: url(/static/img/slogan-v.png);
    background-repeat: no-repeat;
    -moz-background-size: 2.24rem .6rem;
    background-size: 2.24rem .6rem;
    background-position: center top;
    overflow: hidden
}

.slogan-v.white {
    -webkit-filter: brightness(10);
    filter: brightness(10)
}

.slogan-v+.flex-item {
    margin-top: .05rem
}

.slogan-v .record {
    display: block;
    margin-top: .8rem;
    color: #ccc;
    font-size: .24rem
}

.sprite_discover {
    background: url("/static/img/sprite/sprite_nav.png") no-repeat;
    background-position: 0rem 0rem;
    -moz-background-size: 1.99rem 1.52rem;
    background-size: 1.99rem 1.52rem;
    width: 0.44rem;
    height: 0.44rem
}

.sprite_discover_on,
.active .sprite_discover {
    background: url("/static/img/sprite/sprite_nav.png") no-repeat;
    background-position: -0.54rem 0rem;
    -moz-background-size: 1.99rem 1.52rem;
    background-size: 1.99rem 1.52rem;
    width: 0.44rem;
    height: 0.44rem
}

.sprite_home {
    background: url("/static/img/sprite/sprite_nav.png") no-repeat;
    background-position: -1.08rem -1.08rem;
    -moz-background-size: 1.99rem 1.52rem;
    background-size: 1.99rem 1.52rem;
    width: 0.44rem;
    height: 0.42rem
}

.active .sprite_home {
    background: url("/static/img/sprite/sprite_nav.png") no-repeat;
    background-position: -1.08rem -1.08rem;
    -moz-background-size: 1.99rem 1.52rem;
    background-size: 1.99rem 1.52rem;
    width: 0.44rem;
    height: 0.42rem
}

.sprite_home_discover,
.home_discover {
    background: url("/static/img/sprite/sprite_nav.png") no-repeat;
    background-position: 0rem -0.54rem;
    -moz-background-size: 1.99rem 1.52rem;
    background-size: 1.99rem 1.52rem;
    width: 0.44rem;
    height: 0.44rem
}

.sprite_home_mall,
.home_mall {
    background: url("/static/img/sprite/sprite_nav.png") no-repeat;
    background-position: -0.54rem -0.54rem;
    -moz-background-size: 1.99rem 1.52rem;
    background-size: 1.99rem 1.52rem;
    width: 0.44rem;
    height: 0.44rem
}

.sprite_home_on,
.active .sprite-icon.sprite_home,
.active .sprite_home.yellow-back {
    background: url("/static/img/sprite/sprite_nav.png") no-repeat;
    background-position: -1.08rem 0rem;
    -moz-background-size: 1.99rem 1.52rem;
    background-size: 1.99rem 1.52rem;
    width: 0.44rem;
    height: 0.44rem
}

.sprite_mall {
    background: url("/static/img/sprite/sprite_nav.png") no-repeat;
    background-position: -0.54rem -1.08rem;
    -moz-background-size: 1.99rem 1.52rem;
    background-size: 1.99rem 1.52rem;
    width: 0.44rem;
    height: 0.43rem
}

.sprite_mall_on,
.active .sprite_mall {
    background: url("/static/img/sprite/sprite_nav.png") no-repeat;
    background-position: -1.08rem -0.54rem;
    -moz-background-size: 1.99rem 1.52rem;
    background-size: 1.99rem 1.52rem;
    width: 0.44rem;
    height: 0.44rem
}

.sprite_prifile {
    background: url("/static/img/sprite/sprite_nav.png") no-repeat;
    background-position: -1.62rem 0rem;
    -moz-background-size: 1.99rem 1.52rem;
    background-size: 1.99rem 1.52rem;
    width: 0.37rem;
    height: 0.44rem
}

.sprite_prifile_on,
.active .sprite_prifile {
    background: url("/static/img/sprite/sprite_nav1.png?1") no-repeat;
    background-position: 0rem -1.08rem;
    -moz-background-size: 1.99rem 1.52rem;
    background-size: 1.99rem 1.52rem;
    width: 0.44rem;
    height: 0.44rem
}

.pd-footer-nav {
    padding-bottom: 1.2rem
}

.footer-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .78rem;
    padding: .11rem 0 .11rem;
    padding-bottom: -moz-calc(constant(safe-area-inset-bottom) + .11rem);
    padding-bottom: calc(constant(safe-area-inset-bottom) + .11rem);
    padding-bottom: -moz-calc(env(safe-area-inset-bottom) + .11rem);
    padding-bottom: calc(env(safe-area-inset-bottom) + .11rem);
    background-color: white;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-top-width: 1px;
    z-index: 101
}

.footer-nav a {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    position: relative
}

.footer-nav a .title {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    font-size: .2rem;
    color: #d4d4d4;
    line-height: 1;
    min-width: 1.5rem
}

.footer-nav a.active .title {
    color: #ec7043
}

.footer-nav a .sprite-icon,
.footer-nav a .yellow-back {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.footer-nav a .sprite-icon .badge,
.footer-nav a .yellow-back .badge {
    margin: .02rem
}

.footer-nav .iconfont {
    font-size: .45rem;
    line-height: 1;
    color: #666
}

.footer-nav .active .iconfont {
    color: #ec7043
}

.active .sprite-icon.sprite_home,
.active .sprite_home.yellow-back {
    /* top: -.45rem */
}

.pd-footer-lg {
    padding-bottom: 2.5rem
}

.submintFix {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    cursor: pointer
}

.submintFix .nav {
    height: 1rem;
    line-height: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-top-width: 1px
}

.submintFix .nav span.with-icon,
.submintFix .nav a.with-icon {
    line-height: 1
}

.submintFix .nav span.with-icon .iconfont,
.submintFix .nav a.with-icon .iconfont {
    display: block;
    margin: .2rem auto .1rem;
    font-size: .36rem;
    height: .36rem;
    width: .36rem
}

.submintFix .nav span,
.submintFix .nav a {
    cursor: pointer;
    background-color: white;
    padding: 0 .1rem;
    color: #666;
    font-size: 0.28rem;
    text-align: center;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-right-width: 1px
}

.submintFix .nav span:last-child,
.submintFix .nav a:last-child {
    border-right: 0
}

.submintFix .nav span.sbmFix,
.submintFix .nav a.sbmFix {
    text-align: center;
    font-size: 0.32rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.submintFix .nav span.sbmFix.width-half,
.submintFix .nav a.sbmFix.width-half {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.submintFix .nav span.sell_out,
.submintFix .nav a.sell_out {
    text-align: center;
    background-color: #ccc;
    color: #666;
    font-size: 0.32rem;
    width: 50%
}

.submintFix .data_loading {
    background: #ff6633 !important
}

.swiper-container {
    overflow: hidden;
    position: relative;
    background-color: #f8f8f8
}

.swiper-container .swiper-slide-btm-warp {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
}

.swiper-container .swiper-pagination.line-pagination .swiper-pagination-bullet {
    bottom: 0;
    width: .06rem;
    height: .06rem;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    margin: 0 .03rem !important;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.swiper-container .swiper-pagination.line-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .28rem;
    background: #ec7043;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043)
}

.swiper-container .swiper-pagination.line-pagination i {
    width: .75rem;
    height: .75rem
}

.half-banner {
    height: 5rem
}

.half-banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.half-banner .swiper-pagination-bullet {
    background: white;
    opacity: 1
}

.half-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ec7043
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    -webkit-transition-property: height, -webkit-transform;
    -moz-transition-property: transform, height, -moz-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform, -moz-transform;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.countdown-warp {
    display: none;
    margin-top: .03rem;
    font-size: .24rem;
    color: white
}

.countdown-warp.black {
    color: #333333
}

.countdown-warp.on {
    display: block
}

.countdown-warp em {
    display: inline-block;
    vertical-align: middle;
    min-width: .4rem;
    height: .4rem;
    line-height: .4rem;
    background-color: white;
    text-align: center;
    -moz-border-radius: .03rem;
    border-radius: .03rem;
    color: #333333
}

.waterfall-warp {
    position: relative;
    height: 100%
}

.waterfall-warp li {
    width: 48.5%;
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: .2rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    overflow: hidden
}

.waterfall-warp li .img-warp:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1)
}

.waterfall-warp li img {
    -moz-border-radius: 0;
    border-radius: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.waterfall-warp li .img-labels {
    left: 0.1rem;
    top: 0.1rem;
    background: rgba(0, 0, 0, 0.5);
    padding: 0.05rem 0.1rem;
    font-size: .2rem;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem
}

.waterfall-warp li .prod-tag {
    display: inline-block;
    padding: .01rem .06rem .02rem;
    margin-right: .1rem;
    color: #7ebfa2;
    border: 1px solid #7ebfa2;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.waterfall-warp li .price-info .ellipsis,
.waterfall-warp .attractions-list li .price-info .right .tit,
.attractions-list .waterfall-warp li .price-info .right .tit,
.waterfall-warp .attractions-list li .right .price-info .tit,
.attractions-list .waterfall-warp li .right .price-info .tit,
.waterfall-warp li .price-info .bg-dark .list-wrap .list-item.big-cover a .desc-info .desc-title,
.bg-dark .list-wrap .list-item.big-cover a .desc-info .waterfall-warp li .price-info .desc-title {
    font-size: 0.3rem;
    color: #000
}

.waterfall-warp li .price-info .del {
    text-decoration: line-through
}

.waterfall-warp li .icon-gouwuche1 {
    font-size: .4rem
}

.waterfall-warp .guide-block a {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 1rem;
    height: 0.5rem;
    line-height: 0.5rem;
    margin: 0.1rem;
    padding: 0 0.15rem;
    font-size: 0.3rem;
    text-align: center;
    background: #f5f5f5;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem
}

.timeTxt {
    background: white;
    text-align: center;
    height: 0.84rem;
    font-size: 1.6em;
    color: #333333
}

.timeTxt span {
    display: inline-block;
    vertical-align: text-bottom
}

.timeTxt .select {
    height: 0.84rem;
    line-height: 0.84rem;
    margin: 0 auto;
    padding: 0 .2rem;
    position: relative
}

.timeTxt .select .btn,
.timeTxt .select .label {
    position: absolute;
    top: 0;
    z-index: 0;
    padding: 0
}

.timeTxt .select .btn:before,
.timeTxt .select .label:before {
    content: '';
    background: url(/static/img/arrright.png) no-repeat 0 0;
    -moz-background-size: 0.15rem 0.26rem;
    background-size: 0.15rem 0.26rem;
    width: 0.15rem;
    height: 0.26rem;
    display: inline-block;
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

.timeTxt .select .btn:after,
.timeTxt .select .label:after {
    font-size: 0.28rem;
    color: #666;
    margin-left: 0.1rem;
    position: static;
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    border: 0
}

.timeTxt .select .btn[disabled]:before,
.timeTxt .select .label[disabled]:before,
.timeTxt .select .btn.disabled:before,
.timeTxt .select .disabled.label:before,
.timeTxt .select .btn[disabled]:after,
.timeTxt .select .label[disabled]:after,
.timeTxt .select .btn.disabled:after,
.timeTxt .select .disabled.label:after {
    color: #eee;
    -webkit-filter: brightness(1) opacity(0.5);
    filter: brightness(1) opacity(0.5)
}

.timeTxt .select .pre {
    left: 0.14rem
}

.timeTxt .select .pre:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    top: 0.02rem
}

.timeTxt .select .pre:after {
    content: ''
}

.timeTxt .select .next {
    right: 0.14rem;
    top: 0.08rem
}

.timeTxt .select .next:before {
    float: right;
    margin-top: 0.3rem;
    margin-left: 0.1rem
}

.timeTxt .select .next:after {
    content: '';
    float: left
}

.timeTxt .select #J_txt {
    font-size: 0.28rem;
    color: #1b1b1b
}

.timeTxt .top_no {
    top: 0 !important
}

.tn-c-body {
    color: #333333
}

.tn-c-body .tn-c-week {
    border-color: #ddd;
    border-top-width: 1px;
    background-color: #f8f8f8
}

.tn-c-body tbody {
    padding: 0 .3rem
}

.tn-c-body table {
    background: white;
    overflow: hidden;
    border-collapse: initial
}

.tn-c-body table th {
    text-align: center;
    height: 0.6rem;
    vertical-align: middle;
    font-size: 0.28rem;
    color: #1b1b1b;
    border-bottom: #f3f3f3 solid 0.5px;
    background-color: #efefef
}

.tn-c-body table td {
    text-align: center;
    height: 0.9rem;
    font-size: 0.28rem;
    color: #999;
    width: 14.3%;
    font-family: "Arial";
    vertical-align: top;
    padding: 0.2rem 0;
    line-height: 0.34rem;
    border: 1px solid white;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s
}

.tn-c-body table td.disabled {
    color: #999
}

.tn-c-body table td.on,
.tn-c-body table td.today {
    position: relative;
    background: rgba(33, 132, 121, 0.05);
    color: #ec7043;
    border-color: #ec7043
}

.tn-c-body table td.on:after,
.tn-c-body table td.today:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: .2rem;
    height: .2rem;
    -moz-border-radius: 100% 0 0;
    border-radius: 100% 0 0;
    background: #ec7043 url(/static/img/radio-hook.png) no-repeat 60% 70%;
    -moz-background-size: .15rem;
    background-size: .15rem
}

.tn-c-body table td.on .corCheng,
.tn-c-body table td.on .gray,
.tn-c-body table td.on .bule,
.tn-c-body table td.today .corCheng,
.tn-c-body table td.today .gray,
.tn-c-body table td.today .bule {
    color: #ff6633
}

.tn-c-body table td.today {
    line-height: .5rem
}

.tn-c-body table td.today:after {
    content: '今天';
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -12px;
    line-height: 14px;
    font-size: .24rem;
    color: #ec7043
}

.tn-c-body table td.start {
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    position: relative;
    background: #ff3260;
    color: white
}

.tn-c-body table td.start:after {
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -12px;
    line-height: 14px;
    content: '开始'
}

.tn-c-body table td.end {
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    position: relative;
    background: #ff3260;
    color: white
}

.tn-c-body table td.end:after {
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -12px;
    line-height: 14px;
    content: '结束'
}

.tn-c-body table p {
    font-size: 0.24rem
}

.tn-c-body .corCheng {
    color: #ff6633
}

.tn-c-body .bule {
    color: #00a6ff
}

.only_date table td {
    line-height: .9rem
}

.share-tips {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15
}

.share-tips:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75)
}

.share-tips .tips-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 2.1rem
}

.share-tips .tips-content:before {
    content: '';
    position: absolute;
    height: 2rem;
    top: 0;
    left: .2rem;
    right: .2rem;
    background: url(/static/img/share_page-1.png) no-repeat 4.5rem center;
    -moz-background-size: 1.9rem;
    background-size: 1.9rem
}

.share-tips .tips-content span {
    background: url(/static/img/share_page-2.png) no-repeat center;
    -moz-background-size: 100%;
    background-size: 100%;
    color: white;
    padding: .2rem .35rem;
    font-size: .42rem
}

.share-tips .tips-content span em {
    color: #ffd52b
}

.qr_code_box p {
    font-size: .34rem
}

.qr_code_box .pic {
    max-height: 8rem;
    overflow: auto
}

.qr_code_box img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 8rem;
    margin: .2rem auto
}

.qr_code_box span {
    font-size: .28rem;
    color: #777
}

@media screen and (min-width: 750px) {
    .qr_code_box img,
    .qr_code_box .pic {
        max-height: 6rem
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .qr_code_box img,
    .qr_code_box .pic {
        max-height: 10rem
    }
}

.model-title {
    position: relative;
    font-size: 0.4rem;
    margin-bottom: .2rem;
    font-weight: bold
}

.model-title .model-title-sub {
    padding-left: 0.15rem;
    line-height: inherit;
    font-family: 'SimSun', 'Songti SC';
    font-size: 0.26rem;
    vertical-align: bottom;
    text-transform: uppercase;
    color: #ec7043;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: .5
}

.model-title .arrow {
    margin-top: 0
}

.model-title .icon-arrow_rgt {
    color: #ccc;
    font-size: .24rem
}

.model-title .model-title-pagination {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .24rem;
    font-weight: normal;
    color: #a7aaae
}

.model-title .model-title-pagination em {
    font-size: .32rem;
    font-weight: bold
}

.model-title.header-tab {
    margin: 0 1rem 0.25rem
}

.model-title.header-tab .tab-item {
    min-height: 0.54rem;
    line-height: 0.54rem;
    padding-bottom: 0.15rem;
    font-size: 0.32rem;
    font-weight: initial;
    color: #333333
}

.model-title.header-tab .tab-item.active,
.model-title.header-tab .tab-item.active span {
    font-size: 0.36rem;
    font-weight: bold;
    color: #ec7043;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.model-title.header-tab.tab-btm-line .tab-item.active:after {
    width: 1.5em;
    height: .06rem;
    margin: 0 auto;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043);
    -moz-border-radius: 0.12rem;
    border-radius: 0.12rem
}

.head-nav-list .model-title.header-tab .tab-item {
    font-size: 0.3rem
}

img {
    width: 100%;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem
}

.img-badge {
    position: absolute;
    height: .46rem;
    line-height: .46rem;
    padding: 0 .15rem;
    font-size: 0.3rem;
    color: white;
    background-color: #ff3260;
    -moz-border-radius-topleft: 0.07rem;
    border-top-left-radius: 0.07rem;
    -moz-border-radius-bottomright: 0.07rem;
    border-bottom-right-radius: 0.07rem
}

.img-warp {
    position: relative
}

.img-warp.img-propor-32 {
    -moz-border-radius: 0.07rem;
    border-radius: 0.07rem;
    width: 6.9rem;
    height: 4.6rem;
    overflow: hidden
}

@media screen and (orientation: landscape) {
    .img-warp.img-propor-32 {
        width: 9.9rem;
        height: 6.6rem
    }
}

.img-warp.img-propor-32 img {
    width: 100% !important;
    height: 100%
}

.img-warp.img-propor-half {
    -moz-border-radius: 0.07rem;
    border-radius: 0.07rem;
    overflow: hidden
}

@media screen and (orientation: landscape) {
    .img-warp.img-propor-half {
        width: 9.9rem;
        height: 4.95rem
    }
}

.img-warp.img-propor-half.no-stretch img {
    height: auto;
    min-height: auto
}

.img-warp img {
    -o-object-fit: cover;
    object-fit: cover
}

.img-warp .img {
    width: 100%;
    height: 100%
}

.img-warp .img-labels {
    position: absolute;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    background-color: rgba(0, 0, 0, 0.5);
    padding: .06rem .14rem;
    line-height: 1;
    color: white;
    left: .12rem;
    top: .12rem;
    font-size: .2rem
}

.img-warp .img-labels .tags-badge {
    padding: .05rem .15rem;
    -moz-border-radius-bottomright: .3rem;
    border-bottom-right-radius: .3rem
}

.img-warp .img-labels .coupon-badge {
    padding: .05rem .15rem
}

.img-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1rem;
    color: white;
    background-color: rgba(68, 68, 68, 0.6);
    z-index: 2
}

.img-mask.grad-dark {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
    background-image: -moz- oldlinear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5))
}

.img-mask.img-mask-top {
    top: 0;
    bottom: initial
}

.img-mask.img-mask-top.grad-dark {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5)));
    background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
    background-image: -moz- oldlinear-gradient(bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5))
}

.img-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .45rem;
    line-height: .45rem;
    padding: 0 .15rem;
    font-size: 0.24rem;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    -moz-border-radius-bottomleft: 0.12rem;
    border-bottom-left-radius: 0.12rem;
    -moz-border-radius-bottomright: 0.12rem;
    border-bottom-right-radius: 0.12rem
}

.img-title em {
    display: inline-block;
    min-width: .38rem;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    color: #ff3260;
    background-color: #fff;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem
}

.img-list-1 li {
    padding: .4rem 0;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.img-list-1 li:last-child {
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 0px
}

.img-list-1 .item-title {
    margin: 0.25rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.img-list-1 .item-price {
    font-size: .44rem
}

.img-list-1 .item-price-money {
    font-size: .24rem;
    line-height: 1.2
}

.img-list-1 .item-price-money strong {
    font-size: .38rem;
    font-weight: 600
}

.img-list-2 li {
    overflow: hidden
}

.img-list-2 li .img-warp {
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0
}

.img-list-2 li .img-warp img {
    -moz-border-radius: 0;
    border-radius: 0;
    height: auto
}

.img-list-2 li .info-warp {
    border: 1px solid #e5e5e5;
    border-top: 0;
    -moz-border-radius-bottomleft: .1rem;
    border-bottom-left-radius: .1rem;
    -moz-border-radius-bottomright: .1rem;
    border-bottom-right-radius: .1rem
}

.img-list-2 li+li {
    margin-top: 0.3rem
}

.img-list-2.swiper-container {
    background-color: #fff;
    margin-bottom: -.15rem
}

.img-list-2.swiper-container .swiper-slide {
    margin-top: 0;
    margin-bottom: .5rem
}

.yellow-back {
    position: absolute;
    top: .2rem;
    left: .3rem;
    background: url("/static/img/custom/sprite.png") no-repeat;
    background-position: 0.03rem 0.03rem;
    -moz-background-size: 2.14rem 1.63rem;
    background-size: 2.14rem 1.63rem;
    width: 0.59rem;
    height: 0.59rem
}

.btn-share-side {
    position: absolute;
    top: .2rem;
    right: 0;
    background: url("/static/img/btn-share-side.png") no-repeat;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 1.45rem;
    height: 0.65rem
}

.icon-share-orange {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background-image: url(/static/img/icon-share-orange.png);
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: -.04rem
}

.icon-share-blue {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background-image: url(/static/img/icon-share-blue.png);
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: -.04rem
}

.index-mid-link .flex-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    height: 1.3rem;
    line-height: 1;
    font-size: 0.24rem
}

.index-mid-link .flex-item a span {
    line-height: 24px;
}

.link-icon {
    display: block;
    width: .6rem;
    height: .6rem;
    margin: .05rem auto .1rem;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain
}

.scenic-info-icon {
    background-position: center;
    -moz-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.scenic-info-icon.scenic-local {
    width: .3rem;
    height: .38rem;
    background-image: url(/static/img/other/icon/scenic-local.png)
}

.scenic-info-icon.scenic-time {
    width: .31rem;
    height: .33rem;
    background-image: url(/static/img/other/icon/scenic-time.png)
}

.sprite_mochou-topic {
    width: .68rem;
    height: .68rem;
    background: url(/static/img/default/mochou-topics.png.html) no-repeat center;
    -moz-background-size: .68rem;
    background-size: .68rem
}

.to-top {
    display: none;
    position: fixed;
    right: .2rem;
    bottom: 1rem;
    z-index: 1;
    width: .92rem;
    height: .92rem;
    background: url(/static/img/other/icon/top-btn.png) no-repeat center;
    -moz-background-size: .92rem;
    background-size: .92rem;
    -webkit-transition: display ease-in-out .2s;
    -moz-transition: display ease-in-out .2s;
    transition: display ease-in-out .2s
}

.to-top.bottom-fixed {
    bottom: 1.7rem
}

.to-top.ask-btn {
    display: block;
    background: #ec7043;
    color: white;
    text-align: center;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: .22rem;
    line-height: 1.2;
    padding: .05rem;
    bottom: 1.2rem
}

.sprite-hotel-inline {
    display: inline-block;
    vertical-align: middle;
    width: .35rem;
    height: .35rem;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: 100%;
    background-size: 100%
}

.hotel-wifi {
    background-image: url(/static/img/hotel/wifi.png)
}

.hotel-tingche {
    background-image: url(/static/img/hotel/tingche.png)
}

.hotel-shangwu {
    background-image: url(/static/img/hotel/shangwu.png)
}

.hotel-huiyi {
    background-image: url(/static/img/hotel/huiyi.png)
}

.hotel-baoxiangui {
    background-image: url(/static/img/hotel/baoxiangui.png)
}

.hotel-jiaoxing {
    background-image: url(/static/img/hotel/jiaoxing.png)
}

.hotel-jicun {
    background-image: url(/static/img/hotel/jicun.png)
}

.hotel-piaowu {
    background-image: url(/static/img/hotel/piaowu.png)
}

.hotel-xiyi {
    background-image: url(/static/img/hotel/xiyi.png)
}

.hotel-jichang {
    background-image: url(/static/img/hotel/jichang.png)
}

.hotel-songcan {
    background-image: url(/static/img/hotel/songcan.png)
}

.hotel-lvyou {
    background-image: url(/static/img/hotel/lvyou.png)
}

.hotel-caxie {
    background-image: url(/static/img/hotel/caxie.png)
}

.hotel-item-caxie {
    background-image: url(/static/img/hotel/list/caxie.png)
}

.hotel-item-wifi {
    background-image: url(/static/img/hotel/list/wifi.png)
}

.hotel-item-baoxiangui {
    background-image: url(/static/img/hotel/list/baoxiangui.png)
}

.hotel-item-huiyishi {
    background-image: url(/static/img/hotel/list/huiyishi.png)
}

.hotel-item-jiaoxing {
    background-image: url(/static/img/hotel/list/jiaoxing.png)
}

.hotel-item-jicun {
    background-image: url(/static/img/hotel/list/jicun.png)
}

.hotel-item-jiesong {
    background-image: url(/static/img/hotel/list/jiesong.png)
}

.hotel-item-lvyou {
    background-image: url(/static/img/hotel/list/lvyou.png)
}

.hotel-item-piaowu {
    background-image: url(/static/img/hotel/list/piaowu.png)
}

.hotel-item-shangwu {
    background-image: url(/static/img/hotel/list/shangwu.png)
}

.hotel-item-songcan {
    background-image: url(/static/img/hotel/list/songcan.png)
}

.hotel-item-tingche {
    background-image: url(/static/img/hotel/list/tingche.png);
    -moz-background-size: .25rem;
    background-size: .25rem
}

.hotel-item-xiyi {
    background-image: url(/static/img/hotel/list/xiyi.png)
}

.share-icon {
    width: .35rem;
    height: .35rem;
    background: url(/static/img/icon-share.png) no-repeat center;
    -moz-background-size: .35rem .35rem;
    background-size: .35rem .35rem
}

.form_box {
    padding: 0 .3rem
}

.form_box .list {
    margin-top: .3rem;
    position: relative;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.form_box .list input {
    height: 0.6rem;
    line-height: 0.6rem;
    padding: 0.1rem;
    width: 80%;
    font-size: 0.32rem;
    color: #333333;
    position: relative;
    z-index: 1;
    display: block
}

.form_box .list input.code {
    width: 44%;
    margin-right: 1.2rem
}

.form_box .list .grid {
    font-size: 0.32rem;
    padding-left: .1rem;
    width: 2rem;
    text-align: center;
    display: inline-block;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-left-width: 1px
}

.form_box .list .gain_code {
    color: #ccc;
    position: absolute;
    right: 0;
    top: 0.16rem;
    z-index: 2;
    cursor: pointer
}

.form_box .list .gain_code em {
    margin-right: 0.2rem
}

.form_box .list .del_btn {
    background: url(/static/img/del.png) no-repeat 0 0;
    -moz-background-size: 0.4rem 0.4rem;
    background-size: 0.4rem 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: -0.4rem;
    top: -0.2rem;
    margin: 0.4rem;
    z-index: 10
}

.form_box .list.code_box .del_btn {
    right: inherit;
    left: 47%
}

.form_box .btn_bar {
    margin-top: .8rem
}

.mod_box {
    background-color: #fff;
    margin-top: 0.2rem;
    -moz-border-radius: 0.12rem;
    border-radius: 0.12rem
}

.mod_box li {
    border-bottom-width: 1px;
    height: .88rem;
    line-height: .88rem;
    padding: 0 0.2rem;
    color: #666;
    font-size: 0.3rem;
    position: relative
}

.mod_box .li_auto li {
    height: auto;
    line-height: .4rem
}

.mod_box .mod_listview li {
    padding: 0 0.2rem 0 2.2rem;
    position: relative
}

.mod_box .mod_listview li.li_auto {
    height: auto !important
}

.mod_box .mod_listview .caption {
    width: 2.2rem;
    position: absolute;
    top: 0;
    line-height: .88rem;
    left: 0.2rem;
    color: #333333;
    overflow: hidden;
    text-align: left;
    font-size: 0.3rem
}

.mod_box .mod_listview .caption span {
    color: #ff0000
}

.mod_box .mod_listview .input {
    height: 0.4rem;
    padding: .1rem 0;
    line-height: 0.4rem;
    font-size: 0.3rem;
    color: #333333;
    width: 100%
}

.mod_box .mod_listview label {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod_box .mod_listview label em {
    color: #ff4f4f
}

.mod_box .mod_listview label em b {
    font-size: .4rem
}

.mod_box .mod_listview select {
    padding: .1rem 0
}

.mod_box .mod_listview input {
    font-size: .3rem
}

.mod_box .mod_listview .ico-thin {
    background: url(/static/img/arrright.png) no-repeat 0 0;
    -moz-background-size: 0.15rem 0.26rem;
    background-size: 0.15rem 0.26rem;
    position: absolute;
    right: 0.2rem;
    top: 0.3rem;
    width: 0.15rem;
    height: 0.26rem
}

.mod_box .mod_listview .type {
    margin-right: -.5rem
}

.mod_box .mod_listview .type span {
    display: inline-block;
    padding: 0 .2rem;
    margin: 0 .1rem 0 0;
    line-height: .6rem;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle
}

.mod_box .mod_listview .type span.on {
    color: #ff4f4f;
    border-color: #ff4f4f
}

.mod_box .mod_listview .title {
    padding: .2rem 0 0 0;
    margin-bottom: .2rem;
    line-height: .4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod_box .mod_box_list {
    padding: .2rem;
    color: #555
}

.mod_box .mod_box_list li {
    padding: .1rem 0;
    -moz-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    -webkit-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    -o-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch !important;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 1px
}

.mod_box .mod_box_list li p {
    display: block;
    padding: .1rem 0;
    font-size: .3rem
}

.mod_box .mod_box_list li p span {
    float: right;
    font-size: .24rem
}

.mod_box .mod_box_list li p span.price {
    font-size: .34rem
}

.mod_box .mod_box_list li p span.green {
    color: #f91
}

.mod_box .mod_box_list li p span.orange {
    color: #00bf4b
}

.mod_box .mod_box_list li:last-child {
    border-bottom: 0
}

.list_box .list_man {
    margin-top: 0 !important;
    margin-bottom: 0.2rem
}

.list_box .btn,
.list_box .label {
    height: 0.6rem;
    line-height: 0.6rem;
    padding: 0 0.3rem;
    color: #fff;
    display: inline-block;
    font-size: 0.3rem;
    background-color: #ff4f4f;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.dlg_title {
    padding-top: 23px;
    text-align: center
}

.dlg_title .sub {
    font-size: 1.25rem;
    color: #333333
}

.dlg_title .txt {
    padding: 3px 15px 20px;
    font-size: 0.75rem;
    color: #999
}

.dlg_cont {
    padding: 0 20px 25px
}

.mod_dlgsele {
    margin-top: -30px;
    max-height: 240px;
    overflow-y: auto
}

.mod_dlgsele tr:first-child td {
    border-top: 0
}

.mod_dlgsele td {
    border-top: 1px solid #e6e6e6;
    color: #666;
    padding: 10px 15px
}

.mod_dlgsele td.special {
    color: #ee4c63
}

.mod_dlgsele td.special .sub {
    font-size: 0.75rem
}

.sim_radio {
    line-height: .44rem;
    display: inline-block;
    color: #333333;
    font-size: 12px;
    cursor: pointer
}

.sim_radio .chk {
    display: none
}

.sim_radio .chk:checked+span {
    border-color: #ee4c63;
    background: #ee4c63
}

.sim_radio .radio {
    width: .44rem;
    height: .44rem;
    position: relative;
    top: 3px;
    background-color: #fff;
    display: inline-block;
    border: 1px solid #cdcdcd;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.sim_radio .chk:checked+span:after {
    content: '';
    left: 0.1rem;
    top: 0.14rem;
    width: 0.24rem;
    height: 0.16rem;
    position: absolute;
    background: url(/static/img/radio-hook.png) no-repeat 0 0;
    -moz-background-size: 0.24rem 0.16rem;
    background-size: 0.24rem 0.16rem
}

.sim_radio .txt {
    font-size: 0.875rem;
    color: #333333;
    margin-left: 6px;
    display: inline-block;
    vertical-align: text-bottom
}

.slide_btn {
    line-height: 22px;
    display: inline-block
}

.slide_btn .chk {
    display: none
}

.slide_btn .chk:checked+span {
    background-color: #ee4c63
}

.text_r {
    display: block;
    padding-right: .3rem;
    text-align: right
}

.J_satte_txt {
    text-align: left
}

.mod_dlgsele .disable td {
    color: #999
}

.mod_dlgsele .disable .sim_radio .radio {
    border-color: #eee;
    background: #eee
}

.pay-way-item.chk-group {
    line-height: 40px
}

.pay-way-item.chk-group:last-child {
    border-bottom: 0
}

.pay-way-item.chk-group em {
    display: inline-block;
    vertical-align: middle;
    width: .45rem;
    height: .45rem;
    margin-right: .1rem
}

.pay-way-item.chk-group img {
    vertical-align: top
}

.pay-way-item.chk-group .chk-icon {
    left: inherit;
    right: 0
}

.suppiler-info-box {
    position: relative;
    height: 2.4rem
}

.suppiler-info-box .gosi-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    z-index: -1
}

.suppiler-info-box .gosi-bg:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.2)
}

.suppiler-info-box .suppiler-info {
    position: absolute;
    top: 50%;
    left: .3rem;
    right: .3rem;
    color: white;
    line-height: 1.2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.suppiler-info-box img {
    display: inline-block;
    vertical-align: middle;
    max-height: 1.15rem;
    max-width: 1.15rem
}

.suppiler-info-box span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 73%;
    margin-left: .3rem;
    font-size: .42rem;
    padding-right: .3rem
}

.suppiler-info-box span:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    width: .15rem;
    height: .3rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/static/img/arrright.png) no-repeat center;
    -moz-background-size: cover;
    background-size: cover;
    -webkit-filter: brightness(10);
    filter: brightness(10)
}

.mall-header-search {
    padding: .3rem
}

.mall-header-search .local-search-wrap {
    border: 1px solid white;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    color: #333333 !important
}

.mall-header-search .local-search-wrap em {
    color: #333333 !important
}

.shop-index {
    background-color: #e9f4fa
}

.shop-index .category-list {
    margin: .3rem
}

.shop-index .category-list li {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 1.3rem;
    flex: 0 0 1.3rem;
    height: 1.3rem;
    margin-right: .1rem;
    margin-bottom: .1rem
}

.shop-index .category-list li:nth-child(5n) {
    margin-right: 0
}

.shop-index .category-list li img {
    height: 1.3rem;
    -o-object-fit: cover;
    object-fit: cover
}

.cont-wrap-two .cover-img {
    display: block;
    width: 6.3rem;
    height: 4.18rem
}

.cont-wrap-two .cover-img img {
    height: 4.18rem
}

.cont-wrap-two .flex-box {
    overflow-x: auto
}

.cont-wrap-two .flex-box::-webkit-scrollbar {
    display: none
}

.cont-wrap-two .flex-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 1.82rem;
    flex: 0 0 1.82rem;
    margin-right: 0.16rem;
    -moz-border-radius: .07rem;
    border-radius: .07rem;
    overflow: hidden
}

.cont-wrap-two .img-h11 {
    height: 1.22rem
}

.swiper-parallax {
    padding: 0.1rem 0 !important
}

.swiper-parallax .swiper-slide {
    height: 4.53rem;
    width: 6.89rem
}

.swiper-parallax .swiper-slide img[data-swiper-parallax] {
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    overflow: hidden;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.swiper-snatch {
    overflow-y: visible !important
}

.swiper-snatch li {
    position: relative;
    overflow: hidden;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 0px 5px 1px #f2f2f2;
    -moz-box-shadow: 0 0px 5px 1px #f2f2f2;
    box-shadow: 0 0px 5px 1px #f2f2f2;
    -webkit-transform: scale(0.96);
    -moz-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96)
}

.swiper-snatch li a {
    display: block;
    clear: both
}

.swiper-snatch li .img-warp {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 2.8rem;
    flex: 0 0 2.8rem;
    position: relative;
    height: 2.8rem
}

.swiper-snatch li .img-warp img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0
}

.swiper-snatch li .img-warp+div {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0.3rem;
    height: 2.2rem
}

.swiper-snatch li .flex-box {
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.swiper-snatch li .ellipsis2,
.swiper-snatch li .bg-dark .list-wrap .list-item a .desc-title,
.bg-dark .list-wrap .list-item a .swiper-snatch li .desc-title {
    height: .9rem
}

.swiper-snatch li .price {
    color: #ff3260;
    font-size: .2rem;
    line-height: 1
}

.swiper-snatch li .price b {
    font-size: .5rem
}

.swiper-snatch li .red-btn {
    padding-top: .35rem;
    color: white;
    font-size: 0.24rem;
    text-align: center
}

.swiper-snatch li .red-btn span {
    display: inline-block;
    vertical-align: middle;
    padding: .17rem 0;
    width: 100%;
    background: #ff3260;
    line-height: 1;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem
}

.swiper-snatch li .red-btn i {
    margin-right: .09rem
}

.swiper-snatch li .countdown-warp {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .6rem;
    color: #fff
}

.swiper-snatch li .countdown-warp .img-mask {
    height: 100%;
    z-index: 0
}

.swiper-snatch li .countdown-warp .countdown-em {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .1rem .2rem
}

.swiper-snatch li .countdown-warp em {
    font-size: 0.22rem;
    color: #333333;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    vertical-align: baseline
}

.model-title .snatch-pagination {
    float: right;
    color: #a7aaae;
    font-size: .24rem;
    margin-top: .13rem
}

.sec-sale {
    width: 100%;
    /* margin: .2rem 0; */
    padding: 20px;
    font-size: .34rem;
    /* background-color: #ec7043; */
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sec-sale .model-title {
    padding-top: .48rem;
    margin-right: .3rem
}

.sec-sale .model-title.model-title-pagination {
    margin-bottom: .1rem
}

.sec-sale .event-swiper-list-warp {
    position: relative;
    width: 100%;
    height: 100%;
    margin-left: .36rem;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.sec-sale .event-swiper-list-warp .swiper-container {
    /* padding-bottom: .3rem */
    background-color: rgb(243, 243, 243)!important;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow: hidden
}

.sec-sale .event-swiper-list-warp .swiper-container .swiper-pagination {
    bottom: 0;
}

.sec-sale .event-swiper-list-warp .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: .1rem;
    background: #ec7043;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.sec-sale .event-swiper-list-warp .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .22rem;
    background: #ec7043;
    ;
}

.sec-sale .event-swiper-list-warp .swiper-slide {
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow: hidden
}

.sec-sale .event-swiper-list-warp .swiper-slide.swiper-slide-next,
.sec-sale .event-swiper-list-warp .swiper-slide.swiper-slide-prev {
    opacity: .85
}

.sec-sale .event-swiper-list-warp .swiper-slide {
    width: 100%;
}

.sec-sale .event-swiper-list-warp .swiper-slide .img-warp {
    width: 100%;
    height: 3.6rem;
    -moz-border-radius-topleft: .1rem;
    border-top-left-radius: .1rem;
    -moz-border-radius-topright: .1rem;
    border-top-right-radius: .1rem;
    -o-object-fit: cover;
    object-fit: cover
}

.sec-sale .event-swiper-list-warp .swiper-slide .bg-buy {
    padding: .1rem .35rem;
    background: -webkit-linear-gradient(350deg, #fc0, #f60);
    background: -moz- oldlinear-gradient(350deg, #fc0, #f60);
    background: linear-gradient(100deg, #fc0, #f60)
}

.sec-sale .event-swiper-list-warp .swiper-slide .price-info {
    position: relative;
    padding: 0.23rem .2rem 0.18rem;
    text-shadow: none;
    background: #fff;
    -moz-border-radius-bottomleft: 0.1rem;
    border-bottom-left-radius: 0.1rem;
    -moz-border-radius-bottomright: 0.1rem;
    border-bottom-right-radius: 0.1rem
}

.sec-sale .event-swiper-list-warp .swiper-slide .price-info .title {
    margin-bottom: .1rem;
    font-size: .32rem
}

.sec-sale .event-swiper-list-warp .swiper-slide .price-info .price {
    font-size: .22rem
}

.sec-sale .event-swiper-list-warp .swiper-slide .price-info .price b {
    font-size: .44rem
}

.sec-sale .event-swiper-list-warp .swiper-slide .countdown-warp {
    opacity: 0 !important;
    margin-bottom: .22rem;
    background: transparent;
    border: 0 none
}

.sec-sale .event-swiper-list-warp .swiper-slide .countdown-warp .label {
    padding: 0;
    font-size: .34rem;
    color: #fff
}

.sec-sale .event-swiper-list-warp .swiper-slide .countdown-warp .label::after {
    border: 0 none
}

.sec-sale .event-swiper-list-warp .swiper-slide .countdown-warp .countdown-em {
    font-size: .3rem;
    color: #ffd09f
}

.sec-sale .event-swiper-list-warp .swiper-slide .countdown-warp .countdown-em em {
    font-size: .34rem;
    font-weight: bold;
    color: #fff;
    background: transparent !important
}

.sec-sale .event-swiper-list-warp .swiper-slide.swiper-slide-active .countdown-warp {
    opacity: 1 !important
}

.sec-prod {
    padding: 0 .1rem;
    background-color: #fafafb;
}

.sec-prod .model-bg.grad-white-half,
.sec-prod .header-tab {
    /* background: #e9f4fa !important */
}

.sec-prod .model-title.header-tab.tab-btm-line {
    padding-top: 0.1rem !important
}

.sec-prod .model-title.header-tab.tab-btm-line .tab-item {
    padding-bottom: 0.12rem !important
}

.sec-prod .model-title.header-tab.tab-btm-line .tab-item span {
    color: #000;
    font-weight: bold
}

.sec-prod .model-title.header-tab.tab-btm-line .tab-item.active span {
    color: #FE6435 !important;
    font-size: 0.4rem !important;
    background: transparent !important;
    -webkit-text-fill-color: initial !important
}

.sec-prod .model-title.header-tab.tab-btm-line .tab-item.active::after {
    display: none
}

.prod-item-0 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 48%;
    padding: 0
}

.prod-item-0.sheji {
    max-width: 100%;
    border-radius: 0.05rem;
}

.prod-item-0.sheji .img-warp.img-propor-32 .img_A {
    max-width: 33%;
    border-radius: 0.05rem;
    border: 1px solid #fafafb;
}

.prod-item-0.sheji .img-warp.img-propor-32 .img_B {
    max-width: 65%;
    border-radius: 0.05rem;
}

.prod-item-0 .img-propor-32 {
    width: inherit
}

.prod-item-0 .img-propor-32.small-pic,
.prod-item-0 .img-propor-32.big-pic {
    width: inherit;
    -moz-border-radius: .1rem .1rem 0 0;
    border-radius: .1rem .1rem 0 0;
    height: auto
}

.prod-item-0 .img-propor-32.small-pic {
    height: 2.24rem;
    -o-object-fit: cover;
    object-fit: cover
}

.prod-item-0 .img-propor-32 img {
    -o-object-fit: cover;
    object-fit: cover
}

.prod-item-0 .title-2-line,
.prod-item-0 .bg-dark .list-wrap .list-item a .desc-title,
.bg-dark .list-wrap .list-item a .prod-item-0 .desc-title {
    margin-bottom: .05rem
}

.prod-item-0 .disturi-price {
    font-size: .24rem;
    color: #777
}

.prod-item-0 .disturi-price span {
    font-size: .24rem;
    color: #ff5251
}

.prod-item-0 .disturi-price span b {
    font-size: .36rem;
    font-weight: 600
}

.coupon-label {
    display: inline-block;
    vertical-align: bottom;
    margin-left: .2rem;
    width: .42rem;
    height: .3rem;
    background: url(/static/img/mall/coupon-badge.png) no-repeat center;
    -moz-background-size: 100%;
    background-size: 100%
}

.price-warp {
    color: #ff6633;
    font-size: .24rem;
    line-height: 1
}

.price-warp b {
    font-size: .36rem
}

.price-warp del {
    color: #999
}

.price-warp.disturi-price span {
    border: 1px solid #ff5e00;
    -moz-border-radius: .02rem;
    border-radius: .02rem;
    color: #ff5e00;
    font-size: .2rem
}

.price-warp.prod-detail-price {
    font-size: .3rem
}

.price-warp.prod-detail-price b {
    font-size: .5rem
}

.bord-btm-item {
    padding-bottom: .3rem;
    margin-bottom: .3rem;
    border-bottom: 1px solid #e5e5e5
}

.bord-btm-item.small-item {
    padding-bottom: .2rem;
    margin-bottom: .2rem
}

.bord-btm-item:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.bord-btm-item .flex-box .img-propor-32 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 39.13%;
    flex: 0 0 39.13%;
    height: 1.7478rem
}

@media screen and (orientation: landscape) {
    .bord-btm-item .flex-box .img-propor-32 {
        height: 2.53rem
    }
}

.bord-btm-item .flex-box .img-propor-1-1 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 2.1rem;
    flex: 0 0 2.1rem;
    height: 2.1rem
}

.bord-btm-item .flex-box .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover
}

.bord-btm-item .flex-box img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.local-dist {
    font-size: 0.24rem;
    color: #999;
    padding-left: .35rem;
    background: url(/static/img/icon_local-v2.png) no-repeat left center;
    -moz-background-size: .25rem;
    background-size: .25rem
}

.filter-modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 102;
    overflow: hidden
}

.filter-modal .filter-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5)
}

.filter-modal .filter-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-height: 100%;
    padding: 0 .3rem;
    background: white
}

.filter-modal .flex-box .flex-3 {
    background: #f8f8f8
}

.filter-modal .flex-box .flex-3 li {
    padding-right: 0;
    border-bottom: 0
}

.filter-modal .flex-box .flex-3 li.on {
    background: white;
    color: #444444
}

.filter-modal .flex-box .flex-item li {
    padding-right: 1.2rem
}

.filter-modal .flex-box .flex-item li.on {
    color: #666;
    font-weight: 400
}

.filter-modal .flex-box .flex-item li.on i {
    right: .5rem
}

.filter-modal .modal-title {
    font-size: .3rem;
    font-weight: bold;
    color: #333333;
    line-height: 2.6;
    margin-top: .1rem
}

.filter-modal .modal-title.on .rotate-down {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.filter-modal ul.minHeight {
    max-height: 1.8rem;
    overflow: hidden
}

.filter-modal .radio-list li {
    position: relative;
    padding-right: .6rem;
    color: #333333;
    line-height: 3;
    border-bottom: 1px solid #e5e5e5
}

.filter-modal .radio-list li.on {
    color: #ec7043;
    font-weight: bold
}

.filter-modal .radio-list li.on i {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.filter-modal .radio-list li.on i:before {
    content: '';
    display: block;
    left: 0;
    top: 0;
    width: 0.4rem;
    height: 0.4rem;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    background-color: #ec7043;
}

.filter-modal .radio-list li.on i:after {
    content: '';
    left: 0.09rem;
    top: 0.13rem;
    width: 0.24rem;
    height: 0.16rem;
    position: absolute;
    background: url(/static/img/radio-hook4.png) no-repeat 0 0;
    -moz-background-size: 0.24rem 0.16rem;
    background-size: 0.24rem 0.16rem;
    -webkit-filter: brightness(10);
    filter: brightness(10)
}

.filter-modal .checkbox-list li {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 22.8%;
    flex: 0 0 22.8%;
    position: relative;
    font-size: .24rem;
    height: .7rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
    background-color: #f8f8f8;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
    text-align: center
}

.filter-modal .checkbox-list li:nth-child(4n+4) {
    margin-right: 0
}

.filter-modal .checkbox-list li span {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 50%;
    left: 13%;
    width: 74%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.filter-modal .checkbox-list li.on {
    color: white;
    background-color: #ec7043
}

.filter-modal .filter-ohy {
    overflow-y: scroll;
    max-height: 7.8rem;
    -webkit-overflow-scrolling: touch
}

.filter-modal .filter-mg-btm {
    margin-bottom: 2.7rem
}

.filter-modal .filter-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: white
}

.filter-modal .filter-footer .footer-line {
    margin-bottom: .5rem
}

.filter-modal .filter-footer .filter-result {
    line-height: .5rem;
    padding: 0 .3rem .5rem;
    overflow-x: scroll
}

.filter-modal .filter-footer .filter-result ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.filter-modal .filter-footer .filter-result li {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: .24rem;
    margin-right: .2rem;
    padding: .08rem .2rem;
    background: rgba(33, 132, 121, 0.05);
    color: #ec7043;
    border: 1px solid #ec7043
}

.filter-modal .filter-footer .filter-result li:after {
    content: 'x';
    position: absolute;
    top: 0;
    right: 0;
    width: .18rem;
    height: .18rem;
    line-height: .6;
    text-align: center;
    background: #ec7043;
    color: white;
    font-size: .2rem;
    -moz-border-radius: 0 0 0 60%;
    border-radius: 0 0 0 60%
}

.filter-modal .filter-footer .btn-wrap {
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    color: #333333;
    font-size: .36rem
}

.filter-modal .filter-footer .btn-wrap .sure-btn {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 61.8%;
    flex: 0 0 61.8%;
    color: white;
    background: #ec7043
}

.swiper-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 4.1rem;
    padding-bottom: .2rem;
    height: .7rem;
    line-height: .7rem;
    color: white;
    padding: 0 .3rem;
    z-index: 7;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
    background-image: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0))
}

.swiper-sale-text {
    top: 3.92rem;
    height: 1.08rem;
    line-height: 1.08rem;
    font-size: .22rem;
    color: white;
    padding: 0 .3rem;
    background: url(/static/img/mall/pro-bg.png) no-repeat top center, -webkit-gradient(linear, left top, left bottom, from(#f63), to(#ff3260));
    background: url(/static/img/mall/pro-bg.png) no-repeat top center, -webkit-linear-gradient(top, #f63, #ff3260);
    background: url(/static/img/mall/pro-bg.png) no-repeat top center, -moz- oldlinear-gradient(top, #f63, #ff3260);
    background: url(/static/img/mall/pro-bg.png) no-repeat top center, linear-gradient(180deg, #f63, #ff3260);
    -moz-background-size: contain;
    background-size: contain
}

.swiper-sale-text .price {
    color: #ffe54b;
    font-size: .24rem
}

.swiper-sale-text .money {
    padding-left: .06rem;
    padding-right: .04rem;
    font-size: .6rem
}

.swiper-sale-text .del {
    margin-left: .22rem;
    color: #ffc4bd;
    text-decoration: line-through
}

.swiper-sale-text .datetime {
    margin-top: .18rem;
    padding-top: .04rem;
    padding-left: .45rem;
    margin-left: .19rem;
    text-align: right;
    line-height: 1;
    border-left: 1px solid #ff7059
}

.swiper-sale-text .datetime .txt {
    margin-bottom: .11rem
}

.swiper-sale-text .countdown-warp em {
    height: auto;
    line-height: 1.08;
    min-width: auto;
    color: #fff;
    vertical-align: initial;
    background: transparent
}

.periphery {
    background-color: #FFF;
}

.periphery .erp_header i {
    color: #fff;
}

.hncz-page .attractions-list li,
.periphery .attractions-list li {
    background-color: #fff;
    padding: .23rem 0px 0px .23rem;
    height: 2.1rem;
    border-radius: .1rem;
    margin-bottom: .3rem;
}

.periphery .attractions-list li .left {
    /* margin-top: 2rem; */
}

.product-sale-list {
    overflow: hidden
}

.product-sale-list span {
    display: inline-block
}

.product-sale-list li {
    margin: 0;
    padding: .2rem 0;
    font-size: .3rem
}

.product-sale-list li.disabled span,
.product-sale-list li.disabled p {
    color: #ccc !important
}

.product-sale-list .hill {
    position: relative;
    display: inline-block;
    height: .36rem;
    padding: 0 .25rem 0 .18rem;
    line-height: .36rem;
    color: #fff;
    -moz-border-radius-topleft: 1px;
    border-top-left-radius: 1px;
    -moz-border-radius-bottomleft: 1px;
    border-bottom-left-radius: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#ff753f), to(#ff3b37));
    background: -webkit-linear-gradient(left, #ff753f, #ff3b37);
    background: -moz- oldlinear-gradient(left, #ff753f, #ff3b37);
    background: linear-gradient(90deg, #ff753f, #ff3b37)
}

.product-sale-list .hill:after {
    content: '';
    display: block;
    position: absolute;
    border: .18rem solid transparent;
    right: 0;
    top: 0;
    border-right: .16rem solid #fff;
    border-left-width: 0
}

.product-sale-list .label-blue {
    width: 1.2rem;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    color: #ec7043;
    background: #f7eeeb
}

.product-sale-list .label-w {
    width: 1.5rem;
    height: .36rem;
    line-height: .36rem;
    text-align: right;
    color: #666;
    /* background: #f7eeeb */
}

.product-sale-list .label-fire {
    position: relative;
    height: .36rem;
    margin-right: .13rem;
    padding-left: .38rem;
    padding-right: .12rem;
    line-height: .36rem;
    color: #fff;
    font-size: .2rem;
    -moz-border-radius: .14rem;
    border-radius: .14rem;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#f63), to(#ff3260));
    background: -webkit-linear-gradient(top, #f63, #ff3260);
    background: -moz- oldlinear-gradient(top, #f63, #ff3260);
    background: linear-gradient(180deg, #f63, #ff3260);
    z-index: 1
}

.product-sale-list .label-fire::before {
    position: absolute;
    left: 0;
    top: -.1rem;
    content: '';
    display: inline-block;
    height: .46rem;
    width: .44rem;
    background: url(/static/img/mall/fire.png) no-repeat;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1
}

.product-sale-list .service .tag {
    margin-right: .14rem
}

.product-sale-list .service .tag:last-child {
    margin-right: 0
}

.product-sale-list .icon-gouxuankuang {
    margin-right: .08rem
}

.product-sale-list .btn,
.product-sale-list .label {
    display: inline-block;
    height: .56rem;
    width: 1.6rem;
    padding: 0 .3rem;
    margin-top: .08rem;
    line-height: .56rem;
    color: #fff;
    -moz-border-radius: .22rem;
    border-radius: .22rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#fe8b01), to(#f63));
    background: -webkit-linear-gradient(top, #fe8b01, #f63);
    background: -moz- oldlinear-gradient(top, #fe8b01, #f63);
    background: linear-gradient(180deg, #fe8b01, #f63);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.product-sale-list .btn.disabled,
.product-sale-list .disabled.label {
    color: #999;
    background: #ccc
}

.product-sale-list .btn.disabled::before,
.product-sale-list .disabled.label::before {
    display: none
}

.product-sale-list .btn-bg_line {
    position: relative;
    overflow: hidden
}

.product-sale-list .btn-bg_line::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -43%;
    width: 65%;
    height: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background: -moz- oldlinear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -webkit-animation: toRight 1.8s infinite
}

@-webkit-keyframes toRight {
    from {
        left: -43%
    }
    to {
        left: 120%
    }
}

.product-sale-list .del {
    margin-top: -.19rem;
    color: #999;
    text-decoration: line-through
}

.product-sale-list .tag-earn {
    height: .28rem;
    line-height: .28rem;
    padding: 0 .1rem;
    margin-left: .16rem;
    border: 1px solid #ff6633
}

.circuit-content {
    margin-top: -.24rem;
    padding: 0 .6rem .58rem
}

.sales-clock-warp {
    position: relative;
    padding-bottom: 0.4rem !important;
    background: -webkit-linear-gradient(350deg, #fff9f9, #ffd7e0);
    background: -moz- oldlinear-gradient(350deg, #fff9f9, #ffd7e0);
    background: linear-gradient(100deg, #fff9f9, #ffd7e0);
    z-index: 1;
    overflow: hidden
}

.sales-clock-warp::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: inline-block;
    height: 2.59rem;
    width: 2.89rem;
    background: url(/static/img/mall/clock.png) no-repeat;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1
}

.sales-clock-warp .countdown-warp {
    color: #333;
    height: .4rem;
    padding: 0 .3rem;
    line-height: .4rem;
    -moz-border-radius-topleft: .18rem;
    border-top-left-radius: .18rem;
    -moz-border-radius-bottomleft: .18rem;
    border-bottom-left-radius: .18rem;
    background: #fff
}

.sales-clock-warp .countdown-warp .txt {
    color: #f13d64
}

.sales-clock-warp .countdown-warp em {
    display: inline-block;
    height: .3rem;
    line-height: .32rem;
    color: white;
    font-size: .2rem;
    -moz-border-radius: .02rem;
    border-radius: .02rem;
    background: #333;
    vertical-align: baseline
}

.sales-clock-warp .countdown-warp.be-end {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#ff7940), to(#ff3c68));
    background: -webkit-linear-gradient(left, #ff7940, #ff3c68);
    background: -moz- oldlinear-gradient(left, #ff7940, #ff3c68);
    background: linear-gradient(90deg, #ff7940, #ff3c68)
}

.sales-clock-warp .countdown-warp.be-end .txt {
    color: #fff
}

.sales-clock-warp .countdown-warp.be-end em {
    color: #ff3e67;
    background: #fff
}

.sales-clock-warp .headline {
    padding-top: .13rem;
    padding-bottom: .22rem;
    color: #ff3e67
}

.sales-clock-warp .icon-xianshi {
    margin-right: .09rem;
    font-size: .34rem;
    vertical-align: -.01rem
}

.sales-clock-warp ul {
    padding: 0 .12rem;
    -moz-border-radius: .04rem;
    border-radius: .04rem;
    overflow: hidden
}

.product-title-wrap {
    position: relative;
    top: -.2rem;
    z-index: 10;
    -moz-border-radius: .3rem .3rem 0 0;
    border-radius: .3rem .3rem 0 0
}

.product-title-wrap.sale-title-wrap {
    position: relative;
    top: 0;
    padding-bottom: 0.4rem !important;
    -moz-border-radius: 0;
    border-radius: 0
}

.products-labels-list .label {
    color: #666;
    margin-bottom: 0
}

.prod-coupon {
    border: 1px solid #ff6633;
    -moz-border-radius: .02rem;
    border-radius: .02rem;
    padding-right: .1rem
}

.prod-coupon span {
    display: inline-block;
    color: #ff6633
}

.prod-coupon span.bg-buy {
    padding: 0 .1rem
}

.prod-swiper-pagenation {
    bottom: .4rem !important
}

.distri-price {
    position: relative;
    margin-top: .2rem;
    font-size: .3rem
}

.distri-price b {
    font-size: .4rem
}

.distri-price span {
    margin-left: .2rem;
    font-size: .26rem
}

.slect-type li {
    position: relative;
    padding: .2rem .8rem .2rem .2rem;
    margin-top: .2rem;
    font-size: .3rem;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
    color: #666;
    -webkit-transition: all ease-in-out .8s;
    -moz-transition: all ease-in-out .8s;
    transition: all ease-in-out .8s
}

.slect-type li.on {
    border: 1px solid #ec7043;
    color: #ec7043;
    background: rgba(33, 132, 121, 0.05)
}

.slect-type li.on i {
    width: 0.4rem;
    height: 0.4rem;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: white
}

.slect-type li.on i:before {
    content: '';
    display: block;
    left: 0;
    top: 0;
    width: 0.4rem;
    height: 0.4rem;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    background-color: #ec7043
}

.slect-type li.on i:after {
    content: '';
    left: 0.09rem;
    top: 0.13rem;
    width: 0.24rem;
    height: 0.16rem;
    position: absolute;
    background: url(/static/img/radio-hook4.png) no-repeat 0 0;
    -moz-background-size: 0.24rem 0.16rem;
    background-size: 0.24rem 0.16rem;
    -webkit-filter: brightness(10);
    filter: brightness(10)
}

.slect-type li.disabled,
.slect-type li[disabled] {
    padding: .2rem 1.2rem .2rem .2rem;
    border-color: #ccc;
    background-color: #ccc;
    color: #999
}

.slect-type li.disabled i,
.slect-type li[disabled] i {
    right: .2rem
}

.slect-type li i {
    display: block;
    position: absolute;
    top: 50%;
    right: .3rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.prod-info {
    padding: 0 .15rem;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: .2rem
}

.prod-info.smint.fxd {
    background: white;
    right: 0;
    z-index: 12
}

.prod-info .flex-item {
    padding: .3rem .15rem;
    text-align: center
}

.prod-info .flex-item a {
    display: block;
    padding: .1rem 0;
    font-size: .3rem;
    color: #777777;
    -webkit-transition: all ease-in-out .4s;
    -moz-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s
}

.prod-info .flex-item.active a {
    position: relative;
    font-weight: bold;
    color: #ec7043;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.detail-title {
    margin: .5rem 0;
    text-align: center;
    font-size: .36rem;
    font-weight: bold;
    color: #333333
}

.detail-content {
    padding: 0 .3rem;
    word-break: break-all
}

.detail-content .tag {
    display: inline-block;
    vertical-align: middle;
    color: #ec7043;
    border: 1px solid #ec7043;
    background: #edf8fa;
    -moz-border-radius: .03rem;
    border-radius: .03rem;
    text-align: center;
    min-width: .6rem;
    height: .3rem;
    line-height: .3rem;
    padding: 0 .1rem;
    font-size: .2rem
}

.detail-content table {
    border-style: solid;
    border-width: 1px;
    border-color: #f3f3f3
}

.detail-content table tr {
    border: 0 none
}

.detail-content table tr td {
    border: 1px solid #f3f3f3
}

.detail-content ol {
    margin-left: 0.24rem
}

.detail-content sup {
    vertical-align: super
}

.detail-content img {
    max-width: 100%;
    width: initial
}

.detail-content section {
    max-width: 100%;
    overflow: hidden
}

.fix-style {
    position: relative;
    border-bottom: 1px dotted #e5e5e5;
    padding-bottom: .1rem;
    margin-bottom: .1rem
}

.fix-style span {
    font-size: .28rem;
    font-weight: bold;
    color: #333333
}

.submintFix .nav .add-cart-btn {
    font-size: .32rem;
    background: #fca802;
    border-right: 0
}

.mall-recommend {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mall-recommend li {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 48.5%;
    flex: 0 0 48.5%;
    padding-bottom: .3rem
}

.mall-recommend li:nth-child(2n+2) {
    margin-left: .2rem
}

.mall-recommend li b {
    font-size: .36rem
}

.footer-fixed .countdown-warp {
    text-align: center;
    background-color: #fff0e3;
    height: .76rem;
    line-height: .76rem;
    font-size: .28rem;
    color: #999
}

.footer-fixed .countdown-warp em {
    line-height: .4rem;
    color: white;
    font-size: .267rem;
    margin-bottom: .03rem;
    -moz-border-radius: .03rem;
    border-radius: .03rem;
    background: #ff6749;
    text-align: center
}

.sec-refund-rule {
    color: #333333
}

.sec-refund-rule .flex-box {
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #e5e5e5
}

.sec-refund-rule .flex-box p {
    padding: .1rem .2rem
}

.sec-refund-rule .flex-box p:first-child {
    border-right: 1px solid #e5e5e5
}

.sec-refund-rule .flex-box:first-child {
    border-top-width: 1px;
    line-height: 1.5;
    background: #f8f8f8
}

.fast_guid {
    cursor: pointer;
    position: relative
}

.fast_guid .guid-box {
    right: 0;
    bottom: 3rem;
    position: fixed;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1000
}

.fast_guid .guid-box .guid {
    color: #fff;
    width: 0.6rem;
    height: 0.72rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    font-size: 0.22rem;
    line-height: 0.3rem;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    padding: 0.12rem 0 0 0.46rem;
    background-color: rgba(0, 0, 0, 0.7)
}

.fast_guid .guid-box .guid i {
    top: 50%;
    left: 0.12rem;
    width: 0.21rem;
    height: 0.19rem;
    position: absolute;
    margin-top: -0.1rem;
    background: url(/static/img/other/navigation.png.html) no-repeat center;
    -moz-background-size: 0.21rem 0.19rem;
    background-size: 0.21rem 0.19rem
}

.fast_guid .guid-box .guid.pack_up {
    margin-top: 0.16rem;
    line-height: 0.84rem;
    height: 0.84rem;
    padding-top: 0
}

.fast_guid .guid-box .guid.pack_up i {
    background: url(/static/img/other/pack_up.png.html) no-repeat center;
    -moz-background-size: 0.21rem 0.19rem;
    background-size: 0.21rem 0.19rem
}

.fast_guid .guid-con {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background-color: white
}

.fast_guid .guid-con a {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 1rem;
    padding: 0.2rem;
    line-height: 0.38rem;
    text-align: center
}

.fast_guid .guid-con a i {
    font-size: 0.4rem
}

.fast_guid .guid-con a .title {
    font-size: 0.2rem;
    display: block
}

.coupon {
    padding: .25rem 0 .36rem
}

.coupon .tag {
    position: relative;
    display: inline-block;
    height: .28rem;
    margin-right: .1rem;
    padding: 0 .06rem;
    line-height: .28rem;
    color: #ff6633;
    font-size: .2rem;
    border: 1px solid #ff6633;
    background: #ffece6
}

.coupon .tag::before,
.coupon .tag::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: white;
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-color: transparent #ff6633 #ff6633 transparent
}

.coupon .tag::before {
    left: -4px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg)
}

.coupon .tag::after {
    right: -4px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.flex-box .flex-l-155 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 1.55rem;
    flex: 0 0 1.55rem
}

.package .bd {
    padding-bottom: .34rem
}

.package .bd .flex-box {
    margin-top: .22rem
}

.package .bd .flex-item {
    word-wrap: break-word;
    overflow: hidden
}

.package .bd p {
    padding-bottom: .05rem
}

.package .tag {
    display: inline-block;
    width: 1.14rem;
    padding-bottom: .03rem;
    color: #999
}

.package .tag.yes {
    color: #ec7043;
    background: #edf8fa
}

.package-footer {
    background: #fff
}

.package-footer .tools {
    padding: .1rem 0 .1rem;
    font-size: .2rem;
    color: #999;
    line-height: 1
}

.package-footer .price {
    padding: .08rem 0 .02rem
}

.package-footer .price em,
.package-footer .price span {
    display: inline-block;
    color: #ff6749
}

.package-footer .price span {
    font-size: .36rem
}

.package-footer .price .tag {
    display: inline-block;
    height: .26rem;
    line-height: .26rem;
    padding: 0 .1rem;
    margin-left: .08rem;
    color: white;
    font-size: .2rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background: -webkit-gradient(linear, left top, right top, from(#ff753f), to(#ff3b37));
    background: -webkit-linear-gradient(left, #ff753f, #ff3b37);
    background: -moz- oldlinear-gradient(left, #ff753f, #ff3b37);
    background: linear-gradient(90deg, #ff753f, #ff3b37)
}

.package-footer .over {
    margin-right: .14rem;
    color: #ff856d;
    vertical-align: top
}

.package-footer .del {
    text-decoration: line-through
}

.package-footer .button {
    display: inline-block;
    height: .8rem;
    width: 2.3rem;
    padding-top: .09rem;
    line-height: 1;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    -moz-border-radius: .34rem;
    border-radius: .34rem;
    background: -webkit-gradient(linear, left top, right top, from(#ff753f), to(#ff3b37));
    background: -webkit-linear-gradient(left, #ff753f, #ff3b37);
    background: -moz- oldlinear-gradient(left, #ff753f, #ff3b37);
    background: linear-gradient(90deg, #ff753f, #ff3b37);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.package-footer .button.only {
    padding-top: 0;
    line-height: .8rem
}

.package-footer .button.sell_out {
    color: #999;
    background: #ccc
}

.package-footer .button .num {
    padding-top: .06rem;
    font-size: .2rem
}

.package-footer .distribution {
    margin: .07rem 0 .1rem;
    padding: .15rem .21rem .15rem .3rem;
    color: #fff;
    font-size: .24rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    background: -webkit-linear-gradient(350deg, #f5802a, #fe4832);
    background: -moz- oldlinear-gradient(350deg, #f5802a, #fe4832);
    background: linear-gradient(100deg, #f5802a, #fe4832)
}

.package-footer .distribution .num {
    margin-left: .09rem;
    margin-right: .38rem;
    font-size: .42rem
}

.package-footer .distribution .btn-tool {
    height: .6rem;
    font-size: 0;
    line-height: .6rem;
    -moz-border-radius: .26rem;
    border-radius: .26rem;
    background: #fca802
}

.package-footer .distribution .btn-tool span {
    position: relative;
    display: inline-block;
    padding: 0 .2rem;
    font-size: .22rem
}

.package-footer .distribution .btn-tool span::before {
    left: 0;
    content: '';
    display: inline-block;
    height: .3rem;
    width: 1px;
    background: #fff
}

.package-footer .distribution .btn-tool span:first-child::before {
    display: none
}

.package-footer .distribution .post-btn {
    position: relative;
    right: auto;
    bottom: auto;
    height: auto;
    width: auto;
    background: none;
    opacity: 1;
    line-height: inherit
}

.fixed-cart-btn {
    width: 1rem !important;
    height: 1rem !important;
    right: 0 !important;
    bottom: 3rem !important;
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0.5)
}

.fixed-cart-btn a {
    display: block;
    position: relative
}

.fixed-cart-btn a i {
    font-size: 0.45rem;
    margin-top: 0 !important;
    line-height: 1.05rem
}

.fixed-cart-btn a span {
    top: .1rem;
    right: 0.15rem;
    width: 0.3rem;
    height: 0.3rem;
    line-height: .3rem;
    color: white;
    font-size: .22rem;
    position: absolute;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    background-color: #ff3260
}

.video-box {
    height: 100%;
    background: rgba(0, 0, 0, 0.8)
}

.video-box .iconfont {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: .8rem;
    color: #fff;
    z-index: 999;
    cursor: pointer
}

.video-box video {
    height: 100%;
    width: 100%
}

.video-prop {
    position: fixed;
    top: 20%;
    right: 0;
    width: 50vw;
    height: 34vw;
    z-index: 150;
    background-color: #000
}

.video-prop.no-width {
    width: 1px;
    height: 1px;
    overflow: hidden
}

.video-prop::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.video-prop .close-btn {
    position: absolute;
    top: 0rem;
    right: 0rem;
    width: 0.6rem;
    height: 0.6rem;
    background: rgba(0, 0, 0, 0.4) url(/static/img/icon_close.png) no-repeat center;
    -moz-background-size: 0.6rem;
    background-size: 0.6rem;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2
}

.video-prop .video-content {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.video-prop video {
    width: 100%;
    height: 100%
}

.pull-down-wrap {
    position: absolute;
    top: 1.15rem;
    left: .2rem;
    right: .2rem;
    overflow-y: hidden
}

.pull-down-search .header-search {
    display: none;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.flex-article {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-article .raiders-list-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 48.5%;
    flex: 0 0 48.5%;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: .2rem 0;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    overflow: hidden
}

.raiders-list-item .item-title,
.raiders-list-item .item-summary {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400
}

.raiders-list-item .item-title {
    font-size: 0.3rem
}

.raiders-list-item .item-title.ellipsis,
.raiders-list-item .attractions-list li .right .item-title.tit,
.attractions-list li .right .raiders-list-item .item-title.tit,
.raiders-list-item .bg-dark .list-wrap .list-item.big-cover a .desc-info .item-title.desc-title,
.bg-dark .list-wrap .list-item.big-cover a .desc-info .raiders-list-item .item-title.desc-title {
    -webkit-line-clamp: 1;
    white-space: normal
}

.raiders-list-item .item-summary {
    font-size: .24rem;
    font-weight: 0.24rem
}

.raiders-list-item img {
    height: 100%;
    min-height: 1.5rem;
    max-height: 4.46667rem
}

.raiders-list-item .label {
    float: left
}

.raiders-list-item .iconfont {
    color: #666
}

.raiders-list-item .c-main .iconfont {
    color: #ec7043
}

.raiders-list-item .graphic-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0.25rem
}

.raiders-list-item .graphic-item .img-warp {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    height: 2rem
}

.raiders-list-item.property_list .graphic-item .img-warp {
    height: 1.3rem;
}

.raiders-list-item .graphic-item .item-info {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 54%;
    flex: 0 0 54%;
    text-align: left;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    padding-right: .2rem;
    overflow: hidden
}

.raiders-list-item .graphic-item .item-info h3 {
    margin-top: 0
}

.raiders-list-item .graphic-item .item-info p,
.raiders-list-item .graphic-item .item-info h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.raiders-list-item .multi-pic .img-warp {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0.25rem;
    height: 1.4rem
}

.raiders-list-item .multi-pic .img-warp img {
    width: 30%;
    height: 100%;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 2.1rem;
    flex: 0 0 2.1rem;
    margin-right: .2rem
}

.raiders-list-item .multi-pic .img-warp img:last-child {
    margin-right: 0
}

.raiders-list-item a+.flex-box div:first-child {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%
}

.raiders-list-item a+.flex-box div:last-child {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}

.article-detail-cover .swiper-container {
    height: auto
}

.article-detail-cover .swiper-container li {
    width: 7.5rem;
    height: 7.5rem
}

.article-detail-cover .swiper-container.auto-height li {
    height: auto
}

.article-detail-cover.hight-height .swiper-container {
    height: 7.5rem
}

.article-detail-cover.hight-height li {
    width: 7.5rem;
    height: 7.5rem !important
}

.article-author h1 {
    font-size: .48rem;
    line-height: .62rem;
    margin-bottom: .3rem
}

.buttom-recommend-list {
    margin-top: .5rem;
    background: #f8f8f8
}

.buttom-recommend-list>p {
    position: relative;
    font-size: 0.32rem;
    text-indent: .15rem
}

.buttom-recommend-list>p:before {
    position: absolute;
    content: '';
    left: 0;
    top: .08rem;
    width: .06rem;
    height: .33rem;
    background-color: #ff3260;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.buttom-recommend-list li {
    font-weight: 600;
    font-size: 0.32rem
}

.buttom-recommend-list li a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.recommend_list {
    border-top: 5px solid #f8f8f8
}

.recommend_list .model-title {
    color: #333333;
    padding-top: 0.3rem
}

.recommend_list li {
    padding: 0.1rem 0 0.1rem 0.26rem;
    position: relative
}

.recommend_list li:before {
    top: 50%;
    content: '';
    width: 0.1rem;
    height: 0.1rem;
    position: absolute;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #333333;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.recommend_list ul {
    padding-bottom: 0.3rem
}

.article-recommend {
    position: fixed;
    bottom: 1.5rem;
    margin-top: -0.4rem;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    left: inherit;
    right: 0;
    height: .8rem;
    line-height: .8rem;
    -moz-border-radius: .8rem 0 0 .8rem;
    border-radius: .8rem 0 0 .8rem;
    z-index: 2
}

.animate-bottom-leave {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.animate-left-leave {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.animate-right-leave {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.animate-top-leave {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.right-list-inner {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 10;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    transition-duration: 300ms
}

.right-list-inner .mask {
    display: block;
    z-index: -1
}

.right-list-inner .close-list-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 6.06rem;
    width: .5rem;
    height: 1.1rem;
    line-height: 3.6;
    text-align: center;
    background-color: white;
    -moz-border-radius: .1rem 0 0 .1rem;
    border-radius: .1rem 0 0 .1rem
}

.right-list-inner .close-list-btn:active {
    background-color: #ececec
}

.right-list-inner .right-list-content {
    position: absolute;
    right: 0;
    background: white;
    overflow-y: auto;
    z-index: 1
}

.right-list-inner .right-list-content.popup-right {
    left: auto;
    height: 100%;
    width: 5.66rem;
    -webkit-box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 8px 3px rgba(0, 0, 0, 0.15)
}

.right-list-inner .right-list-content img {
    width: 1.8rem;
    height: 1.8rem
}

.right-list-inner .right-list-content .flex-l {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 1.8rem;
    flex: 0 0 1.8rem
}

.right-list-inner .right-list-content .item-title {
    height: 0.8rem;
    line-height: 0.4rem;
    font-size: 0.3rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.right-list-inner .right-list-content ul:last-child {
    margin-bottom: .5rem !important
}

.sprite_topic {
    display: inline-block;
    vertical-align: middle;
    width: .4rem;
    height: .4rem;
    margin-bottom: .03rem;
    margin-right: .15rem;
    background-repeat: no-repeat;
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: center
}

.sprite_book,
.sprite_topic-book {
    background-image: url(/static/img/topic/book.png)
}

.sprite_topic-1,
.sprite_topic-activity {
    background-image: url(/static/img/topic/activity.png)
}

.sprite_topic-2,
.sprite_topic-card {
    background-image: url(/static/img/topic/card.png)
}

.sprite_topic-3,
.sprite_topic-food {
    background-image: url(/static/img/topic/food.png)
}

.sprite_topic-4,
.sprite_topic-mount {
    background-image: url(/static/img/topic/mount.png)
}

.sprite_topic-5,
.sprite_topic-mudidi {
    background-image: url(/static/img/topic/mudidi.png)
}

.sprite_topic-6,
.sprite_topic-taopiao {
    background-image: url(/static/img/topic/taopiao.png)
}

.sprite_topic-7,
.sprite_topic-techan {
    background-image: url(/static/img/topic/techan.png)
}

.sprite_topic-8,
.sprite_topic-temple {
    background-image: url(/static/img/topic/temple.png)
}

.sprite_topic-9,
.sprite_topic-ticket {
    background-image: url(/static/img/topic/ticket.png)
}

.sprite_topic-10,
.sprite_topic-visa {
    background-image: url(/static/img/topic/visa.png)
}

.sprite_topic-11,
.sprite_topic-xianlu {
    background-image: url(/static/img/topic/xianlu.png)
}

.sprite_topic-12,
.sprite_topic-youlun {
    background-image: url(/static/img/topic/youlun.png)
}

.sprite_topic-13,
.sprite_topic-ziyouxing {
    background-image: url(/static/img/topic/ziyouxing.png)
}

.sprite_topic-14,
.sprite_topic-recommend-view {
    background-image: url(/static/img/topic/recommend-view.png)
}

.sprite_topic-15,
.sprite_topic-mudidi2 {
    background-image: url(/static/img/topic/mudidi2.png)
}

.sprite_topic-16,
.sprite_topic-tese {
    background-image: url(/static/img/topic/tese.png)
}

.sprite_topic-17,
.sprite_topic-hot {
    background-image: url(/static/img/topic/hot.png)
}

.sprite_topic-18,
.sprite_topic-eyes {
    background-image: url(/static/img/topic/eyes.png)
}

.sprite_topic-19,
.sprite_topic-masonry {
    background-image: url(/static/img/topic/masonry.png)
}

.article-detail-page h1 {
    font-weight: 400 !important
}

.article-detail-page .article-box {
    padding: .3rem .72rem;
    overflow: hidden
}

.article-detail-page .article-detail {
    font-size: .3rem;
    line-height: .48rem
}

.article-detail-page .article-detail * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.article-detail-page .article-detail img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    -moz-border-radius: initial !important;
    border-radius: initial !important;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0.3rem 0
}

.article-detail-page .article-detail table {
    width: 100% !important
}

.article-detail-page .article-detail table * {
    word-break: break-all
}

.article-detail-page .article-bottom {
    margin: .62rem 0 .08rem
}

.article-detail-page .article-bottom .copy {
    line-height: .5rem
}

.article-detail-page .right-list-inner {
    z-index: 200
}

.article-detail-page .right-list-inner img {
    width: 100% !important;
    height: 100% !important
}

.article-detail-page .right-list-inner .close-list-btn {
    right: 5.6rem
}

.article-detail-page .right-list-inner ul:last-child {
    margin-bottom: 0.2rem !important
}

.article-detail-page .article-nav {
    height: 1rem;
    padding: 0 !important
}

.article-detail-page .article-nav li {
    color: #666;
    font-size: 0.22rem;
    padding: .125rem 0 .125rem
}

.article-detail-page .article-nav li>span,
.article-detail-page .article-nav li>a {
    height: 0.58rem;
    font-size: 0.22rem;
    display: block;
    cursor: pointer
}

.article-detail-page .article-nav li .iconfont {
    color: #666;
    font-size: 0.4rem;
    display: block
}

.article-detail-page .article-nav li .icon-guanzhu {
    font-size: 0.4rem
}

.article-detail-page .article-nav li .c-main .iconfont {
    color: #ec7043
}

.article-detail-page .article-nav li.paper-recommend {
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043)
}

.article-detail-page .article-nav li.paper-recommend span {
    color: white
}

.article-detail-page .article-nav li.paper-recommend span .iconfont {
    color: white
}

.article-btn {
    height: .8rem;
    line-height: .8rem;
    border: 1px solid #ccc;
    -moz-border-radius: .1rem;
    border-radius: .1rem
}

.hotel-sort-time {
    line-height: 0.8rem;
    position: relative
}

.hotel-sort-time .sort-time {
    width: 100%;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #edf8fa
}

.hotel-sort-time .J_days_num {
    text-align: center;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    margin: 0.1rem auto;
    border: 1px solid #ddd;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 0.22rem
}

.hotel-sort-time b {
    top: 0.02rem;
    margin: 0 0.1rem;
    position: relative
}

.hotel-sort-time .data-depdate,
.hotel-sort-time .data-retdate {
    color: #ec7043
}

.hotel-sort-time .data-depweekday,
.hotel-sort-time .data-retweekday {
    color: #ec7043;
    font-size: 0.24rem
}

.hotel-sort-time .iconfont {
    color: #999;
    top: 50%;
    right: 0.46rem;
    margin-top: -.4rem;
    position: absolute
}

.hotel-title-wrap .icon-dizhizuobiao {
    font-size: 0.36rem;
    margin-top: 0 !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hotel-title-wrap .map-block {
    font-size: 0.24rem
}

.hotel-title-wrap .map-block i {
    position: relative;
    margin-left: 0.06rem
}

.hotel-title-wrap .more {
    color: #ec7043
}

.hotel-service-detail {
    margin-top: 0 !important
}

.hotel-service-detail .model-title {
    font-weight: 400
}

.room-package .strong {
    font-size: 0.36rem
}

.room-package .btn-orange {
    color: white;
    padding: 0 .14rem;
    height: .56rem;
    line-height: .56rem;
    background-color: #ff6633
}

.room-package .price span {
    font-size: 0.2rem
}

.room-package .price strong {
    font-size: 0.36rem;
    font-weight: normal
}

.room-package .room-list {
    -moz-border-radius: 4px;
    border-radius: 4px
}

.room-package .img-wrap {
    -webkit-box-flex: 0 !important;
    -moz-box-flex: 0 !important;
    -ms-flex: 0 0 1.6rem !important;
    flex: 0 0 1.6rem !important;
    height: 1.6rem !important
}

.room-package .img-wrap img {
    -moz-border-radius: 4px;
    border-radius: 4px
}

.room-package .rate_plan {
    max-width: 76%
}

.hotel-detail-modal {
    -moz-border-radius: 20px 20px 0 0 !important;
    border-radius: 20px 20px 0 0 !important
}

.hotel-detail-modal>h3 {
    padding: 0 !important;
    background-color: white !important;
    border-bottom-width: 0 !important
}

.hotel-detail-modal>h3 .modal-close {
    top: 0.2rem !important;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4)
}

.hotel-detail-modal>h3 .modal-close:before,
.hotel-detail-modal>h3 .modal-close:after {
    width: 0.3rem !important;
    left: 5px !important
}

.hotel-detail-modal .layui-m-layercont {
    max-height: 10rem !important;
    -moz-border-radius: 20px 20px 0 0 !important;
    border-radius: 20px 20px 0 0 !important
}

.hotel-detail-modal .swiper-img {
    height: 4.12rem
}

.hotel-detail-modal .swiper-img .swiper-fraction {
    left: 50%;
    color: #fff;
    width: 1.1rem;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-left: -0.6rem;
    line-height: 0.20rem;
    padding: 0.1rem;
    background: rgba(0, 0, 0, 0.4)
}

.hotel-detail-modal .swiper-img .swiper-fraction .swiper-notification {
    font-size: 0.22rem;
    color: #333333
}

.hotel-detail-modal .basic-info li {
    float: left;
    width: 48%;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem
}

.hotel-detail-modal .fixed-btm {
    line-height: 0.96rem
}

.hotel-detail-modal .fixed-btm b {
    font-size: 0.36rem;
    font-weight: normal
}

.hotel-detail-modal .fixed-btm .flex-item:last-child {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 2.4rem;
    flex: 0 0 2.4rem
}

.hotel-detail-modal .fixed-btm .btn,
.hotel-detail-modal .fixed-btm .label {
    height: 0.84rem;
    line-height: 0.84rem;
    -moz-border-radius: initial;
    border-radius: initial;
    color: white;
    font-size: 0.32rem;
    background-color: #ff6633
}

.hotel-detail .swiper-text {
    line-height: .5rem;
    height: .8rem;
    top: 4.2rem !important
}

.hotel-detail .swiper-text .sprite_img {
    top: -0.04rem;
    margin-right: 0.1rem;
    position: relative
}

.hotel-detail .scenic-link-list .map-block {
    padding-right: 0.4rem
}

.hotel-detail .scenic-link-list .icon-arrow_rgt {
    left: initial;
    right: 0;
    margin-top: -0.2rem
}

.hotel-detail .js-room-list {
    background-color: #fafafa
}

.hotel-detail .js-room-list li {
    margin-bottom: 0 !important;
    padding-top: 0.3rem
}

.hotel-detail .js-room-list li .price-warp b {
    font-weight: normal
}

.hotel-detail .js-room-list .notice {
    top: 0.04rem;
    color: #ec7043;
    position: relative
}

.hotel-detail .js-room-list .serve span {
    margin: 0 0.1rem
}

.hotel-detail .js-room-list .serve span:first-child {
    margin-left: 0
}

.hotel-detail .room-info .lowest-price .icon-gengduo {
    font-size: 0.4rem;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    color: #ec7043
}

.hotel-detail .room-info .lowest-price .ring-down {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hotel-detail .service-list .iconfont {
    font-size: 0.5rem
}

.list_coupon>li+li {
    margin-top: 0.2rem
}

.list_coupon dl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: white;
    -moz-border-radius: 0.12rem;
    border-radius: 0.12rem;
    z-index: 2
}

.list_coupon dl+.panel-box {
    background: #fafafa;
    position: relative
}

.list_coupon dl+.panel-box .panel-head {
    font-size: 0.24rem;
    padding: 0.1rem 0.2rem;
    color: #999;
    background: #fafafa;
    border-bottom-width: 0;
    -moz-border-radius-bottomleft: 0.12rem;
    border-bottom-left-radius: 0.12rem;
    -moz-border-radius-bottomright: 0.12rem;
    border-bottom-right-radius: 0.12rem
}

.list_coupon dl+.panel-box .panel-list {
    background: #fafafa
}

.list_coupon dl+.panel-box .panel-list li {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    line-height: 1.5;
    font-size: 0.24rem;
    color: #666
}

.list_coupon dl+.panel-box::before,
.list_coupon dl+.panel-box::after {
    content: '';
    position: absolute;
    top: -.1rem;
    width: 0.2rem;
    height: 0.2rem;
    background-color: #efeff7;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2
}

.list_coupon dl+.panel-box::before {
    left: -.1rem
}

.list_coupon dl+.panel-box::after {
    right: -.1rem
}

.list_coupon dt {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 2.2rem;
    padding-top: .2rem;
    padding-bottom: .2rem;
    text-align: center
}

.list_coupon dt .discount {
    margin-bottom: .1rem;
    color: #ff6633
}

.list_coupon dt .discount b {
    font-size: .56rem;
    line-height: 1em;
    font-weight: normal;
    vertical-align: top
}

.list_coupon dd {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.35rem 0.2rem;
    border-left: .03rem #e4e4e4 dotted
}

.list_coupon dd .title {
    line-height: 1.1em;
    font-size: .32rem
}

.list_coupon dd .time {
    display: inline-block;
    margin-top: .2rem;
    font-size: .24rem;
    color: #999
}

.list_coupon dd .btn,
.list_coupon dd .label {
    position: absolute;
    bottom: .08rem;
    right: 0.2rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: .26rem
}

.list_coupon dd.dd-v2 .time {
    display: block
}

.list_coupon dd.dd-v2 .btn,
.list_coupon dd.dd-v2 .label {
    position: relative;
    bottom: auto;
    right: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    display: inline-block;
    margin-top: .06rem
}

.list_coupon dd .arrow {
    border-color: #999
}

.list_coupon .used dd,
.list_coupon .lost dd,
.list_coupon .received dd {
    -moz-background-size: 1.6rem 1.6rem;
    background-size: 1.6rem 1.6rem;
    background-repeat: no-repeat;
    background-position: 3.6rem -.4rem
}

.list_coupon .used dt .discount,
.list_coupon .lost dt .discount {
    color: #ccc
}

.list_coupon .used dd,
.list_coupon .lost dd {
    border-color: #ccc
}

.list_coupon .used dd {
    background-image: url(/static/img/coupon-used.png)
}

.list_coupon .lost dd {
    background-image: url(/static/img/coupon-lost.png)
}

.list_coupon .received dd {
    background-image: url(/static/img/coupon-received.png)
}

.coupon_detail {
    background-repeat: no-repeat;
    background-color: #ff753f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#ff753f), to(#ff3b37));
    background-image: -webkit-linear-gradient(0, #ff753f, #ff3b37);
    background-image: -moz- oldlinear-gradient(0, #ff753f, #ff3b37);
    background-image: linear-gradient(0, #ff753f, #ff3b37)
}

.coupon_detail .erp_header {
    border: 0;
    background: transparent
}

.coupon_detail .erp_header .hd {
    color: white
}

.coupon_detail_con {
    margin: 0.2rem;
    padding: 0.2rem;
    -moz-border-radius: 0.12rem;
    border-radius: 0.12rem;
    background: white
}

.coupon_detail_con .coupon_view {
    padding: .3rem;
    text-align: center
}

.coupon_detail_con .coupon_view strong {
    font-size: .5rem;
    font-weight: bold;
    color: #000
}

.coupon_detail_con .coupon_view .price {
    padding: .4rem 0;
    color: #999
}

.coupon_detail_con .coupon_view .price em {
    font-size: .4rem;
    color: #ff6633
}

.coupon_detail_con .coupon_view .price em b {
    font-size: 1.2rem;
    font-weight: normal
}

.coupon_detail_con .coupon_view .btn,
.coupon_detail_con .coupon_view .label {
    font-size: .36rem
}

.coupon_detail_con .line {
    position: relative;
    width: 100%;
    height: 0;
    margin: .4rem 0 .4rem -.2rem;
    padding: 0 .2rem;
    border-bottom: 2px dashed #f3f3f3
}

.coupon_detail_con .line:before,
.coupon_detail_con .line:after {
    content: '';
    position: absolute;
    top: -.14rem;
    width: .3rem;
    height: .3rem;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ff583b
}

.coupon_detail_con .line:before {
    left: -.15rem
}

.coupon_detail_con .line:after {
    right: -.15rem
}

.coupon_detail_con .coupon_rule {
    padding: 0 0.2rem 0.2rem
}

.coupon_detail_con .coupon_rule ol {
    padding-left: .3rem
}

.coupon_detail_con .coupon_rule li {
    margin-top: .1rem;
    padding-left: 0.2rem;
    color: #666
}

.coupon_detail_con .countdown-warp {
    text-align: left;
    color: #333
}

.coupon_detail_con .countdown-warp .countdown-em {
    display: inline-block;
    line-height: .4rem
}

.coupon_detail_con .countdown-warp em {
    border: 1px solid #ccc;
    -moz-border-radius: .06rem;
    border-radius: .06rem
}

.coupon-sign-login>h3 {
    border-bottom-width: 0 !important;
    background-color: white !important
}

.coupon-sign-login .model-title.header-tab {
    margin: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

.coupon-sign-login .model-title.header-tab .tab-item {
    cursor: pointer
}

.coupon-sign-login .model-title.header-tab .tab-item:after {
    left: 50% !important;
    margin: 0 0 0 -0.37rem !important
}

.coupon-sign-login .tab-warp .coupon-unavail {
    color: #ccc !important
}

.coupon-sign-login .tab-warp .coupon-unavail .list_coupon {
    height: 7.8rem
}

.coupon-sign-login .tab-warp .coupon-unavail .discount,
.coupon-sign-login .tab-warp .coupon-unavail .text-default,
.coupon-sign-login .tab-warp .coupon-unavail .time {
    color: #ccc !important
}

.coupon-sign-login .tab-warp .coupon-unavail dl {
    -moz-border-radius: 0.12rem 0.12rem 0 0 !important;
    border-radius: 0.12rem 0.12rem 0 0 !important
}

.coupon-sign-login .tab-warp .coupon-unavail dl dd .title {
    width: 4.4rem
}

.coupon-sign-login .tab-warp .coupon-unavail .reason {
    font-size: 0.24rem;
    color: #666;
    background-color: #fafafa;
    padding: 0.1rem 0.2rem;
    position: relative;
    z-index: 22;
    -moz-border-radius: 0 0 0.12rem 0.12rem;
    border-radius: 0 0 0.12rem 0.12rem
}

.coupon-sign-login .tab-warp .coupon-unavail .reason:after,
.coupon-sign-login .tab-warp .coupon-unavail .reason:before {
    content: '';
    top: -0.12rem;
    width: 0.2rem;
    height: 0.2rem;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    background-color: #efefef !important
}

.coupon-sign-login .tab-warp .coupon-unavail .reason:before {
    left: -0.12rem
}

.coupon-sign-login .tab-warp .coupon-unavail .reason:after {
    right: -0.12rem
}

.coupon-sign-login .tab-warp .coupon-unavail .reason .flex-l {
    -webkit-box-flex: 0 !important;
    -moz-box-flex: 0 !important;
    -ms-flex: 0 0 1.5rem !important;
    flex: 0 0 1.5rem !important
}

.coupon-sign-login .tab-warp .coupon-avail .list_coupon {
    height: 6.8rem
}

.coupon-sign-login .tab-warp .coupon-avail .list_coupon dd .title {
    width: 3.6rem
}

.coupon-sign-login .tab-warp .list_coupon {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.2rem
}

.coupon-sign-login .tab-warp .list_coupon li .flex-c {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 4rem;
    flex: 0 0 4rem
}

.coupon-sign-login .tab-warp .list_coupon li .flex-box .flex-c+.flex-r {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 0.4rem;
    flex: 0 0 0.4rem
}

.coupon-sign-login .tab-warp .popuo-btn-box {
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute
}

.coupon-sign-login .tab-warp .popuo-btn-box span {
    height: 1rem;
    line-height: 1rem;
    display: block;
    text-align: center;
    font-size: 0.32rem;
    cursor: pointer
}

.back-mall-icon {
    display: block;
    height: .5rem;
    line-height: .5rem;
    width: 1.9rem;
    margin: 0 auto;
    color: #777;
    font-size: .28rem;
    border: 1px solid #777;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.back-mall-icon .arrow {
    -webkit-filter: brightness(38%);
    filter: brightness(38%)
}

.hot-item {
    position: relative
}

.hot-item .hot-index {
    position: absolute;
    top: .2rem;
    left: -.08rem;
    padding: 0 .05rem 0 .08rem;
    font-size: .24rem;
    color: white;
    text-transform: uppercase;
    z-index: 1;
    -moz-border-radius: .04rem 0 0;
    border-radius: .04rem 0 0;
    background-repeat: no-repeat;
    background-color: #ff5251;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff7171), to(#ff4446));
    background-image: -webkit-linear-gradient(left, #ff7171, #ff4446);
    background-image: -moz- oldlinear-gradient(left, #ff7171, #ff4446);
    background-image: linear-gradient(to right, #ff7171, #ff4446)
}

.hot-item .hot-index:before {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 0;
    height: 0;
    border-width: .08rem 0 .08rem .08rem;
    border-style: solid;
    border-color: #ca1b55 #ca1b55 transparent transparent
}

.hot-item .hot-index:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: .14rem;
    height: 100%;
    background: url(/static/img/other/icon/top-r-bg.png) no-repeat center;
    -moz-background-size: 100%;
    background-size: 100%
}

.hot-item .img-propor-32 {
    width: 100%;
    max-height: 2.05rem;
    -moz-border-radius: .07rem .07rem 0 0;
    border-radius: .07rem .07rem 0 0;
    overflow: hidden
}

.hot-item .img-propor-32 img {
    -moz-border-radius: 0;
    border-radius: 0
}

.hot-item .img-propor-32+div {
    border: 1px solid #f3f3f3;
    -moz-border-radius: 0 0 .07rem .07rem;
    border-radius: 0 0 .07rem .07rem
}

.hot-list {
    padding-bottom: .1rem
}

.hot-list .hot-item {
    border: 0;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(204, 204, 204, 0.5);
    -moz-box-shadow: 0px 2px 5px 0px rgba(204, 204, 204, 0.5);
    box-shadow: 0px 2px 5px 0px rgba(204, 204, 204, 0.5)
}

.hot-list .hot-item a {
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    overflow: hidden
}

.hot-list .hot-item .label-hot {
    position: absolute;
    left: 0;
    top: 0;
    padding-right: .2rem;
    -moz-border-radius: 0 .2rem .2rem 0;
    border-radius: 0 .2rem .2rem 0;
    text-transform: uppercase;
    z-index: 1
}

.hot-list .hot-item .label-hot:after {
    display: none
}

.hot-list .hot-item.bord-btm-item .label-hot {
    background-image: -webkit-gradient(linear, left top, right top, from(#4391ff), to(#84b3ff));
    background-image: -webkit-linear-gradient(left, #4391ff, #84b3ff);
    background-image: -moz- oldlinear-gradient(left, #4391ff, #84b3ff);
    background-image: linear-gradient(to right, #4391ff, #84b3ff)
}

.hot-list .hot-item.bord-btm-item .label-hot.hot-index-1 {
    background-image: -webkit-gradient(linear, left top, right top, from(#fa414b), to(#ff6d46));
    background-image: -webkit-linear-gradient(left, #fa414b, #ff6d46);
    background-image: -moz- oldlinear-gradient(left, #fa414b, #ff6d46);
    background-image: linear-gradient(to right, #fa414b, #ff6d46)
}

.hot-list .hot-item.bord-btm-item .label-hot.hot-index-2 {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff6f37), to(#ffa025));
    background-image: -webkit-linear-gradient(left, #ff6f37, #ffa025);
    background-image: -moz- oldlinear-gradient(left, #ff6f37, #ffa025);
    background-image: linear-gradient(to right, #ff6f37, #ffa025)
}

.hot-list .hot-item.bord-btm-item .label-hot.hot-index-3 {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffa106), to(#ffc419));
    background-image: -webkit-linear-gradient(left, #ffa106, #ffc419);
    background-image: -moz- oldlinear-gradient(left, #ffa106, #ffc419);
    background-image: linear-gradient(to right, #ffa106, #ffc419)
}

.hot-list b {
    font-size: .36rem
}

.img-list-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.img-list-3 li {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 48.5%;
    flex: 0 0 48.5%;
    margin-right: .2rem
}

.img-list-3 li:nth-child(2n+2) {
    margin-right: 0
}

.img-list-3 li .img-propor-32 {
    width: 3.41rem;
    height: 2.274rem;
    -moz-border-radius: .1rem .1rem 0 0;
    border-radius: .1rem .1rem 0 0;
    overflow: hidden
}

.img-list-3 li .img-propor-32 img {
    -moz-border-radius: 0;
    border-radius: 0
}

.sold-out {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
    background-color: rgba(0, 0, 0, 0.2)
}

.sold-out:after {
    top: 50%;
    left: 50%;
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    margin-top: -0.6rem;
    margin-left: -0.6rem;
    position: absolute;
    background: url(/static/img/sold-out.png) no-repeat 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.cultural-brigade-page .head-search {
    background-color: #fff;
    padding: .32rem .32rem .2rem
}

.cultural-brigade-page .banner-box {
    height: 4.7rem;
    margin: 0
}

.cultural-brigade-page .banner-box li {
    height: 4.7rem
}

.cultural-brigade-page .banner-box li img {
    height: 3.32rem;
    -o-object-fit: cover;
    object-fit: cover
}

.cultural-brigade-page .banner-box li .txt {
    line-height: .48rem;
    height: .96rem;
    padding-top: .1rem;
    color: #666
}

.cultural-brigade-page .banner-box .swiper-pagination {
    bottom: 1.62rem !important
}

.cultural-brigade-page .mod-box {
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0 0 .1rem;
    padding: 0 .32rem
}

.cultural-brigade-page .mod-box .mod-tit {
    padding-left: 0
}

.cooperate-page .join-banner img {
    height: 2.8rem;
    -moz-border-radius: 0;
    border-radius: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.cooperate-page .join-list {
    background: #fff;
    padding-left: .32rem
}

.cooperate-page .join-list li {
    height: .8rem;
    padding: .3rem 0 .2rem;
    position: relative;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.cooperate-page .join-list li .flex-item:first-child {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 .8rem;
    flex: 0 0 .8rem
}

.cooperate-page .join-list li .flex-item:first-child img {
    width: .8rem;
    height: .8rem
}

.cooperate-page .join-list li .flex-item:last-child {
    padding: 0 .9rem 0 .26rem;
    font-size: .3rem;
    line-height: 2.6
}

.cooperate-page .join-list li .iconfont {
    position: absolute;
    top: 50%;
    right: .3rem;
    -webkit-transform: translateY(-32%);
    -moz-transform: translateY(-32%);
    -ms-transform: translateY(-32%);
    transform: translateY(-32%);
    color: #ccc;
    pointer-events: none
}

.cooperate-page2 {
    background-color: #1a0787
}

.cooperate-page2 .bg {
    background: url(/static/img/cooperate/bg%EF%B9%96v=20191205.png) no-repeat 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.cooperate-page2 .introduction .title {
    width: 3.22rem;
    height: 0.98rem;
    margin: 0 auto;
    top: -0.7rem;
    position: relative;
    background: url(/static/img/cooperate/cooperate_03%EF%B9%96v=20191205.png) no-repeat 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.cooperate-page2 .introduction .con {
    color: #00fcff;
    font-size: 0.3rem;
    margin: -0.5rem 0.45rem 0;
    padding: 0.4rem 0.4rem 0.3rem;
    position: relative;
    border: 1px solid #00fcff
}

.cooperate-page2 .introduction .con p {
    z-index: 4;
    position: relative
}

.cooperate-page2 .introduction .con:after,
.cooperate-page2 .introduction .con:before {
    content: '';
    position: absolute
}

.cooperate-page2 .introduction .con:before {
    left: -0.24rem;
    top: -0.4rem;
    width: 1.24rem;
    height: 1.21rem;
    background: url(/static/img/cooperate/comma-l%EF%B9%96v=20191205.jpg) no-repeat 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.cooperate-page2 .introduction .con:after {
    right: -0.24rem;
    bottom: -0.6rem;
    width: 1.35rem;
    height: 1.08rem;
    background: url(/static/img/cooperate/comma-r%EF%B9%96v=20191205.jpg) no-repeat 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.cooperate-page2 .excellent .title {
    width: 3rem;
    height: 1.12rem;
    margin: 0.36rem auto 0.2rem;
    background: url(/static/img/cooperate/cooperate_04%EF%B9%96v=20191205.png) no-repeat 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.cooperate-page2 .excellent dl dd {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0.32rem 0.1rem 0.32rem
}

.cooperate-page2 .excellent dl dd .fl {
    float: left;
    width: 50%
}

.cooperate-page2 .excellent dl dd .fr {
    float: right;
    width: 50%
}

.cooperate-page2 .excellent dl dd .text .tit {
    color: #00fcff;
    font-size: 0.32rem;
    position: relative;
    padding-left: 1.12rem;
    font-weight: 600
}

.cooperate-page2 .excellent dl dd .text .tit:before {
    top: 0;
    left: 0;
    content: '';
    width: 0.92rem;
    height: 0.46rem;
    position: absolute
}

.cooperate-page2 .excellent dl dd .text .con {
    font-size: 0.28rem;
    margin: 0.1rem 0 0 0.9rem
}

.cooperate-page2 .excellent dl dd .text .con li {
    color: #00fcff;
    list-style-type: disc
}

.cooperate-page2 .excellent dl dd.exc_01 .text .tit:before {
    background: url("/static/img/cooperate/one%EF%B9%96v=20191205.png") no-repeat 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.cooperate-page2 .excellent dl dd.exc_02 .tit:before {
    background: url("/static/img/cooperate/two%EF%B9%96v=20191205.png") no-repeat 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.cooperate-page2 .excellent dl dd.exc_03 .tit:before {
    background: url("/static/img/cooperate/three%EF%B9%96v=20191205.png") no-repeat 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.cooperate-page2 .excellent dl dd.exc_04 .tit:before {
    background: url("/static/img/cooperate/four%EF%B9%96v=20191205.png") no-repeat 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.cooperate-page2 .excellent dl dd.exc_05 .tit:before {
    background: url("/static/img/cooperate/five%EF%B9%96v=20191205.png") no-repeat 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.cooperate-page2 .excellent dl dd.exc_06 .tit:before {
    background: url("/static/img/cooperate/six%EF%B9%96v=20191205.png") no-repeat 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.cooperate-page2 .excellent dl dd.exc_07 .tit:before {
    background: url("/static/img/cooperate/seven%EF%B9%96v=20191205.png") no-repeat 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.cooperate-page2 .excellent dl dd.exc_03,
.cooperate-page2 .excellent dl dd.exc_05,
.cooperate-page2 .excellent dl dd.exc_07 {
    margin-top: -1rem
}

.cooperate-page2 .footer {
    margin-top: 2.2rem
}

.cooperate-page2 .footer .code {
    width: 2.29rem;
    margin: 0 auto;
    display: block;
    height: 2.29rem
}

.cooperate-page2 .footer p {
    color: white;
    font-size: 0.3rem;
    padding: 0.4rem 0 0.6rem;
    text-align: center
}

.custom-btn,
.fixed-btn {
    right: 0.24rem;
    z-index: 11;
    color: white;
    position: fixed;
    width: 1.27rem;
    height: 1.27rem;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 0.4rem;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043)
}

.custom-btn i,
.fixed-btn i {
    display: block
}

.custom-btn {
    bottom: 1rem
}

.custom-btn i {
    margin-top: 0.2rem;
    font-size: 0.34rem
}

.custom-btn span {
    font-size: 0.22rem
}

.fixed-btn {
    bottom: 2rem
}

.fixed-btn i {
    margin-top: 0.26rem;
    font-size: 0.34rem
}

.fixed-btn span {
    display: block;
    margin-top: 0.04rem;
    font-size: 0.28rem
}

.scenic-head {
    position: relative;
    padding: .32rem
}

.scenic-head img {
    -moz-border-radius: 0;
    border-radius: 0
}

.scenic-head img.bg-scenic-detail {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 60%
}

.scenic-head h3 {
    font-size: .4rem
}

.scenic-head p {
    font-size: .24rem;
    line-height: .4rem
}

.scenic-head .snice-banner {
    display: block;
    position: relative;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    margin-top: .24rem;
    overflow: hidden;
    -webkit-box-shadow: 0 4px 6px 2px #ccc;
    -moz-box-shadow: 0 4px 6px 2px #ccc;
    box-shadow: 0 4px 6px 2px #ccc;
    height: 3.6rem;
    background: #f5f5f5 url("/static/img/default/default-img-3.png") no-repeat center;
    -moz-background-size: cover;
    background-size: cover
}

.scenic-head .collect .iconfont {
    margin-right: .05rem;
    font-size: .42rem
}

.scenic-head .collect .icon-zuobiao,
.scenic-head .collect .icon-shoucang-xuanzhong {
    color: #8ec31f
}

.scenic-head .collect .icon-zuobiao {
    margin-right: .06rem
}

.img-label {
    position: absolute;
    left: .12rem;
    top: .12rem;
    padding: .05rem .14rem;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
    color: white;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0.5)
}

.rotate-down {
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s
}

.rotate-down.rotate-up {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.scenic-detail {
    height: 5.3rem!important;
}

.scenic-detail>.bg-white {
    padding: .32rem;
    margin-top: .12rem
}

.scenic-detail .sec-booking ul {
    overflow: hidden;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s
}

.scenic-detail .sec-booking .icon-gouxuankuang {
    font-size: 0.24rem;
    margin-right: .09rem
}

.scenic-detail .sec-booking .flex-box:nth-child(2) {
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.scenic-detail .sec-booking .text-xl {
    font-size: 0.4rem
}

.scenic-detail .sec-booking .flex-c {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 5.03rem;
    flex: 0 0 5.03rem
}

.scenic-detail .sec-booking .price-btn {
    display: inline-block;
    width: .7rem;
    height: .56rem;
    line-height: .56rem;
    -moz-border-radius: .28rem;
    border-radius: .28rem
}

.scenic-detail .scenic-box {
    color: #333333
}

.scenic-detail .scenic-box h3 {
    font-weight: 600
}

.scenic-detail .scenic-box .scenic-con {
    margin-top: 0.1rem
}

.scenic-detail .scenic-box .scenic-con section {
    max-width: 100%;
    overflow: hidden;
    font-family: Optima-Regular, PingFangTC-light;
}

.scenic-detail .scenic-box p {
    line-height: .6rem;
    font-size: .33rem;
    color: #333;
    letter-spacing: .06rem;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: justify;
    font-family: Optima-Regular, PingFangTC-light;
}

.scenic-detail .service-list li {
    width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 0.2rem
}

.scenic-detail .service-list li .icon i {
    font-size: 0.5rem
}

.address-map {
    background: #f4fafb;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
    padding: .3rem 1.1rem .3rem .68rem
}

.address-map .absolute {
    left: .2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.address-map .absolute:last-child {
    left: inherit;
    right: .2rem
}

.scenic-index {
    padding: .32rem
}

.scenic-index .sprite_triangle-down {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

.scenic-index .flex-box li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 48%
}

.scenic-index .flex-box li .label {
    position: absolute;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
    background-color: rgba(0, 0, 0, 0.5);
    padding: .06rem .14rem;
    line-height: 1;
    color: white;
    left: .12rem;
    top: .12rem
}

.scenic-index .flex-box li img {
    width: 3.33rem;
    height: 2.2rem;
    -o-object-fit: cover;
    object-fit: cover
}

.scenic-index .flex-box li p {
    font-size: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .2rem
}

.scenic-index .ranking-img {
    overflow: hidden
}

.scenic-index .ranking-img:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3)
}

.scenic-index .ranking-img p {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: .36rem
}

.attractions-list li {
    position: relative;
    clear: both;
    /* height: 2.1rem; */
    margin-bottom: .4rem;
    padding-bottom: .2rem;
    border-bottom: 1px solid #f5f5f5;
}

.attractions-list li .scenic-level {
    display: block;
    position: absolute;
    right: 0.3rem;
    top: 0;
    width: 0.45rem;
    height: .55rem;
    line-height: .5rem;
    color: white;
    text-align: center;
    background-image: -webkit-linear-gradient(315deg, #ffa200, #ff8400);
    background-image: -moz- oldlinear-gradient(315deg, #ffa200, #ff8400);
    background-image: linear-gradient(135deg, #ffa200, #ff8400)
}

.attractions-list li .scenic-level.level-1,
.attractions-list li .scenic-level.level-2,
.attractions-list li .scenic-level.level-3 {
    background-image: -webkit-linear-gradient(135deg, #9cc4fc, #9cc4fc);
    background-image: -moz- oldlinear-gradient(135deg, #9cc4fc, #9cc4fc);
    background-image: linear-gradient(315deg, #9cc4fc, #9cc4fc)
}

.attractions-list li .scenic-level.level-4 {
    background-image: -webkit-linear-gradient(135deg, #1f9bfb, #2470e0);
    background-image: -moz- oldlinear-gradient(135deg, #1f9bfb, #2470e0);
    background-image: linear-gradient(315deg, #1f9bfb, #2470e0)
}

.attractions-list li .scenic-level::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -0.1rem;
    left: 0;
    width: 100%;
    height: .2rem;
    background-color: white;
    -moz-border-radius: 100%;
    border-radius: 100%;
    z-index: 1
}

.attractions-list li .left {
    float: left;
    width: 1.8rem;
    height: 1.8rem
}

.attractions-list li .left img {
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 100%;
    width: 100%
}

.attractions-list li .right {
    margin-left: 2.0rem;
    height: 1.8rem;
    position: relative
}

.attractions-list li .right .tit {
    font-size: .40rem;
    line-height: .42rem;
    font-weight: bold;
}

.attractions-list li .right .tags {
    padding: .1rem 0 .2rem;
    height: .3rem;
    font-size: 0.2rem
}

.attractions-list li .right .location {
    margin-top: .1rem;
    font-size: .3rem;
    color: #999;
}

.attractions-list li .right .location span em {
    color: red;
}

.warp-right .attractions-list li .right .price span {
    margin-top: .2rem;
    font-size: .32rem;
    color: red;
}

.warp-right .attractions-list li .right .price {
    margin-top: .2rem;
    font-size: .32rem;
    color: red;
}

.warp-right .attractions-list li .right .price span em {
    color: red;
    font-size: .42rem;
}

.attractions-list li .right .location i {
    display: inline-block;
    margin-left: .01rem;
    font-size: .28rem;
}

.attractions-list li .right .tis {
    margin-top: .2rem;
    font-weight: normal;
}

.attractions-list li .right .tis span {
    margin-right: 0.1rem;
}

.warp-right .attractions-list li .right .tis span {
    margin-right: 0.1rem;
    text-decoration: line-through;
}

.attractions-list li .right .price {
    position: absolute;
    left: 0;
    bottom: -0.15rem;
    font-size: .24rem;
    color: #ff6633
}

.attractions-list li .right .price.txt {
    font-size: .28rem;
    bottom: 0
}

.attractions-list li .right .price em {
    font-weight: 600;
    font-size: .36rem
}

.attractions-list li .right .price span {
    color: #777
}

.attractions-list li .right .add {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 12px;
    right: 5px;
    color: red;
    font-size: .5rem;
}

.attractions-list li .bottom {
    margin-top: .2rem;
}

.attractions-list li .bottom .address {
    color: rgb(133, 133, 133);
}

.recommend-list {
    margin-top: .32rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recommend-list li {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 calc(50% - .2rem);
    flex: 0 0 calc(50% - .2rem);
    overflow: hidden;
    margin-bottom: .2rem;
    margin-right: .2rem
}

.recommend-list li:nth-child(2n+2) {
    margin-right: 0
}

.recommend-list li .img-label {
    font-size: .2rem
}

.recommend-list li img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.scenic-link-list li {
    padding: .2rem 0 0;
    color: #333333;
    font-size: .28rem
}

.scenic-link-list li a {
    display: block;
    padding-left: 0.5rem;
    position: relative
}

.scenic-link-list li .iconfont {
    color: #bebfc3;
    margin-top: -0.26rem;
    position: absolute;
    left: 0;
    top: 50%
}

.scenic-link-list li .iconfont.icon-jingdianditu {
    left: 0.02rem
}

.scenic-link-list li .iconfont.icon-clock {
    left: 0.02rem;
    font-size: 0.28rem;
    margin-top: -0.16rem
}

.scenic-link-list li .inline-block {
    vertical-align: middle;
    color: #333333
}

.scenic-link-list li small {
    font-size: .24rem;
    color: #777
}

.modal-month-list {
    margin: .3rem
}

.modal-month-list li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 30.5%;
    height: .6rem;
    line-height: 2.2;
    text-align: center;
    background: #f8f8f8;
    color: #666;
    -moz-border-radius: .6rem;
    border-radius: .6rem;
    margin-bottom: .3rem
}

.modal-month-list li.on {
    color: white;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043)
}

.scenic-theme .tab-header-nav ul li {
    color: #333333;
    padding: 0 0.2rem
}

.scenic-theme .tab-header-nav ul li.on {
    color: white
}

.ranking-city-name {
    position: absolute;
    text-align: center;
    top: .85rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: .32rem;
    line-height: 1;
    color: white;
    padding: 0 .25rem
}

.ranking-city-name:before,
.ranking-city-name:after {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    display: block;
    width: 1.13rem;
    height: .1rem;
    margin-top: -.05rem;
    background: url(/static/img/scenic/hot-title.png) no-repeat center;
    -moz-background-size: 100%;
    background-size: 100%
}

.ranking-city-name:after {
    left: 100%;
    right: inherit;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.hot-scenic {
    position: relative;
    background: #1e45a8
}

.hot-scenic .attractions-list li {
    background: white;
    padding: .3rem .2rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    margin-bottom: .12rem
}

.hot-scenic .attractions-list li .left {
    position: relative
}

.hot-scenic .attractions-list li .left p {
    position: absolute;
    left: 0;
    top: 0;
    font-size: .2rem;
    font-weight: 600;
    line-height: 1;
    padding: .12rem;
    -moz-border-radius: 0 .3rem .3rem 0;
    border-radius: 0 .3rem .3rem 0;
    text-transform: uppercase;
    color: white;
    background-image: -webkit-gradient(linear, left top, right top, from(#4391ff), to(#84b3ff));
    background-image: -webkit-linear-gradient(left, #4391ff, #84b3ff);
    background-image: -moz- oldlinear-gradient(left, #4391ff, #84b3ff);
    background-image: linear-gradient(to right, #4391ff, #84b3ff)
}

.hot-scenic .attractions-list li .left p.top-1 {
    background-image: -webkit-gradient(linear, left top, right top, from(#fa414b), to(#ff6d46));
    background-image: -webkit-linear-gradient(left, #fa414b, #ff6d46);
    background-image: -moz- oldlinear-gradient(left, #fa414b, #ff6d46);
    background-image: linear-gradient(to right, #fa414b, #ff6d46)
}

.hot-scenic .attractions-list li .left p.top-2 {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff6f37), to(#ffa025));
    background-image: -webkit-linear-gradient(left, #ff6f37, #ffa025);
    background-image: -moz- oldlinear-gradient(left, #ff6f37, #ffa025);
    background-image: linear-gradient(to right, #ff6f37, #ffa025)
}

.hot-scenic .attractions-list li .left p.top-3 {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffa106), to(#ffc419));
    background-image: -webkit-linear-gradient(left, #ffa106, #ffc419);
    background-image: -moz- oldlinear-gradient(left, #ffa106, #ffc419);
    background-image: linear-gradient(to right, #ffa106, #ffc419)
}

.hot-scenic .attractions-list li .tit {
    margin-bottom: .1rem
}

.hot-scenic .attractions-list li .hot-sold-icon {
    position: absolute;
    right: 0;
    bottom: -.06rem
}

.hot-sold-icon {
    position: relative;
    padding: 0.06rem .2rem 0.06rem .45rem;
    line-height: 1;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    color: white;
    font-size: .2rem;
    background-image: -webkit-gradient(linear, left top, right top, from(#fc8128), to(#ff4f2b));
    background-image: -webkit-linear-gradient(left, #fc8128, #ff4f2b);
    background-image: -moz- oldlinear-gradient(left, #fc8128, #ff4f2b);
    background-image: linear-gradient(to right, #fc8128, #ff4f2b)
}

.hot-sold-icon:before {
    content: '';
    position: absolute;
    left: .1rem;
    bottom: .06rem;
    display: block;
    width: .25rem;
    height: .32rem;
    background: url(/static/img/other/icon/fire.png) no-repeat center;
    -moz-background-size: .25rem .32rem;
    background-size: .25rem .32rem
}

.scenic-preview {
    background: #85a2a7 url(/static/img/scenic/realdata-bg.jpg) no-repeat left top;
    -moz-background-size: 100%;
    background-size: 100%
}

.scenic-preview-list li {
    margin-top: .2rem;
    font-size: .26rem;
    color: #9baeb9;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    overflow: hidden
}

.scenic-preview-list .flex-mid {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 1.25rem;
    flex: 0 0 1.25rem;
    text-align: center
}

.scenic-preview-list .tag {
    display: inline-block;
    height: .32rem;
    margin-top: .12rem;
    padding: 0 .17rem;
    line-height: .32rem;
    font-size: .22rem;
    color: #0099ff;
    border: 1px solid #b2e0ff;
    -moz-border-radius: .16rem;
    border-radius: .16rem
}

.scenic-preview-list .tag.green {
    color: #007c36;
    border: 1px solid #b2d7c2
}

.scenic-preview-list .tag.orange {
    color: #ff6600;
    border: 1px solid #ffd3b6
}

.scenic-preview-list .num {
    color: #333;
    font-size: .46rem;
    font-weight: bold
}

.scenic-preview-list .hd {
    padding: .1rem 0 .22rem
}

.scenic-preview-list .bd {
    height: .78rem;
    padding: 0 .3rem;
    color: #fff;
    font-size: .32rem;
    line-height: .78rem;
    background: -webkit-linear-gradient(350deg, #ec7043, #18c77a);
    background: -moz- oldlinear-gradient(350deg, #ec7043, #18c77a);
    background: linear-gradient(100deg, #ec7043, #18c77a)
}

.banner-box {
    height: 2.4rem;
    background: none;
    -moz-border-radius: 0.12rem;
    border-radius: 0.12rem;
    margin: 0 .24rem .2rem
}

.banner-box li {
    height: 2.4rem
}

.banner-box img {
    height: 100%;
    -moz-border-radius: 0.12rem;
    border-radius: 0.12rem
}

.banner-box .swiper-container {
    background: none !important;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem
}

.banner-box .swiper-pagination {
    bottom: 0.2rem !important
}

.banner-box .swiper-pagination .swiper-pagination-bullet {
    opacity: .5;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    width: .06rem;
    height: .06rem
}

.banner-box .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043);
    width: .28rem;
    height: .06rem;
    -moz-border-radius: .03rem;
    border-radius: .03rem
}

.bg-dark {
    position: relative;
    background-color: #d5ebf7;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    padding: .3rem 0
}

.bg-dark .wrap-title {
    margin: 0 .3rem
}

.bg-dark .tab-header-nav {
    position: relative;
    padding-bottom: .3rem;
    border-bottom: 1px solid #e9f4fa
}

.bg-dark .tab-header-nav .tab-header::before {
    content: '';
    display: inline-block;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: .3rem;
    height: .3rem
}

.bg-dark .tab-header-nav .tab-header.trns-item li {
    background-color: transparent;
    font-size: .32rem
}

.bg-dark .tab-header-nav .tab-header.trns-item li.active {
    background-color: transparent;
    color: #ec7043;
    font-size: .4rem
}

.bg-dark .tab-header-nav li {
    background-color: #bedff1;
    color: #333333
}

.bg-dark .tab-header-nav li.active {
    font-weight: bold;
    background-color: #ec7043;
    color: white
}

.bg-dark .list-wrap {
    margin: 0 .3rem
}

.bg-dark .list-wrap .list-item {
    padding: .3rem 0;
    border-bottom: 1px solid #e9f4fa
}

.bg-dark .list-wrap .list-item a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bg-dark .list-wrap .list-item a.group_reverse .list-cover {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-left: 0;
    margin-right: .3rem
}

.bg-dark .list-wrap .list-item a .desc-info {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bg-dark .list-wrap .list-item a .desc-info .price-btn {
    color: #ec7043;
    border: 1px solid #ec7043;
    -moz-border-radius: .45rem;
    border-radius: .45rem
}

.bg-dark .list-wrap .list-item a .list-cover {
    position: relative;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 1.8rem;
    flex: 0 0 1.8rem;
    margin-left: .3rem;
    height: 1.2rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    overflow: hidden
}

.bg-dark .list-wrap .list-item a .list-cover img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.bg-dark .list-wrap .list-item a .list-cover .hot-num {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    padding: .05rem .1rem;
    font-size: .2rem;
    color: white;
    -moz-border-radius: 0 .3rem 0 0;
    border-radius: 0 .3rem 0 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff5400), to(#fc0));
    background-image: -webkit-linear-gradient(left, #ff5400 0%, #fc0 100%);
    background-image: -moz- oldlinear-gradient(left, #ff5400 0%, #fc0 100%);
    background-image: linear-gradient(90deg, #ff5400 0%, #fc0 100%)
}

.bg-dark .list-wrap .list-item a .list-cover .hot-num.num-2 {
    background-image: -webkit-gradient(linear, left top, right top, from(#ec7043), to(#8ec31f));
    background-image: -webkit-linear-gradient(left, #ec7043 0%, #8ec31f 100%);
    background-image: -moz- oldlinear-gradient(left, #ec7043 0%, #8ec31f 100%);
    background-image: linear-gradient(90deg, #ec7043 0%, #8ec31f 100%)
}

.bg-dark .list-wrap .list-item a .list-cover .hot-num.num-3 {
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#8ec31f));
    background-image: -webkit-linear-gradient(left, #8ec31f 0%, #8ec31f 100%);
    background-image: -moz- oldlinear-gradient(left, #8ec31f 0%, #8ec31f 100%);
    background-image: linear-gradient(90deg, #8ec31f 0%, #8ec31f 100%)
}

.bg-dark .list-wrap .list-item a .update-time {
    color: #9fb2bd
}

.bg-dark .list-wrap .list-item.big-cover {
    height: 4.2rem;
    width: 6.3rem
}

.bg-dark .list-wrap .list-item.big-cover a {
    position: relative;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    overflow: hidden
}

.bg-dark .list-wrap .list-item.big-cover a::after {
    content: '';
    position: absolute;
    bottom: 0;
    top: 45%;
    left: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    background-image: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0))
}

.bg-dark .list-wrap .list-item.big-cover a .list-cover {
    height: 4.2rem;
    width: 100%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
}

.bg-dark .list-wrap .list-item.big-cover a .desc-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: .3rem;
    color: white;
    z-index: 2
}

.bg-dark .list-wrap .list-item.big-cover a .desc-info .desc-title {
    display: block;
    height: auto
}

.public-service {
    background-repeat: no-repeat;
    background-position: 0 0;
    -moz-background-size: 100% 4.89rem;
    background-size: 100% 4.89rem;
    background-color: #FFF;
}

.public-service .bg-wrap {
    margin: .3rem
}

.public-service .wrap-title {
    font-size: .4rem;
    font-weight: bolder;
    line-height: 2
}

.public-service .service-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.public-service .service-list .service-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 1.3rem;
    flex: 0 0 1.3rem;
    margin-right: .1rem;
    margin-bottom: .1rem
}

.public-service .service-list .service-item:nth-child(5n) {
    margin-right: 0
}

.public-service .service-list .service-item.half-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 calc(50% - .1rem);
    flex: 0 0 calc(50% - .1rem);
    margin-right: .2rem;
    margin-bottom: 0
}

.public-service .service-list .service-item.half-item:last-child {
    margin-right: 0
}

.public-service .service-list .service-item.half-item img {
    height: 1.9rem
}

.public-service .service-list .service-item img {
    display: block;
    height: 1.31rem
}

.discover-page .head-search {
    padding: .28rem .24rem 0;
    margin-bottom: 0.5rem
}

.discover-page .tempWrap {
    padding: 0 .24rem
}

.discover-page .tempWrap ul {
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.8rem
}

.discover-page .tempWrap .icon-box {
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: .92rem;
    border-radius: .92rem;
    width: 0.92rem;
    height: 0.92rem
}

.discover-page .tempWrap .text {
    font-size: .26rem;
    color: white;
    display: block;
    margin-top: 0.2rem
}

.discover-page .tempWrap li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.discover-page .tempWrap li a {
    display: block
}

.discover-page .hot-line {
    padding: 0 .08rem
}

.discover-page .hot-line .item-1 {
    height: 3.08rem;
    margin-bottom: .15rem
}

.discover-page .hot-line .item-1 .flex-item:first-child a {
    height: 3.08rem
}

.discover-page .hot-line .item-1 .flex-item:last-child a {
    height: 1.5rem
}

.discover-page .hot-line .item-1 .flex-item:last-child a:first-child {
    margin-bottom: .08rem
}

.discover-page .hot-line .item-2 a {
    height: 1.5rem
}

.discover-page .hot-line .flex-item {
    padding: 0 .04rem
}

.discover-page .hot-line .flex-item a {
    display: block;
    position: relative;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem
}

.discover-page .hot-line .flex-item p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgba(0, 0, 0, 0.3)
}

.discover-page .hot-line .flex-item p span {
    font-size: .28rem;
    display: block;
    position: absolute;
    bottom: 0;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .15rem
}

.discover-page .hot-line img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.discover-page .tab-btn-h {
    height: 0.79rem
}

.discover-page .tab-btn {
    line-height: 0.8rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.2rem;
    background-color: white
}

.discover-page .tab-btn li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.28rem;
    text-align: center;
    position: relative
}

.discover-page .tab-btn li.cur {
    font-weight: 700;
    font-size: .36rem;
    color: #ec7043;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.discover-page .tab-btn li.cur:after {
    content: '';
    bottom: 0;
    width: .4rem;
    left: 50%;
    position: absolute;
    height: .06rem;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.discover-page .fixedTab {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    margin-top: 0;
    position: fixed
}

.discover-page .tab-item {
    display: none;
    padding-top: 0.01rem
}

.discover-page .tab-item .panel-body {
    padding: 0 0.3rem
}

.discover-page .icon-remark,
.discover-page .sprite-clock {
    top: -0.02rem;
    position: relative
}

.discover-page .article-box {
    background-color: white;
    padding: 0.3rem
}

.discover-page .img-list-2 {
    overflow: hidden
}

.share-tips .pservice-content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4.54rem;
    height: 5.61rem;
    background: url(/static/img/surround/prompt.png) no-repeat center center;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.share-tips .pservice-content .flex-box {
    margin: 1.5rem .18rem 0;
    height: 1.5rem;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mod-box {
    background-color: white;
    -moz-border-radius: 0.12rem;
    border-radius: 0.12rem;
    margin: 0 .24rem .2rem;
    padding: .15rem 0 .24rem
}

.mod-box .mod-tit {
    line-height: 1rem;
    font-size: .36rem;
    padding: 0 .2rem
}

.mod-box .mod-tit span {
    float: right
}

.mod-box .mod-tit i {
    font-size: 0.28rem
}

.mod-box .mod-tit a {
    display: block
}

.activity-list {
    padding: 0 .2rem
}

.activity-list li {
    height: 3rem
}

.activity-list li+li {
    margin-top: 0.2rem
}

.activity-list li a {
    display: block;
    height: 100%
}

.activity-list li .pic {
    float: left;
    width: 2.24rem;
    height: 100%;
    position: relative
}

.activity-list li .pic span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    line-height: .4rem;
    padding: 0 .1rem;
    background-image: -webkit-gradient(linear, right top, left top, from(#fd6392), to(#ff3537));
    background-image: -webkit-linear-gradient(right, #fd6392, #ff3537);
    background-image: -moz- oldlinear-gradient(right, #fd6392, #ff3537);
    background-image: linear-gradient(to left, #fd6392, #ff3537);
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
    color: #fff;
    font-size: .2rem
}

.activity-list li .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.activity-list li .infos {
    margin-left: 2.54rem
}

.activity-list li .infos p {
    font-size: 0.24rem;
    line-height: .38rem;
    margin-top: .1rem
}

.activity-list li .infos p span {
    color: #999
}

.activity-list li .infos .label {
    margin: 0;
    line-height: .28rem
}

.activity-list li .infos .title {
    font-size: 0.3rem;
    line-height: .5rem;
    margin-bottom: .15rem
}

.venue-page {
    background: #e9f4fa
}

.venue-page .venue-hd {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    background: #e9f4fa
}

.venue-page .venue-hd .flex-r {
    width: .7rem
}

.venue-page .venue-hd .sprite_calendar {
    display: inline-block;
    margin-top: .05rem
}

.venue-page .venue-hd .calendar .date {
    display: inline-block;
    width: 1.17rem;
    margin-right: .06rem;
    padding: .12rem 0;
    font-size: .24rem;
    color: #111;
    text-align: center;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    background: #e9f4fa
}

.venue-page .venue-hd .calendar .date:last-child {
    margin-right: 0
}

.venue-page .venue-hd .calendar .date em {
    font-size: .22rem
}

.venue-page .venue-hd .calendar .date.active {
    color: #fff;
    background: #ec7043
}

.venue-page .venue-hd .calendar .date.active em {
    color: #8aedc2
}

.venue-page .venue-hd .header-tab {
    -moz-border-radius: .2rem;
    border-radius: .2rem
}

.venue-page .venue-list {
    color: #9baeb9
}

.venue-page .venue-list li {
    margin-bottom: .2rem;
    padding: .3rem .3rem .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    background: #fff
}

.venue-page .venue-list li .pic {
    position: relative
}

.venue-page .venue-list .title {
    margin-top: .2rem;
    font-size: .36rem;
    font-weight: bold;
    color: #333
}

.venue-page .venue-list .flex-box {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.venue-page .venue-list .flex-date {
    position: relative;
    margin: .12rem 0 .2rem;
    padding: .17rem .2rem .15rem;
    background: #f8fcfd
}

.venue-page .venue-list .flex-date+.flex-box {
    min-height: .6rem
}

.venue-page .venue-list .flex-date::before {
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: .46rem;
    width: .49rem;
    background: url(/static/img/scenic/clock.png) no-repeat top;
    -moz-background-size: 100%;
    background-size: 100%
}

.venue-page .venue-list .collect {
    display: inline-block;
    position: absolute;
    right: .1rem;
    bottom: .1rem;
    height: .74rem;
    width: .74rem;
    line-height: .74rem;
    text-align: center;
    border: 1px solid #bbbcbc;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.26)
}

.venue-page .venue-list .collect .iconfont {
    color: #fff;
    font-size: .4rem
}

.venue-page .venue-list .collect .icon-shoucang-xuanzhong {
    color: #8ec31f
}

.venue-page .venue-list .icon-dizhi {
    margin-right: .06rem;
    color: #8ec31f
}

.venue-page .search-wrap .local-search-wrap {
    padding: 0;
    background: #fff !important
}

.venue-page .scroll-yellow li {
    -moz-border-radius: .2rem;
    border-radius: .2rem
}

.venue-page .scroll-yellow li img {
    -moz-border-radius: .2rem;
    border-radius: .2rem
}

.venue-page .scroll-yellow li .addre {
    color: #9baeb9
}

.venue-page .scroll-yellow li .iconfont {
    color: #8ec31f
}

.venue-page .scroll-yellow li .img {
    position: relative
}

.venue-page .scroll-yellow li .text_con {
    border-top: 1px solid #dbebf3
}

.venue-page .scroll-yellow li .sprite_wlrz {
    display: inline-block;
    position: absolute;
    top: .1rem;
    right: .1rem
}

.venue-page .collect-box li {
    padding: 0
}

.venue-page .collect-box li .item-scroll {
    padding: .3rem 0
}

.venue-page .collect-box li .item-main {
    padding-right: .3rem
}

.tab-header-nav {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 0.56rem
}

.tab-header-nav::-webkit-scrollbar {
    display: none
}

.tab-header-nav ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.tab-header-nav ul:after {
    content: '';
    display: inline-block;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: .1rem;
    height: .1rem
}

.tab-header-nav ul li {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 0.56rem;
    line-height: 0.56rem;
    padding: 0 0.38rem;
    margin: 0 0.16rem 0 0;
    -moz-border-radius: 0.28rem;
    border-radius: 0.28rem;
    background-color: #f3f3f3;
    color: #666;
    -webkit-transition: background-color ease-in .2s, color ease-in .2s;
    -moz-transition: background-color ease-in .2s, color ease-in .2s;
    transition: background-color ease-in .2s, color ease-in .2s
}

.tab-header-nav ul li.on {
    color: white;
    background-image: -webkit-gradient(linear, left top, right top, from(#f7a684), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #f7a684, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #f7a684, #ec7043);
    background-image: linear-gradient(90deg, #f7a684, #ec7043)
}

.scroll-strategy ul,
.attractions-box ul {
    padding: 0.2rem 0.3rem;
}

.periphery .scroll-strategy ul,
.hncz-page .scroll-strategy ul,
.periphery .attractions-box ul {
    background: #f5f5f5;
}

.list-footer {
    background-color: #fff;
    padding-bottom: 20px;
}

.list-footer a {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #ec7043;
    margin: 0px 20px 8px;
    font-size: 0.34rem;
    background-color: rgba(249, 202, 182, .08);
    text-align: center;
}

.raiders-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0.3rem
}

.raiders-box .raiders-list {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding: 0.2rem 0 0;
    margin-left: 0.2rem
}

.raiders-box .raiders-list:first-child {
    margin-left: 0
}

.raiders-box .raiders-list a {
    display: block
}

.raiders-box .raiders-list li {
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    margin-bottom: 0.5rem;
    min-height: 3.3rem
}

.raiders-box .raiders-list li .tit {
    color: #333333;
    font-size: 0.26rem;
    line-height: 0.38rem;
    margin-bottom: 0.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.raiders-box .raiders-list li .pic {
    margin-bottom: 0.1rem
}

.raiders-box .raiders-list li .pic img {
    display: block;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%
}

.raiders-box .raiders-list li .other {
    height: 0.28rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.raiders-box .raiders-list li .other .head {
    width: 0.36rem;
    height: 0.36rem;
    top: 0.06rem;
    margin-right: 0.1rem;
    display: inline-block
}

.raiders-box .raiders-list li .other .head img {
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.raiders-box .raiders-list li .other-l {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.22rem;
    color: #999;
    height: 0.36rem;
    line-height: 0.36rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.raiders-box .raiders-list li .other-r {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: right
}

.article-list .mg-btm-xxs {
    margin-bottom: 0.05rem !important
}

.article-list .label {
    float: left;
    margin-bottom: 0
}

.article-list .view-btn .sprite-icon,
.article-list .view-btn .yellow-back,
.article-list .js-like-btn .sprite-icon,
.article-list .js-like-btn .yellow-back {
    top: -0.02rem;
    position: relative
}

.article-list .view-btn em,
.article-list .js-like-btn em {
    top: 0.02rem;
    position: relative
}

.zixun-list .raiders-list-item .graphic-item img {
    width: 1.8rem;
    height: 1.2rem;
    min-height: auto;
    max-height: 4.46667rem
}

.guide-list {
    width: 100%;
    padding-top: .3rem;
    overflow: hidden
}

.guide-list>li {
    float: left;
    width: 50%;
    height: 3.84rem;
    overflow: hidden
}

.guide-list>li a {
    display: block
}

.guide-list>li:nth-child(odd) a {
    margin-right: .1rem
}

.guide-list>li:nth-child(even) a {
    margin-left: .1rem
}

.guide-list>li img {
    display: block;
    margin-bottom: .2rem;
    height: 2.3rem;
    width: 100%;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.guide-list>li .name {
    font-size: .3rem;
    margin-bottom: .15rem
}

.guide-list>li .name i {
    color: #ec7043;
    margin-left: .15rem
}

.guide-list>li .name i.female {
    color: #ff85be
}

.guide-list>li .label {
    float: left
}

.guide-banner {
    position: relative;
    height: 5rem
}

.guide-banner .pic img {
    -moz-border-radius: 0;
    border-radius: 0;
    display: block;
    width: 100%;
    height: auto
}

.guide-banner .swiper-text {
    top: inherit;
    bottom: 0rem
}

.guide-info {
    position: relative;
    top: -.2rem;
    z-index: 10;
    -moz-border-radius: .3rem .3rem 0 0;
    border-radius: .3rem .3rem 0 0
}

.guide-info .hd {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .3rem
}

.guide-info .hd img {
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 1.38rem;
    height: 1.38rem;
    margin-right: .3rem
}

.guide-info .hd div {
    color: #999;
    font-size: .24rem;
    position: relative;
    top: -.1rem
}

.guide-info .hd div b {
    color: #000;
    font-size: .42rem;
    margin-right: .3rem
}

.guide-info .hd .tag {
    padding-top: .05rem
}

.guide-info .hd .price {
    font-size: .2rem
}

.guide-info .hd .price span {
    color: #ff3260;
    margin-right: .2rem
}

.guide-info .hd .price i {
    font-size: .36rem
}

.guide-info .bd {
    background: #f3f3f3;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #999;
    padding: .2rem .3rem;
    line-height: .36rem;
    font-size: .24rem
}

.guide-info .service {
    padding: .5rem 0 .58rem;
    overflow: hidden
}

.guide-info .service>p {
    font-size: .32rem;
    line-height: .48rem;
    margin-bottom: .4rem
}

.guide-info .service li {
    float: left;
    width: 25%;
    text-align: center
}

.guide-info .service li p {
    height: .86rem;
    margin-bottom: .15rem
}

.guide-info .service li p i {
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    width: .88rem;
    height: .88rem;
    line-height: .88rem;
    font-size: .5rem
}

.guide-info .service li p .s-0 {
    color: #5fc781
}

.guide-info .service li p .s-1 {
    color: #5d86db
}

.guide-info .service li p .s-2 {
    color: #e1765e
}

.guide-info .service li p .s-3 {
    color: #e4c25b
}

.guide-content {
    background: #fff;
    padding: .5rem .3rem;
    line-height: .48rem
}

.footer-pd {
    padding-bottom: 1rem
}

.btn-guide-contact {
    position: fixed;
    bottom: 0;
    background: #ec7043;
    font-size: .36rem;
    line-height: 1rem;
    width: 100%;
    max-width: 640px;
    text-align: center;
    z-index: 11
}

.btn-guide-contact a {
    display: block;
    color: #fff
}

.footer-bottom-pd {
    padding-bottom: 1.45rem
}

.bg-body {
    background-color: #f2f3f5
}

.header {
    position: relative;
    height: 0.88rem;
    line-height: 0.88rem;
    background: #fff;
    text-align: center;
    color: #fff;
    z-index: 99
}

.header:after {
    content: "\20";
    display: block;
    clear: both;
    height: 0
}

.header h1,
.header p {
    color: #333333;
    display: block;
    width: 70%;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.36rem;
    font-weight: normal;
    overflow: hidden
}

.header .back {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: .14rem;
    left: .1rem;
    width: .6rem;
    height: .6rem
}

.header .back i {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 0 0 .1rem;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    vertical-align: middle;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.2s ease-in
}

.header .head_more {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: .14rem;
    right: .1rem;
    width: .6rem;
    height: .6rem
}

.header .head_more.share-btn i {
    display: block;
    width: .32rem;
    height: .32rem;
    background: url(/static/img/yellow/share_32.png) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.search-company {
    background: url(/static/img/yellow/p_jituan.jpg) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    padding: .28rem .32rem 0;
    height: 3.4rem
}

.search-company .icon-fanhuijian {
    color: #fff;
    line-height: .6rem;
    font-size: .36rem
}

.scroll-yellow li {
    -ms-flex-preferred-size: 47.5%;
    flex-basis: 47.5%;
    margin-right: .3rem;
    margin-bottom: .3rem;
    background: #fff;
    -moz-border-radius: .1rem;
    border-radius: .1rem
}

.scroll-yellow li:nth-child(2n+2) {
    margin-right: 0
}

.scroll-yellow li a {
    display: block;
    position: relative
}

.scroll-yellow li a .tag {
    position: absolute;
    top: .12rem;
    left: .12rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    font-size: .2rem;
    display: inline-block;
    line-height: .3rem;
    padding: 0 .15rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem
}

.scroll-yellow li img {
    height: 2.2rem;
    -moz-border-radius-bottomleft: 0 !important;
    border-bottom-left-radius: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-bottom-right-radius: 0 !important
}

.prod-info .flex-item a {
    padding: .2rem 0
}

.company-list {
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-top-width: 1px;
    padding: 0 .3rem
}

.company-list li {
    padding: .4rem 0;
    height: 1.5rem;
    position: relative;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.company-list li>a {
    display: block
}

.company-list li .left {
    width: 78%
}

.company-list li .right {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.32rem;
    height: 1.32rem;
    margin-top: -0.66rem
}

.company-list li .right .circle-progress {
    width: 66px;
    height: 66px;
    float: right
}

.company-list li .right .score {
    position: absolute;
    top: 16px;
    color: #6ED2A7;
    font-size: 11px;
    text-align: center;
    width: 66px;
    line-height: 18px
}

.company-list li .right .score b {
    color: #16b771;
    font-size: 18px
}

.company-list li .info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.company-list li .info div {
    width: 100%
}

.company-list li .info img {
    width: .72rem;
    height: .72rem;
    margin-right: .2rem
}

.company-list li .info .tit {
    width: 86%;
    font-size: .3rem;
    margin-bottom: .05rem;
    position: relative;
    margin-top: -0.1rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-list li .info .tags {
    margin-bottom: .2rem
}

.company-list li .other {
    color: #999;
    font-size: .22rem;
    line-height: .32rem
}

.company-list .no-data {
    height: auto
}

.company-more {
    text-align: center;
    height: .5rem;
    padding: .4rem 0;
    overflow: hidden
}

.company-more a {
    position: relative;
    color: #ec7043;
    font-size: .26rem;
    display: inline-block;
    padding: 0 .25rem
}

.company-more a:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #ec7043
}

.txt_tuwen {
    padding: 0 .3rem
}

.txt_tuwen a {
    display: block;
    padding: .3rem 0;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-bottom-width: 1 !important;
    -webkit-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch
}

.txt_tuwen a:last-child {
    border: 0
}

.txt_tuwen .img {
    position: relative;
    width: 2.7rem;
    float: left;
    height: 1.8rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    padding: 0
}

.txt_tuwen .img img {
    width: 2.7rem;
    height: 1.8rem
}

.txt_tuwen .text_con {
    display: block;
    height: 1.8rem;
    margin-left: 2.9rem
}

.txt_tuwen .text_con b {
    display: -webkit-box;
    margin-bottom: .1rem;
    font-size: .3rem;
    font-weight: 400
}

.txt_tuwen .text_con p {
    float: left;
    color: #999;
    font-size: .24rem
}

.txt_tuwen .text_con p span i {
    display: inline-block;
    vertical-align: middle;
    margin: -.05rem .05rem 0 0;
    font-size: .24rem
}

.txt_tuwen .text_con p span .kan {
    width: .28rem;
    height: .21rem;
    background: url(/static/img/yellow/kan.png) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.txt_tuwen .text_con .is-liked {
    color: #ec7043
}

.txt_tuwen .text_con .is-liked i {
    color: #ec7043
}

.txt_tuwen .text_con .type {
    width: 200%;
    float: left;
    margin-bottom: -.3rem;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    height: .8rem;
    overflow: hidden
}

.txt_tuwen .text_con .type span {
    display: inline-block;
    margin-right: .1rem;
    padding: 0 .1rem;
    border: 1px solid #aaa;
    -moz-border-radius: .07rem;
    border-radius: .07rem;
    font-size: .4rem;
    color: #999;
    margin: .07rem 0
}

.yellow-page {
    background: #e9f4fa
}

.yellow-page .yellow-wrap {
    position: relative;
    padding-top: .3rem
}

.yellow-page .yellow-wrap::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 6.92rem;
    background: url(/static/img/yellow/yellowbg.png) no-repeat;
    -moz-background-size: 100%;
    background-size: 100%;
    z-index: -1
}

.yellow-page .section {
    display: block;
    background: #fff;
    -moz-border-radius: .2rem;
    border-radius: .2rem
}

.yellow-page .section .title {
    font-size: .34rem;
    font-weight: bold
}

.yellow-page .section .title .more {
    float: right;
    font-size: .26rem;
    font-weight: 400;
    color: #9baeb9
}

.yellow-page .section .title .icon-arrow_rgt {
    margin-left: .14rem;
    font-size: .28rem
}

.yellow-page .txt-base {
    padding-right: .3rem;
    min-height: 1.7rem;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #dbebf3
}

.yellow-page .txt-base .flex-l {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 2.6rem;
    flex: 0 0 2.6rem;
    text-align: center;
    border-right: 1px solid #dbebf3
}

.yellow-page .txt-base .flex-l img {
    height: 1.72rem !important;
    -moz-border-radius-topleft: .2rem;
    border-top-left-radius: .2rem
}

.yellow-page .txt-base .flex-item {
    padding-left: .3rem
}

.yellow-page .txt-base .flex-item .title {
    margin-bottom: .16rem
}

.yellow-page .txt-base .flex-item p {
    float: left;
    color: #999;
    font-size: .24rem
}

.yellow-page .txt-base .flex-item p span .icon-liulan {
    display: inline-block;
    vertical-align: middle;
    margin: -.05rem .1rem 0 0;
    font-size: .36rem
}

.yellow-page .txt-renz {
    position: relative;
    padding: 0 .3rem;
    height: 1.03rem;
    line-height: 1.03rem;
    border-bottom: 1px solid #f3fbf7;
    background: #f3fbf7
}

.yellow-page .txt-renz .ico {
    display: inline-block;
    margin-right: .2rem;
    vertical-align: middle
}

.yellow-page .txt-renz::before,
.yellow-page .txt-renz::after {
    position: absolute;
    bottom: -.1rem;
    display: inline-block;
    content: '';
    height: .2rem;
    width: .2rem;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.yellow-page .txt-renz::before {
    left: -.1rem;
    background: #0d704b
}

.yellow-page .txt-renz::after {
    right: -.1rem;
    background: #4ea877
}

.yellow-page .txt-intro {
    padding: .22rem .2rem
}

.yellow-page .txt-intro b {
    font-size: .34rem
}

.yellow-page .txt-intro .phase {
    margin-top: .22rem;
    padding: .2rem .28rem .25rem;
    background: #fafbfc;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    border: 1px dashed #fafbfc
}

.yellow-page .sub-title {
    padding: 0 .3rem;
    height: .92rem;
    line-height: .92rem;
    border-bottom: 1px solid #dbebf3
}

.yellow-page .sec-base {
    padding: 0
}

.yellow-page .sec-base .flex-box {
    padding: .19rem .3rem .02rem
}

.yellow-page .sec-base .flex-box .flex-l {
    color: #9baeb9
}

.yellow-page .sec-base .flex-box .iconfont {
    margin-left: .3rem;
    color: #8ec31f
}

.yellow-page .sec-base .flex-box .icon-gongzhonghao {
    font-size: .34rem;
    vertical-align: middle
}

.yellow-page .sec-evaluate .evaluate-list {
    margin: 0 .2rem
}

.yellow-page .sec-evaluate .evaluate-list .item {
    padding: .2rem 0;
    border-bottom: 1px solid #ddd
}

.yellow-page .sec-evaluate .evaluate-list .item:last-child {
    border-bottom: none
}

.yellow-page .sec-evaluate .evaluate-list .flex-box {
    line-height: .6rem
}

.yellow-page .sec-evaluate .evaluate-list .flex-box .date {
    color: #9baeb9
}

.yellow-page .sec-evaluate .evaluate-list .txt {
    line-height: 1.2;
    font-size: .28rem;
    color: #555;
    word-wrap: break-word
}

.yellow-page .sec-evaluate .evaluate-list .pic {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.yellow-page .sec-evaluate .evaluate-list .pic a {
    display: block;
    width: 31%;
    height: 2rem;
    margin: .2rem 3% 0 0
}

.yellow-page .sec-evaluate .evaluate-list .pic a img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.yellow-page .p_text {
    position: relative
}

.yellow-page .p_text.more .txt {
    height: 1.08rem;
    overflow: hidden
}

.yellow-page .p_text.more .txt-unfold {
    display: block
}

.yellow-page .p_text.no_more .txt-unfold {
    display: none
}

.yellow-page .p_text .txt-unfold {
    display: block
}

.fxd {
    z-index: 99
}

.share-tips {
    z-index: 101
}

.search-box {
    padding: .1rem .3rem .2rem;
    position: relative;
    margin-bottom: 0;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.search-box .search-hd {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0
}

.search-box .search-btn {
    font-size: .32rem;
    margin-left: .32rem;
    line-height: .6rem
}

.search-box .del-btn {
    background: url(/static/img/del.png) no-repeat 0 0;
    -moz-background-size: 0.4rem 0.4rem;
    background-size: 0.4rem 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 1.1rem;
    top: 0.1rem;
    margin: 0.1rem 0.3rem;
    z-index: 10
}

.page {
    display: none
}

.page1 {
    background: #fff;
    display: block
}

.search_tit {
    padding: .2rem .3rem;
    color: #999;
    font-weight: bold;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-bottom-width: 1 !important;
    -webkit-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch
}

.search_list a {
    display: block;
    padding: .2rem .3rem;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-bottom-width: 1 !important;
    -webkit-border-image: url(data:image/gif;base64,R0lGODlhBQAFAIABAN3d3f///yH5BAEAAAEALAAAAAAFAAUAAAIHhB9pGatnCgA7) 2 stretch
}

.clear_history {
    display: block;
    padding: .2rem .3rem;
    color: #333333;
    text-align: center
}

.model-sunny {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#059cfc), to(#55d1fe));
    background-image: -webkit-linear-gradient(top, #059cfc, #55d1fe);
    background-image: -moz- oldlinear-gradient(top, #059cfc, #55d1fe);
    background-image: linear-gradient(to bottom, #059cfc, #55d1fe)
}

.model-rain {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1831), to(#bbbad3));
    background-image: -webkit-linear-gradient(top, #1a1831, #bbbad3);
    background-image: -moz- oldlinear-gradient(top, #1a1831, #bbbad3);
    background-image: linear-gradient(to bottom, #1a1831, #bbbad3)
}

.model-snow {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#23bed7), to(#7bd4e5));
    background-image: -webkit-linear-gradient(top, #23bed7, #7bd4e5);
    background-image: -moz- oldlinear-gradient(top, #23bed7, #7bd4e5);
    background-image: linear-gradient(to bottom, #23bed7, #7bd4e5)
}

.model-mai {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5751cb), to(#6f7ce0));
    background-image: -webkit-linear-gradient(top, #5751cb, #6f7ce0);
    background-image: -moz- oldlinear-gradient(top, #5751cb, #6f7ce0);
    background-image: linear-gradient(to bottom, #5751cb, #6f7ce0)
}

.weather-wrap .slogan-img {
    -webkit-filter: brightness(10);
    filter: brightness(10)
}

.weather-wrap section {
    margin-bottom: .5rem;
    -webkit-filter: brightness(10);
    filter: brightness(10);
    color: white
}

.weather-wrap section:last-child {
    margin-bottom: 0
}

.weather-wrap .weather-today {
    text-align: center
}

.weather-wrap .today-cond_code {
    margin-top: .3rem;
    width: 1.3rem;
    height: auto
}

.weather-wrap .today-cond_txt {
    font-size: .36rem
}

.weather-wrap .today-tmp {
    font-size: 1.1rem
}

.weather-wrap .today-desc {
    font-size: .26rem
}

.weather-wrap .weather-forecast p {
    font-size: .3rem;
    margin-bottom: .15rem
}

.weather-wrap .weather-forecast ul {
    border-style: solid;
    border-width: 1px 0;
    border-color: #fff;
    background: rgba(255, 255, 255, 0.05)
}

.weather-wrap .weather-forecast li {
    border-bottom: 1px solid #fff;
    height: .64rem;
    line-height: .64rem;
    text-align: center
}

.weather-wrap .weather-forecast li:last-child {
    border-bottom: 0
}

.weather-wrap .weather-forecast img {
    height: .64rem;
    width: auto
}

.weather-wrap .weather-lifestyle p {
    text-align: center;
    font-size: .32rem;
    margin-bottom: .3rem
}

.weather-wrap .weather-lifestyle ul {
    padding: 0 .5rem
}

.weather-wrap .weather-lifestyle li {
    font-size: .26rem;
    margin-bottom: .15rem
}

.weather-wrap .weather-lifestyle li:last-child {
    margin-bottom: 0
}

.comment-body {
    margin-bottom: 0.4rem
}

.comment-body .comment-list {
    overflow: auto
}

.comment-body .comment-list li {
    position: relative;
    padding-left: 0.9rem;
    margin-top: 0.3rem
}

.comment-body .quanli li {
    padding-left: 0.0rem;
    margin-top: 0.1rem;
    background-color: #f3f3f3;
}

.comment-body .comment-list li .user-icon {
    left: 0;
    width: 0.72rem;
    height: 0.72rem;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute
}

.comment-body .comment-list li .top {
    padding-right: 2.6rem;
    position: relative
}

.comment-body .comment-list li .name {
    font-size: 0.3rem;
    color: #333333
}

.comment-body .comment-list li .text,
.comment-body .comment-list li .audit {
    font-size: 0.24rem;
    color: #999
}

.comment-body .comment-list li .icon-guanzhu,
.comment-body .comment-list li .icon-shanchu {
    color: #999
}

.comment-body .comment-list li .like-btn,
.comment-body .comment-list li .icon-shanchu,
.comment-body .comment-list li .audit {
    top: 0;
    right: 0;
    cursor: pointer;
    position: absolute
}

.comment-body .comment-list li .like-btn.c-main i {
    color: #ec7043
}

.comment-body .comment-list li .like-btn.c-main i.text-sm {
    font-size: 0.32rem !important
}

.comment-body .comment-list li .like-btn .text-xs {
    display: none
}

.comment-body .comment-list li .icon-shanchu {
    right: 0.6rem
}

.comment-body .comment-list li .audit {
    font-size: 0.22rem
}

.comment-body .comment-list li .full-text,
.comment-body .comment-list li .content {
    font-size: 0.28rem
}

.comment-body .comment-list li .content {
    color: #666;
    word-break: break-all
}

.comment-body .quanli li .content i {
    color: #00a95f;
}

.comment-body .quanli li .content .del {
    color: #f63;
    margin-left: 10px;
    text-decoration: underline;
}

.comment-body .comment-list li .full-text {
    color: #16b771
}

.comment-body .comment-btn {
    left: 0;
    bottom: 0;
    width: 100%;
    position: fixed;
    -webkit-box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, 0.1)
}

.comment-body .comment-btn a {
    height: 0.6rem;
    display: block;
    color: #9c9c9c;
    margin: 0.3rem;
    font-size: 0.24rem;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding-left: 0.3rem;
    line-height: 0.6rem;
    background-color: #F2F2F2
}

.comment-body .more i {
    margin-left: 0.1rem
}

.comment-body .more .arrow-btm {
    position: relative;
    top: -0.08rem
}

.comment-body .write {
    border: 1px solid #f3f3f3 !important;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.comment-body .write textarea {
    padding: 0.2rem;
    height: 6.6rem;
    width: 94%
}

.js-add-cart {
    text-align: center;
    font-size: 0.32rem
}

.popuo-package-type {
    margin: 0.2rem 0.2rem 0 0.2rem;
    padding-bottom: 1.3rem
}

.popuo-package-type img {
    -moz-border-radius: inherit;
    border-radius: inherit
}

.popuo-package-type .js-travel-date {
    cursor: pointer
}

.popuo-package-type .good {
    font-size: 0.24rem;
    position: relative;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px;
    padding-bottom: 0.2rem
}

.popuo-package-type .good .pic {
    width: 2.2rem;
    height: 1.46667rem
}

.popuo-package-type .good .info-warp {
    position: absolute;
    bottom: 0.2rem;
    left: 2.4rem
}

.popuo-package-type .good .popuo-price b {
    font-size: 0.3rem
}

.popuo-package-type .good .stock {
    color: #999
}

.popuo-package-type .good .text {
    color: #1b1b1b
}

.popuo-package-type .cart-close {
    position: absolute;
    top: 0.2rem;
    right: 0.4rem;
    width: 0.36rem;
    height: 0.36rem;
    background: url(/static/img/default/cart-close.png.html) no-repeat;
    -moz-background-size: 0.36rem 0.36rem;
    background-size: 0.36rem 0.36rem
}

.popuo-package-type .package_type {
    padding-bottom: 0.3rem;
    max-height: 4rem;
    overflow-y: auto;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.popuo-package-type .package_type .tit {
    color: #1b1b1b;
    padding: 0.3rem 0;
    font-size: 0.28rem
}

.popuo-package-type .package_type ul {
    margin-top: -0.2rem
}

.popuo-package-type .package_type li {
    margin: 0.1rem;
    float: left;
    line-height: 0.52rem;
    height: 0.52rem;
    padding: 0 0.24rem;
    font-size: 0.24rem;
    color: #333333;
    background-color: #f5f5f5;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #f5f5f5;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.popuo-package-type .package_type li.cur {
    border-color: #ec7043;
    color: #ec7043;
    background-color: white
}

.popuo-package-type .quantity {
    padding-top: 0.3rem
}

.popuo-package-type .quantity .tit {
    color: #1b1b1b;
    font-size: 0.28rem
}

.popuo-package-type .quantity .tit span {
    color: #999;
    font-size: 0.24rem
}

.popuo-package-type .quantity .spinner .minus,
.popuo-package-type .quantity .spinner .add {
    cursor: pointer
}

.popuo-package-type .relative {
    z-index: 5
}

.popuo-btn-box {
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute
}

.popuo-btn-box span {
    height: 1rem;
    line-height: 1rem;
    display: block;
    text-align: center;
    font-size: 0.32rem;
    cursor: pointer
}

.submintFix .cart {
    border-style: solid;
    border-width: 0;
    border-color: #e5e5e5;
    border-right-width: 1px;
    text-align: center;
    line-height: normal !important;
    background-color: white;
    padding: 0 .1rem;
    color: #666;
    font-size: 0.28rem
}

.submintFix .cart:before {
    width: .37rem;
    height: .33rem;
    background: url(/static/img/default/cart.png.html) no-repeat;
    -moz-background-size: 100%;
    background-size: 100%;
    content: '';
    display: block;
    margin: 0.2rem auto 0 auto
}

.cart-body {
    margin-bottom: 1.2rem
}

.erp_header .empty {
    top: 50%;
    right: 0.3rem;
    color: #000;
    cursor: pointer;
    margin-top: -0.5rem;
    position: absolute
}

.collect-list,
.cart-list {
    overflow: hidden
}

.collect-list .chk-group input,
.cart-list .chk-group input {
    z-index: 3;
    opacity: 0;
    width: 0.34rem;
    height: 0.34rem;
    display: block;
    position: relative;
    -webkit-appearance: checkbox
}

.collect-list li,
.cart-list li {
    margin-bottom: 0.2rem;
    background-color: white
}

.collect-list li .item-scroll,
.cart-list li .item-scroll {
    position: relative;
    margin-left: 0.9rem;
    min-height: 1.8rem;
    padding: 0.2rem 0;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-top-width: 1px
}

.collect-list li .item-scroll:first-child,
.cart-list li .item-scroll:first-child {
    border-top: 0
}

.collect-list li .left-side,
.cart-list li .left-side {
    top: 50%;
    left: -0.7rem;
    margin-top: -0.1rem;
    position: absolute
}

.collect-list li .del-btn,
.cart-list li .del-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1.2rem;
    width: 1.2rem;
    font-size: .24rem
}

.collect-list li .del-btn p,
.cart-list li .del-btn p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.collect-list li .item-main,
.cart-list li .item-main {
    padding-right: 0.2rem
}

.collect-list li .item-scroll {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.collect-list li .item-scroll .item-main .flex-item {
    width: 6rem
}

.collect-list li.failure .item-main .title-2-line,
.collect-list li.failure .item-main .bg-dark .list-wrap .list-item a .desc-title,
.bg-dark .list-wrap .list-item a .collect-list li.failure .item-main .desc-title,
.collect-list li.failure .item-main p,
.collect-list li.failure .item-main .del,
.collect-list li.failure .item-main .c-grey {
    color: #ccc !important
}

.c-orange {
    color: #ec7043!important;
}

.collect-list li.failure .coupon-label {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.collect-list li.failure .img-warp {
    position: relative
}

.collect-list li.failure .img-warp:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6)
}

.collect-list li.failure .img-warp .failure-icon {
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 1rem;
    height: 0.92rem;
    position: absolute;
    margin-top: -0.41rem;
    margin-left: -0.5rem;
    background: url(/static/img/member/failure.png) no-repeat;
    -moz-background-size: 1rem 0.92rem;
    background-size: 1rem 0.92rem
}

.cart-list .relative {
    z-index: 5
}

.cart-list .spinner .minus,
.cart-list .spinner .add {
    width: 0.5rem;
    height: 0.5rem;
    cursor: pointer
}

.cart-list .spinner .minus {
    left: 0.1rem
}

.cart-list .spinner .add {
    right: .1rem
}

.cart-list .spinner input {
    height: 0.5rem
}

.cart-list li .tit {
    color: #1b1b1b;
    padding: 0.2rem 0 0.2rem 1.3rem;
    font-size: 0.24rem;
    position: relative
}

.cart-list li .tit .chk-group {
    position: absolute;
    left: 0.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cart-list li .tit .travel_date .icon-cangku {
    top: 0.14rem;
    left: 0.9rem;
    font-size: 0.3rem;
    position: absolute
}

.cart-list li .tit .tit-tip {
    margin-left: 0.2rem
}

.cart-list .goods {
    width: 100%;
    padding-left: 2rem;
    position: relative
}

.cart-list .goods .pic {
    top: 0;
    left: 0;
    width: 1.8rem;
    height: 1.8rem;
    position: absolute
}

.cart-list .goods .name {
    color: #1b1b1b;
    font-size: 0.24rem
}

.cart-list .goods .name a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.cart-list .goods .text {
    color: #999;
    font-size: 0.24rem
}

.cart-list .goods .text a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.cart-list .goods .book {
    color: #999;
    font-size: 0.24rem;
    margin-bottom: 0.1rem
}

.cart-list .invalid {
    left: -0.8rem !important;
    font-size: 0.2rem;
    color: white;
    background-color: #ddd;
    padding: 0 0.1rem;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.cart-tips {
    color: #999;
    font-size: 0.24rem;
    padding: 0 0.2rem
}

.submintFix .total-sum {
    width: 50%;
    color: #666;
    padding-left: 0.2rem
}

.submintFix .total-sum em {
    color: #ff3260;
    font-size: 0.24rem
}

.submintFix .total-sum em i {
    font-size: 0.32rem
}

.coupon-login {
    -moz-border-radius: initial !important;
    border-radius: initial !important;
    background: #efefef !important
}

.coupon-login .list_coupon {
    overflow-y: auto;
    height: 6.9rem;
    padding: 0 0.2rem
}

.checkout-counter {
    padding: .2rem;
    overflow: hidden
}

.checkout-counter .pay-btn {
    margin-top: .5rem
}

.checkout-counter .pay-info {
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 1.3rem .2rem 0;
    text-align: center
}

.checkout-counter .pay-info .money {
    line-height: .9rem;
    font-size: .52rem
}

.checkout-counter .pay-info .money b {
    font-size: .8rem
}

.checkout-counter .pay-info p {
    line-height: .56rem;
    font-size: .26rem;
    margin-bottom: 1rem;
    color: #999
}

.checkout-counter .pay-info li {
    color: #666;
    font-size: .3rem;
    text-align: left;
    line-height: 1rem;
    position: relative;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.checkout-counter .pay-info li span {
    font-size: .24rem;
    color: #999
}

.checkout-counter .pay-info li:last-child {
    border-width: 0
}

.checkout-counter .pay-info li label {
    display: block;
    width: 100%;
    height: 1rem
}

.checkout-counter .pay-info li em {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    margin-right: .15rem;
    vertical-align: middle
}

.checkout-counter .pay-info li em.ico_mochou {
    background: url(/static/img/wx_share.png.jpeg) no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.checkout-counter .pay-info li em.ico_weixin {
    background: url(/static/img/pay/logo_weixin.png) no-repeat;
    -moz-background-size: contain;
    background-size: contain
}

.checkout-counter .pay-info li i {
    display: block;
    position: absolute;
    right: .15rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .36rem;
    height: .36rem;
    background: url(/static/img/pay/default-radio.png) no-repeat;
    -moz-background-size: contain;
    background-size: contain
}

.checkout-counter .pay-info li .is-checked {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/static/img/other/icon/checked-yellow.png) no-repeat;
    -moz-background-size: contain;
    background-size: contain
}

.checkout-counter .pay-info li .is-disabled {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/static/img/pay/disabled_radio.png) no-repeat;
    -moz-background-size: contain;
    background-size: contain
}

.checkout-counter .pay-info li input {
    opacity: 0
}

.checkout-counter .money-note {
    color: #999;
    padding: .2rem .2rem 0
}

.checkout-counter .money-note em,
.checkout-counter .money-note a {
    color: #ffa11c
}

.checkout-counter .money-note a {
    text-decoration: underline
}

.pay-pop {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0
}

.pay-pop .shield-box {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 8;
    background: #000;
    opacity: 0.4;
    top: 0;
    left: 0
}

.pay-box {
    position: absolute;
    z-index: 10;
    background: #fff;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 80%;
    padding-bottom: .7rem;
    left: 50%;
    margin-left: -40%;
    top: 25px
}

.pay-box .hd {
    font-size: .36rem;
    line-height: 1rem;
    text-align: center;
    position: relative;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.pay-box .hd i {
    position: absolute;
    right: .3rem;
    top: 50%;
    display: inline-block;
    width: .3rem;
    height: .3rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff url(/static/img/pay/close.png) center no-repeat;
    -moz-background-size: contain;
    background-size: contain
}

.pay-box .money {
    text-align: center;
    padding: .8rem 0 .6rem;
    line-height: .9rem;
    font-size: .52rem;
    overflow: hidden
}

.pay-box .money b {
    font-size: .8rem
}

.pay-box .forget-pwd {
    padding: .2rem .4rem;
    text-align: right
}

.pay-box .forget-pwd a {
    color: #999;
    font-size: .26rem
}

.pwd-box {
    margin: 0 .4rem;
    height: .88rem;
    overflow: hidden;
    border: 1px solid #999
}

.pwd-box li {
    border-right: 1px solid #999;
    height: .88rem;
    float: left;
    width: 16.2%
}

.pwd-box li.on {
    background: url(/static/img/pay/bg_circle.png) center no-repeat;
    -moz-background-size: 25%;
    background-size: 25%
}

.pwd-box li:last-child {
    border-right: none
}

.num-keypad {
    background: url(/static/img/pay/bg_safe.png) no-repeat center center #fff;
    -moz-background-size: 2.3rem auto;
    background-size: 2.3rem auto;
    position: absolute;
    bottom: 0px;
    width: 100%;
    max-width: 640px;
    z-index: 10
}

.num-keypad ul {
    border: 1px solid #e4e4e4;
    overflow: hidden;
    border-bottom: none
}

.num-keypad ul li {
    width: 33.3333%;
    border-bottom: 1px solid #e4e4e4;
    float: left;
    text-align: center;
    font-size: 22px
}

.num-keypad ul li a {
    display: block;
    color: #000;
    height: 50px;
    line-height: 50px;
    overflow: hidden
}

.num-keypad ul li a:active {
    background: #e0e0e0
}

.num-keypad ul li a.middle {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0
}

.num-keypad ul li span {
    display: block;
    color: #ececec;
    background: #ececec;
    height: 50px;
    line-height: 50px;
    overflow: hidden
}

.num-keypad ul li span.del {
    background: url(/static/img/pay/del.png) no-repeat center center #ececec;
    -moz-background-size: .62rem auto;
    background-size: .62rem auto
}

.ico-account {
    background: url(/static/img/pay/ico_account.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.account-info {
    background: url(/static/img/pay/bg_account.jpg) no-repeat center center #ff4138;
    height: 3.8rem;
    color: rgba(255, 255, 255, 0.5)
}

.account-info p {
    color: #fff
}

.account-info .hd {
    padding: .5rem .4rem 0;
    height: 1.9rem
}

.account-info .hd p {
    font-size: .8rem
}

.account-info li {
    float: left;
    width: 50%;
    height: .92rem;
    position: relative
}

.account-info li div {
    padding-left: .4rem
}

.account-info li p {
    font-size: .36rem
}

.account-info li:first-child:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: .92rem;
    background: #e5e5e5
}

.account-disabled {
    background: #d9d9d9
}

.account-disabled .hd i {
    background: url(/static/img/pay/ico_disabled.png) no-repeat;
    display: inline-block;
    width: .36rem;
    height: .36rem;
    margin-left: .15rem;
    -moz-background-size: cover;
    background-size: cover
}

.disabled-note {
    background: #b7b7b7;
    color: #666;
    font-size: .24rem;
    padding: .2rem 0 .2rem .4rem;
    overflow: hidden
}

.disabled-note i {
    background: url(/static/img/pay/ico_note.png) no-repeat;
    height: .26rem;
    width: .26rem;
    margin-right: .1rem;
    -moz-background-size: contain;
    background-size: contain;
    vertical-align: text-bottom
}

.account-manage {
    background: #fff;
    padding: 0 .3rem 0 .4rem;
    margin-bottom: .2rem;
    overflow: hidden
}

.account-manage li {
    color: #666;
    font-size: .3rem;
    position: relative;
    width: 100%;
    line-height: .9rem;
    text-align: right;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.account-manage li a {
    display: block
}

.account-manage li .text {
    float: left;
    width: 80%;
    height: .9rem;
    text-align: left
}

.account-manage li .text i {
    height: .5rem;
    width: .5rem;
    margin-right: .2rem
}

.account-manage li .text .ico-1 {
    background-position: 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.account-manage li .text .ico-2 {
    background-position: 0 -0.6rem;
    -moz-background-size: cover;
    background-size: cover
}

.account-manage li .text .ico-3 {
    background-position: 0 -1.22rem;
    -moz-background-size: cover;
    background-size: cover
}

.account-manage li .text .ico-4 {
    background-position: 0 -1.84rem;
    -moz-background-size: cover;
    background-size: cover
}

.account-manage li .text .ico-5 {
    background-position: 0 -2.53rem;
    -moz-background-size: cover;
    background-size: cover
}

.account-manage li .arrow {
    margin-bottom: .02rem
}

.account-manage li:last-child {
    border-width: 0
}

.recharge-box {
    padding: .4rem .4rem 0;
    overflow: hidden
}

.recharge-box .hd {
    padding: .15rem 0
}

.recharge-box .bd p {
    line-height: .46rem;
    font-size: .26rem;
    margin-bottom: .4rem
}

.recharge-box .bd p a {
    color: #ffa11c
}

.recharge-box .bd .txt-1 {
    margin-bottom: 0
}

.recharge-box .bd .txt-2 {
    color: #999
}

.income-list {
    overflow: hidden;
    padding-left: .3rem
}

.income-list li {
    line-height: .5rem;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.income-list li a {
    display: block;
    padding: .2rem .3rem .2rem 0;
    overflow: hidden
}

.income-list li .left {
    float: left;
    width: 60%
}

.income-list li .right {
    float: right;
    width: 40%;
    text-align: right
}

.income-list li p {
    font-size: .22rem;
    color: #999;
    line-height: .4rem
}

.income-list li:last-child {
    border-width: 0
}

.bill-detail {
    padding-left: .3rem
}

.bill-detail li {
    color: #999;
    padding: .25rem 0;
    overflow: hidden;
    border-style: solid;
    border-width: 0;
    border-color: #f3f3f3;
    border-bottom-width: 1px
}

.bill-detail li:last-child {
    border-width: 0
}

.bill-detail li span {
    color: #333;
    width: 70%;
    float: right;
    text-align: right;
    padding-right: .3rem;
    position: relative
}

.bill-detail li .sprite_arrow-back {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    display: inline-block;
    vertical-align: middle;
    width: .16rem;
    position: absolute;
    top: 50%;
    right: .3rem;
    margin-top: -.21rem
}

.bill-detail li .remark {
    padding-right: .6rem
}

.bill-detail li a {
    display: block
}

.password-note {
    height: .6rem
}

.password-note p {
    height: .6rem;
    line-height: .6rem;
    background: #ffe5e0;
    color: #ffa11c;
    font-size: .24rem;
    width: 100%
}

.password-note p i {
    background: url(/static/img/pay/ico_note_2.png.html) no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    width: .26rem;
    height: .26rem;
    margin: 0 .1rem 0 .38rem
}

.password-step {
    padding: .5rem
}

.password-step h2 {
    font-size: .48rem;
    padding: .3rem 0
}

.password-step .hd p {
    color: #9e9e9e;
    font-size: .26rem;
    margin-bottom: .8rem
}

.password-step ul li {
    padding-top: .5rem;
    overflow: hidden;
    position: relative
}

.password-step ul li input {
    width: 88%;
    padding: .18rem .54rem;
    font-size: .34rem;
    border-bottom: 1px solid #e4e4e4
}

.password-step ul li input:focus {
    border-color: #333
}

.password-step ul li i {
    background: url(/static/img/pay/ico_pay.png) no-repeat;
    display: inline-block;
    width: .26rem;
    position: absolute;
    left: .1rem;
    bottom: .2rem;
    pointer-events: none
}

.password-step ul li .ico-tel {
    height: .32rem;
    background-position: 0 -1.54rem;
    -moz-background-size: cover;
    background-size: cover
}

.password-step ul li .ico-pwd {
    height: .31rem;
    background-position: 0 -.5rem;
    -moz-background-size: cover;
    background-size: cover
}

.password-step ul .on .ico-tel {
    background-position: 0 -1.02rem;
    -moz-background-size: cover;
    background-size: cover
}

.password-step ul .on .ico-pwd {
    background-position: 0 0;
    -moz-background-size: cover;
    background-size: cover
}

.password-step .ver-code .ver-hd {
    font-size: .3rem;
    color: #999;
    margin-bottom: .3rem
}

.password-step .ver-code .ver-hd span {
    color: #666;
    font-size: .24rem;
    float: right;
    padding: 0 .15rem;
    line-height: .4rem
}

.password-step .ver-code .ver-hd span.active {
    border: 1px solid #e4e4e4;
    -moz-border-radius: .2rem;
    border-radius: .2rem
}

.password-step .ver-code .ver-bd {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.password-step .ver-code .ver-bd input {
    border: 1px solid #e4e4e4;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-width: .88rem;
    line-height: .88rem;
    height: .88rem;
    text-align: center;
    margin-right: .2rem
}

.password-step .ver-code .ver-bd input:last-child {
    margin-right: 0
}

.password-step .ver-code .ver-bd input:focus {
    border-color: #333
}

.password-step .forget-pwd {
    color: #999;
    font-size: .26rem;
    text-align: right;
    height: .8rem;
    margin-bottom: -0.8rem
}

.password-step .forget-pwd a {
    display: inline-block;
    margin-top: .3rem
}

.password-step .btn,
.password-step .label {
    margin-top: .8rem
}

.password-step .note {
    padding-top: .3rem;
    color: #999;
    font-size: .26rem;
    line-height: .44rem
}

.password-tpl {
    color: #333;
    padding: .4rem .2rem;
    font-size: .28rem
}

.destination-warp .pd-footer-nav {
    padding-bottom: 1rem
}

.destination-warp .visit-card {
    margin-bottom: 0.5rem
}

.visit-card {
    min-height: 1.6rem;
    padding-left: 1.8rem;
    position: relative;
    padding-right: 0.8rem;
    margin-left: 0.3rem;
    background-color: #f8f8f8
}

.visit-card .pic {
    top: 0;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute
}

.visit-card .pic img {
    -moz-border-radius: 0.07rem 0 0 0.07rem;
    border-radius: 0.07rem 0 0 0.07rem;
    height: 100%
}

.visit-card .name {
    padding-top: 0.2rem;
    color: #000;
    font-weight: 600;
    font-size: 0.32rem
}

.visit-card .text {
    color: #999;
    padding-top: 0.1rem;
    font-size: 0.24rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.visit-card .icon-arrow_rgt {
    top: 50%;
    right: 0.3rem;
    margin-top: -0.2rem;
    position: absolute
}

.destination-box {
    position: relative;
    padding-left: 1.8rem
}

.destination-box img {
    height: 100%
}

.destination-box .sidebar {
    width: 1.8rem;
    margin-left: -1.8rem
}

.destination-box .navigation li {
    color: #666;
    padding: 0.29rem 0 0.29rem 0.24rem;
    font-size: 0.28rem;
    cursor: pointer;
    position: relative
}

.destination-box .navigation li:after {
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 0.06rem;
    position: absolute;
    display: none;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background-image: -webkit-gradient(linear, left top, right top, from(#59cbd4), to(#78d19e));
    background-image: -webkit-linear-gradient(left, #59cbd4, #78d19e);
    background-image: -moz- oldlinear-gradient(left, #59cbd4, #78d19e);
    background-image: linear-gradient(90deg, #59cbd4, #78d19e)
}

.destination-box .navigation li.cur {
    color: #ec7043;
    font-weight: bold;
    background-color: white
}

.destination-box .navigation li.cur:after {
    display: block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.destination-box .content {
    padding-top: 0.5rem;
    width: 100%
}

.destination-box .swiper-box {
    padding: 0 0.3rem;
    margin-bottom: 0.44rem;
    background-color: white
}

.destination-box .swiper-box li {
    height: 1.6rem
}

.destination-box .swiper-box .swiper-pagination {
    bottom: 0.05rem !important
}

.destination-box .swiper-box .swiper-pagination-bullet {
    width: 0.06rem;
    height: 0.06rem
}

.destination-box .swiper-box .swiper-pagination-bullet-active {
    background-image: -webkit-gradient(linear, left top, right top, from(#59cbd4), to(#78d19e));
    background-image: -webkit-linear-gradient(left, #59cbd4, #78d19e);
    background-image: -moz- oldlinear-gradient(left, #59cbd4, #78d19e);
    background-image: linear-gradient(90deg, #59cbd4, #78d19e);
    width: 0.28rem;
    background-color: #ec7043;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important
}

.destination-box .mod-box {
    margin: 0.5rem 0 0 0.3rem;
    padding: 0
}

.destination-box .mod-box:first-child {
    margin-top: 0 !important
}

.destination-box .mod-box .tit {
    font-size: 0.36rem;
    font-weight: 600;
    color: #000
}

.destination-box .mod-box .mod-con {
    margin-top: 0.3rem
}

.destination-box .mod-box .mod-con.swiper-container {
    background-color: transparent
}

.destination-box .thematic-feature {
    overflow-x: scroll
}

.destination-box .thematic-feature li {
    height: 2.55rem;
    width: 1.9rem;
    padding-right: 0.3rem
}

.destination-box .season-box {
    padding: 0 0.3rem 0.6rem 0
}

.destination-box .season-box ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.destination-box .season-box li {
    width: -moz-calc(33% - 5px);
    width: calc(33% - 5px);
    margin: 0.2rem 0 0.6rem;
    position: relative
}

.destination-box .season-box li:nth-child(1),
.destination-box .season-box li:nth-child(2),
.destination-box .season-box li:not(.top3):nth-child(3) {
    margin-top: 0
}

.destination-box .season-box li .name {
    color: #000;
    margin-top: 0.1rem;
    font-size: 0.28rem
}

.destination-box .season-box li a {
    display: block;
    height: 1.6rem
}

.destination-box .scenic-list li {
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px);
    margin-bottom: 0.7rem
}

.destination-box .scenic-list li .name {
    font-size: 0.26rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.destination-box .scenic-list li .bg {
    top: 0;
    left: 0;
    color: white;
    width: 0.7rem;
    height: 0.4rem;
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.2rem;
    position: absolute;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0
}

.destination-box .scenic-list li .img {
    height: 1.6rem
}

.destination-box .scenic-list li.top1 .bg {
    background-image: -webkit-gradient(linear, right top, left top, from(#ff6d46), to(#fa414b));
    background-image: -webkit-linear-gradient(right, #ff6d46, #fa414b);
    background-image: -moz- oldlinear-gradient(right, #ff6d46, #fa414b);
    background-image: linear-gradient(to left, #ff6d46, #fa414b)
}

.destination-box .scenic-list li.top2 .bg {
    background-image: -webkit-gradient(linear, right top, left top, from(#ffa025), to(#ff6f37));
    background-image: -webkit-linear-gradient(right, #ffa025, #ff6f37);
    background-image: -moz- oldlinear-gradient(right, #ffa025, #ff6f37);
    background-image: linear-gradient(to left, #ffa025, #ff6f37)
}

.destination-box .scenic-list li.top3 .bg {
    background-image: -webkit-gradient(linear, right top, left top, from(#ffc419), to(#ffa106));
    background-image: -webkit-linear-gradient(right, #ffc419, #ffa106);
    background-image: -moz- oldlinear-gradient(right, #ffc419, #ffa106);
    background-image: linear-gradient(to left, #ffc419, #ffa106)
}

.destination-box .more {
    text-align: center;
    padding-bottom: 0.3rem
}

.destination-box .more a {
    color: #ec7043
}

.site-detail {
    background-image: initial !important;
    background-color: #f2f3f5;
}

.site-detail:before {
    height: 5.3rem !important;
    background-image: -webkit-gradient(linear, left top, right top, from(#f7b564), to(#ef7428)) !important;
    background-image: -webkit-linear-gradient(left, #f7b564, #ef7428) !important;
    background-image: -moz- oldlinear-gradient(left, #f7b564, #ef7428) !important;
    background-image: linear-gradient(90deg, #f7b564, #ef7428) !important
}

.site-detail .erp_header .iconfont {
    position: absolute;
    left: 0.18rem;
    top: 50%;
    z-index: 2;
    margin-top: -0.4rem;
    display: inline-block;
    color: white;
    font-size: 0.4rem
}

.site-detail .sec-sale {
    /* background-color: #ec7043; */
}

.site-detail .city-local-warp {
    padding-top: 0.4rem
}

.site-detail .city-local-warp .city-warp {
    position: relative
}

.site-detail .city-local-warp .city-text {
    left: 0;
    bottom: 0;
    position: absolute;
    line-height: 0.34rem
}

.site-detail .city-local-warp .city-info {
    color: white;
    margin-left: 0.3rem;
    font-size: 0.24rem
}

.site-detail .city-local-warp .city-name {
    color: white;
    font-size: 0.4rem;
    font-weight: 600;
    display: inline-block;
    margin: 0.2rem 0 0 0.3rem
}

.site-detail .city-local-warp .arrow-down {
    display: inline-block;
    -webkit-transform: rotate(90deg) translateX(-0.05rem);
    -moz-transform: rotate(90deg) translateX(-0.05rem);
    -ms-transform: rotate(90deg) translateX(-0.05rem);
    transform: rotate(90deg) translateX(-0.05rem)
}

.site-detail .city-local-warp .weather-warp {
    min-width: 2rem;
    text-align: right;
    margin-right: 0.3rem
}

.site-detail .city-local-warp .weather-warp .today-cond-code {
    width: 0.5rem;
    height: 0.48rem;
    -webkit-filter: brightness(12);
    filter: brightness(12)
}

.site-detail .city-local-warp .weather-warp .today-cond {
    color: white;
    font-size: 0.22rem;
    margin-top: 0.12rem
}

.site-detail .swiper-box {
    margin: 0.3rem 0.3rem 0;
    -moz-border-radius: 0.07rem;
    border-radius: 0.07rem;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5)
}

.site-detail .swiper-box li {
    height: 3.8rem
}

.site-detail .swiper-box li img {
    height: 100%
}

.site-detail .swiper-box .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem
}

.site-detail .swiper-box .swiper-pagination-bullet-active {
    width: 0.56rem;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #ec7043;
    background-image: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background-image: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background-image: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background-image: linear-gradient(90deg, #8ec31f, #ec7043)
}

.site-detail .about-box {
    margin-top: -1.2rem;
    background-color: white;
    padding-top: 1.4rem;
    padding-bottom: 0.3rem;
    margin-bottom: 0.12rem
}

.site-detail .about-box h3 {
    color: #000;
    font-weight: normal;
    text-align: center
}

.site-detail .about-box .about-con {
    color: #666;
    margin-top: 0.2rem;
    padding-bottom: 0.1rem;
    word-wrap: break-word;
    font-family: Optima-Regular, PingFangTC-light;
    color: #393939;
    line-height: 2.0;
}

.site-detail .about-box .about-con .txt {
    word-wrap: break-word;
    font-family: Optima-Regular, PingFangTC-light;
    color: #393939;
    line-height: 2.0;
}

.site-detail .about-box .unfold {
    top: 50%;
    right: 0;
    margin-top: -0.32rem;
    position: absolute;
    color: #ec7043;
    font-size: 0.28rem
}

.site-detail .about-box .unfold span {
    margin-right: 0.1rem
}

.site-detail .about-box .unfold .down {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.site-detail .about-box .unfold .up {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.site-detail .module-box {
    margin-top: 0.2rem;
    padding-bottom: 0.3rem;
}

.site-detail .module-box .module-tit .icon-arrow_rgt {
    font-size: 0.28rem
}

.site-detail .module-box .module-tit .icon-arrow_rgt:not(.down) {
    top: 50%;
    right: 0;
    margin-top: -0.32rem;
    color: #ccc;
    position: absolute
}

.site-detail .module-box .module-list li.video-item .pic {
    background: url(/static/img/default/default-img-1.png) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.site-detail .module-box .module-list li.video-item video {
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
    width: 100%;
    height: 100%
}

.site-detail .module-box .county-list .pic {
    height: 3.3rem !important
}

.site-detail .module-box .classic-travel {
    margin-top: 0.1rem
}

.site-detail .module-box .classic-travel .text {
    font-size: 0.24rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.site-detail .module-box .activity-list {
    padding: 0 0 0.3rem 0 !important
}

.site-detail .module-box .activity-list li {
    margin-top: 0.3rem
}

.site-detail .module-box .activity-list .ellipsis5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.site-detail .module-box .reserve-list li {
    background-color: white;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.site-detail .module-box .reserve-list li .name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 0.88rem
}

.site-detail .module-box .reserve-list li .price,
.site-detail .module-box .reserve-list li .text,
.site-detail .module-box .reserve-list li .name,
.site-detail .module-box .reserve-list li .price-warp {
    padding: 0 0.2rem
}

.site-detail .module-box .reserve-list li .text {
    font-size: 0.2rem
}

.site-detail .module-box.more .txt {
    height: 1.08rem;
    overflow: hidden
}

.site-detail .module-box.more .unfold {
    display: inline-block
}

.site-detail .module-box.no_more .unfold {
    display: none
}

.site-detail .pretty-picture {
    padding-bottom: 0.2rem
}

.site-detail .pretty-picture .icon-duotu {
    top: 0.12rem;
    left: 0.12rem;
    z-index: 5;
    color: white;
    width: 0.36rem;
    height: 0.36rem;
    line-height: 0.36rem;
    text-align: center;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    font-size: 0.22rem;
    background-color: rgba(0, 0, 0, 0.5)
}

.site-detail .full-page-modal .letter-close {
    width: 1rem;
    text-align: right
}

.site-detail .module-box .dong_warp li {
    height: 34px;
    border-bottom: 1px solid #f5f5f5;
    line-height: 34px;
    margin-left: 6px;
    list-style-type: none;
}

.site-detail .module-box .dong_warp li.tit {
    color: #AAAAAA!important;
}

.site-detail .module-box .dong_warp li span:first-child {
    text-align: left;
}

.site-detail .module-box .dong_warp li span {
    width: 32%;
    display: inline-block;
    text-align: center;
}

.site-detail .sec-hx .swiper-container {
    background-color: #FFF;
}

.site-detail .sec-hx .swiper-slide {
    height: 200px;
    overflow: hidden;
    /* background-color: #f8f8f8; */
    /* border-radius: .1rem; */
}

.site-detail .sec-hx .swiper-slide .price-info .title {
    font-size: .35rem;
}

.site-header:before {
    height: 3.5rem !important
}

.site-header .city-local-warp {
    height: 1rem !important;
    padding-bottom: 0.4rem
}

.site-header .about-box {
    margin-top: 0 !important;
    padding-top: 0.5rem !important
}

.module-box {
    padding: 0 0.3rem;
    background-color: white
}

.module-box .module-tit {
    height: 0.9rem;
    color: #000;
    position: relative;
    font-size: 0.4rem;
    line-height: 0.9rem;
    font-weight: 600;
    padding: 0.27rem 0.8rem 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.module-box .module-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -0.3rem
}

.module-box .module-list li {
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px);
    margin-top: 0.3rem;
    position: relative;
    padding-bottom: 0.2rem
}

.module-box .module-list li img {
    height: 100%
}

.module-box .module-list li .name {
    color: #000;
    font-size: 0.3rem;
    margin-top: 0.1rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.module-box .module-list li .pic {
    height: 2.2rem;
    position: relative
}

.module-box .module-list li em {
    top: 0.12rem;
    left: 0.12rem;
    color: white;
    height: 0.3rem;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 0.3rem;
    padding: 0 0.1rem;
    position: absolute;
    font-size: 0.2rem;
    background-color: rgba(0, 0, 0, 0.5)
}

.weather-list-modal li+li {
    border-top: 1px solid #f3f3f3
}

.weather-list-modal li {
    font-size: 0.24rem;
    padding: 0.3rem 0
}

.weather-list-modal li:first-child {
    padding-top: 0
}

.weather-list-modal .layui-m-layercont {
    padding: 0.2rem 0.3rem 0.5rem
}

.video-head {
    position: relative;
    padding: 1.6rem .6rem .4rem;
    height: 3.86rem;
    background: url(/static/img/video_head_bg.jpg) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    overflow: hidden
}

.video-head video {
    width: 100%;
    height: 100%
}

.video-list {
    padding-top: .4rem;
    overflow: hidden
}

.video-list li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    margin-bottom: .4rem
}

.video-list li video {
    width: 100%;
    height: 100%
}

.video-list li .video-info {
    background: url(/static/img/default/default-img-3.png) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 3rem;
    margin-right: .3rem;
    height: 2rem
}

.video-list li .video-desc {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2rem
}

.video-list li .video-desc h3 {
    padding-top: .6rem;
    font-size: .3rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.video-list li .video-desc p {
    color: #666;
    font-size: .26rem
}

.stick-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 12
}

.search-key {
    display: inline-block;
    max-width: 10em;
    vertical-align: bottom
}

.stick-content .category-filter .filter-content {
    max-height: 5rem !important
}

.stick-content .module-box .module-tit {
    padding-right: 1.4rem
}

.stick-content .module-box .module-tit .more {
    top: 50%;
    right: 0;
    color: #999;
    font-size: 0.24rem;
    position: absolute;
    margin-top: -0.3rem
}

.stick-content .module-box .module-tit .more .iconfont {
    font-size: 0.24rem
}

.stick-content .title {
    padding: .45rem 0;
    font-size: 0.4rem
}

.stick-content .result-box {
    padding: 0.3rem
}

.stick-content .result-box p {
    padding-top: 0.2rem;
    font-size: 0.28rem
}

.stick-content .result-box select {
    color: #ec7043;
    border: none;
    outline: none;
    width: 100%;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 0.12rem 0.8rem 0.12rem 0.4rem;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background-color: #f3fbf7
}

.stick-content .result-box .select {
    position: relative;
    width: 4.2rem
}

.stick-content .result-box .select .icon-xiasanjiao {
    color: #ec7043;
    right: 0.2rem;
    position: absolute;
    font-size: 0.42rem;
    top: 0.2rem
}

.stick-content .product-list {
    overflow-x: scroll
}

.stick-content .product-list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.05rem;
    padding-bottom: 0.4rem
}

.stick-content .product-list ul li {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    margin-right: 0.1rem
}

.stick-content .product-list ul li .pic {
    width: 2rem;
    height: 2rem
}

.stick-content .product-list ul li .pic img {
    height: 100%
}

.stick-content .product-list ul li .name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 0.8rem
}

.stick-content .product-list ul li .price {
    font-size: 0.2rem;
    color: #999
}

.stick-content .product-list ul li .price span {
    color: #ff6633
}

.stick-content .product-list ul li .price span em {
    font-size: 0.36rem
}

.stick-content .switch-page .icon-arrow_rgt {
    font-size: 0.22rem;
    width: 0.34rem;
    height: 0.34rem;
    border: 1px solid #999;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 0.34rem;
    text-align: center;
    margin-left: 0.1rem
}

.stick-content .sales-campaign li {
    padding-bottom: 0.3rem
}

.stick-content .click-more i {
    font-size: 0.28rem;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    margin-left: 0.1rem
}

.stick-content .activity-list li .infos .title {
    padding: 0 !important
}

.nav-filter-fixed {
    top: 0.9rem;
    left: 0;
    width: 100%;
    z-index: 11;
    position: fixed;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px
}

.live-list {
    padding: .42rem .24rem .24rem
}

.live-list li {
    display: block;
    padding: .28rem .26rem .34rem;
    -moz-border-radius: .10rem;
    border-radius: .10rem;
    margin-bottom: .44rem;
    background-color: #fff
}

.live-list .time {
    color: #ec7043;
    font-size: .26rem
}

.live-list .live-icon {
    font-size: .35rem;
    margin-right: .2rem;
    color: #ff7841
}

.live-list .room-name {
    font-weight: bold;
    font-size: .4rem;
    margin-bottom: .33rem
}

.live-list .cover {
    position: relative
}

.live-list .cover img {
    width: 100%
}

.live-list .status {
    position: absolute;
    bottom: 0;
    right: 0;
    height: .4rem;
    color: #fff;
    font-size: .2rem;
    line-height: .4rem;
    padding: 0 .14rem;
    -moz-border-radius: .03rem;
    border-radius: .03rem;
    background: -webkit-gradient(linear, left top, right top, from(#ff3c68), to(#ff7940));
    background: -webkit-linear-gradient(left, #ff3c68, #ff7940);
    background: -moz- oldlinear-gradient(left, #ff3c68, #ff7940);
    background: linear-gradient(to right, #ff3c68, #ff7940)
}

.live-list .anchor-name {
    font-size: .24rem;
    color: #666;
    line-height: .68rem
}

.live-list .live-notice .notice {
    color: #ec7043
}

.live-list .live-notice .status {
    background: -webkit-gradient(linear, left top, right top, from(#8ec31f), to(#ec7043));
    background: -webkit-linear-gradient(left, #8ec31f, #ec7043);
    background: -moz- oldlinear-gradient(left, #8ec31f, #ec7043);
    background: linear-gradient(90deg, #8ec31f, #ec7043)
}

.live-list .live-expired .live-icon,
.live-list .live-expired .time {
    color: #dfdfdf
}

.live-list .live-expired .status {
    background: rgba(0, 0, 0, 0.34)
}

.live-prop.layui-m-layerchild {
    padding: 0 !important
}

.live-prop.layui-m-layerchild .layui-m-layercont {
    margin: 0
}

.live-prop.layui-m-layerchild .modal-close {
    right: .3rem
}

.live-prop .icon-zhibodfdfdf {
    margin-right: .2rem;
    color: #ff7841;
    font-size: .36rem;
    vertical-align: -.02rem
}

.live-prop .live-bg {
    width: 100%;
    height: 1.4rem;
    margin-top: .4rem;
    line-height: 1.4rem;
    color: #fff;
    font-size: .3rem;
    background: url(/static/img/liveroom_bg.png) no-repeat;
    -moz-background-size: 100% 1.4rem;
    background-size: 100% 1.4rem
}

.body-pd {
    padding-bottom: 1rem !important
}

.body-pd-lg {
    padding-bottom: 1.7rem !important
}

.community-name .community-name-warp {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.community-name {
    padding: 0 .4rem;
    margin-bottom: 30px;
}

.community-name .community-name-warp h3 {
    float: left;
    font-size: 16px;
    line-height: 16px;
}

.community-name .community-name-warp p {
    float: left;
    font-size: 0.2rem;
    line-height: 15px;
    margin-left: 5px;
    color: #777;
}

.community-name .community-name-warp .icon {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 8px;
}

.community-name .community-name-warp .arrright {
    width: 0.1rem;
    /* height: 16px; */
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}

.mNr ul {
    margin: 0;
    padding: 0 12px;
}

.mNr ul li {
    margin: 0;
    padding: 12px 0;
    margin-bottom: 4px;
    list-style: none;
    clear: both;
    border-bottom: 1px solid #efefef;
}

.mNr ul li a {
    display: block;
    height: 88px;
}

.esflist .esflist_img {
    width: 110px;
    height: 88px;
    border-radius: 4px;
    float: left;
    overflow: hidden;
}

.esflist .esflist_R {
    margin-left: 6px;
    float: left;
    width: 66.66666667%;
}

.esflist_R .item_main {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.35rem;
}

.mNr ul li p.lpp {
    height: 20px;
    line-height: 20px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #abacaf;
    font-size: .24rem;
}

.esflist_R .price_box {
    margin-top: 8px;
}

.esflist_R .price_box .price {
    float: left;
    color: #ec7043;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
}

.esflist_R .price_box span {
    width: 32%;
    display: block;
    float: left;
}

.esflist_R .price_box .price1 {
    color: #abacaf;
    font-size: 12px;
    margin-top: 3px;
    text-align: right;
}

.warp_view {
    border-top: 1px solid #ddd;
}

.warp_view .warp-left {
    width: 26%;
    float: left;
    min-height: calc(100vh);
    z-index: 9;
    background-color: #f5f4f4;
}

.warp_view .warp-left span {
    text-align: center;
    display: block;
    padding: 12px 0px;
    font-size: 0.3rem;
    /* border-right: 1px solid #ddd; */
}

.warp_view .warp-left span.active {
    color: #ec7043;
    font-weight: bold;
    font-size: 0.32rem;
    /* border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; */
    z-index: 10;
    background-color: #FFF;
}

.warp_view .warp-right {
    width: 73%;
    float: left;
}

.zxjc-page {}

.zxjc-page .index-mid-link .flex-item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

.zxjc-page .sec-sale .event-swiper-list-warp .swiper-slide .img-warp {
    height: 2.0rem;
}

.zxjc-page .feature {
    padding: 0 .1rem;
}

.zxjc-page .feature .index-mid-link .flex-item {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
}

.zxjc-page .feature .index-mid-link .flex-item {
    height: 2.3rem;
}

.zxjc-page .feature .index-mid-link .flex-item .link-icon {
    width: 90%;
    height: 2rem;
    background-size: auto;
}

.zxjc-page .feature .index-mid-link .flex-item .link-icon span {
    width: 100%;
    display: block;
    color: #fff;
}

.zxjc-page .feature .index-mid-link .flex-item .link-icon span.tit {
    padding-top: 30%;
    font-size: .35rem;
    opacity: 1;
    font-weight: bold;
}

.zxjc-page .feature .index-mid-link .flex-item .link-icon span.sub {
    font-size: .2rem;
    font-weight: bold;
}

.signup-wrap {
    background-color: #f2f3f5;
}

.select-reason {
    padding: 0 .12rem .17rem;
    background: #fff;
}

.select-reason ul {
    -ms-fles-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.select-reason .com-title {
    padding: .17rem 0;
    text-align: center;
    font-size: 0.4rem;
    line-height: 1.1rem;
    color: #333;
    font-weight: bold;
}

.select-reason .com-title-xs {
    padding: .05rem 0;
    text-align: center;
    font-size: 0.4rem;
    line-height: .7rem;
    color: #333;
    font-weight: bold;
}

.select-reason .txt_des {
    font-size: .1024rem;
    color: #b6b6b6;
    text-align: center;
    margin-bottom: .12rem;
}

.select-reason .serve-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.select-reason ul li {
    width: 30%;
    flex: 0 0 auto;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(149, 143, 136, .26);
}

.zxjc-model-page .flex-box .flex-l {
    -ms-flex: 0 0 1.6rem;
    flex: 0 0 1.6rem;
}

.zxjc-model-page .bord-all-a {
    border: 1px solid #efefef !important;
    border-radius: .1rem;
}

.zxjc-model-page img {
    border-radius: 0px;
    ;
}

.hncz-page .zx_type_money {
    font-weight: 500;
    color: rgba(132, 132, 148, 1);
    font-size: .25rem;
    margin-top: 0.12rem;
    line-height: 1.3;
}

.hncz-page .zx_type_money label,
.hncz-page .zx_type_money span {
    margin-right: 0.08rem;
    display: inline-block;
}

.hncz-page .y_Thelabel div {
    padding: 0 .2rem;
    margin-right: .1rem;
    line-height: .4rem;
    font-weight: 500;
    font-size: .25rem;
    white-space: nowrap;
    color: #FF652F;
    border: 1px solid #FFB382;
    border-radius: .05rem;
}

.hxlist-page .prod-item-0 .img-propor-32.small-pic {
    height: 3.5rem;
    -o-object-fit: cover;
    object-fit: cover;
}

.hx_detail .tit-xxl {
    font-size: .5rem;
    padding: .3rem 0px;
}

.hx_detail .hx_img {
    border-bottom: 8px solid #f5f5f5;
}

.house-unscramble {
    border: .5px solid #eee;
    box-shadow: 0 1.067vw 4.267vw 0 rgba(0, 0, 0, .05);
    border-radius: 1.333vw;
    position: relative;
    width: 90%;
    margin: 20px auto 30px;
    padding: 20px 0px 10px;
}

.hx_detail .introduce-wrp {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#f0f3fd));
    background-image: -o-linear-gradient(left, #fff 0, #f0f3fd 100%);
    background-image: linear-gradient(90deg, #fff, #f0f3fd);
}

.hx_detail .introduce-wrp .name-wrp {
    width: 30%;
    text-align: center;
}

.hx_detail .introduce-wrp .label-introduce {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 60%;
}

.hx_detail .introduce-wrp .label-introduce i {
    margin-right: 5px;
    color: #222;
}

.hx_detail .introduce-wrp .label-introduce .label-show {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 24.533vw;
    overflow: hidden;
    margin-top: 2.133vw;
    margin-bottom: 1vw;
    font-size: .18rem;
    color: #222;
}

.hx_detail {
    padding-bottom: 60px;
}

.zxjc-model-page .btn-wrp {
    width: 100%;
    box-sizing: border-box;
    padding: 2.667vw 5.333vw;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    background-color: #fff;
}

.zxjc-model-page .btn-wrp p {
    width: 100%;
    height: 12.8vw;
    text-align: center;
    background: #222;
    border-radius: .533vw;
    font-size: 3.733vw;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 700;
    line-height: 12.8vw;
    color: #fff;
}