/** New:  #12577 By LJ  2020-09-27  */
.mt4 { margin-top: 4px; }
.mt8 { margin-top: 8px; }
.mt12 { margin-top: 12px; }
.mt16 { margin-top: 16px; }
.mt24 { margin-top: 24px; }
.mt32 { margin-top: 32px; }
.mb16 { margin-bottom: 16px; }
.mb48 { margin-bottom: 48px; }
.mr8 { margin-right: 8px; }
.mr12 { margin-right: 12px; }
.mr16 { margin-right: 16px; }
.mr24 { margin-right: 24px; }
.mr32 { margin-right: 32px; }
.mr48 { margin-right: 48px; }
.ml10 { margin-left: 10px; }
.ml12 { margin-left: 12px; }
.ptb30-lr24 { padding: 30px 24px; }
.p24 { padding: 24px; }
.pt16 { padding-top: 16px; }
.pb10 { padding-bottom: 10px; }
.lh16 { line-height: 16px; }
.lh24 { line-height: 24px; }
.lh28 { line-height: 28px; }
.lh32 { line-height: 32px; }
.lh40 { line-height: 40px; }
.f12 { font-size: 12px !important; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.iconfont { vertical-align: middle; margin-top: -2px; }
.s-primary { color: #FF562F; }
a.s-primary:hover { text-decoration: underline; }
.btn.s-primary:hover { text-decoration: none; }
.btn-primary { background-color: #FF562F; border-color: #FF562F; color: #fff; }
.btn-primary:hover { color: #fff; background-color: #FF7153; border-color: #FF7153; }
.btn-primary-line { border-color: #FF562F; color: #FF562F; }
.btn-primary-line:hover { background-color: #FF562F; border-color: #FF562F; color: #fff; }
.btn.is-disabled {
    color: #fff; background-color: #bbb; border-color: #bbb;
    cursor: no-drop;
}
.radius-4 { border-radius: 4px; }
.ect { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ect-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.cur-po { cursor: pointer; }
.borb1 { position: relative; }
.borb1:before { 
    content: ''; position: absolute; right: 0; bottom: 0; left: 0;
    border-bottom: 1px solid #e8e8e8; transform: scaleY(.5); transform-origin: center bottom;
}

/* scroll-bar */
.scroll-bar { overflow-y: auto; }
.scroll-bar::-webkit-scrollbar { width: 4px; }
.scroll-bar::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #ddd; }

/* title-f18 */
.title-f18 { position: relative; font-size: 18px; line-height: 24px; }
.title-f18:before {
    content: ''; position: absolute; top: 5px; left: -24px;
    width: 4px; height: 16px; background-color: #FF562F;
}

/* u-select */
.u-select { 
    display: inline-block; vertical-align: middle; position: relative; z-index: 1;
    min-width: 120px; border: 1px solid #d9d9d9; border-radius: 4px; cursor: pointer; font-size: 12px;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;
}
.u-select .select-title { padding: 0 30px 0 11px; line-height: 30px; border-radius: 4px; background-color: #fff; color: #999; }
.u-select .select-title .txt { display: block; width: 100%; line-height: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.u-select .u-fixation { position: absolute; top: 0; right: 0; bottom: 0; padding: 0 10px; }
.u-select .u-fixation .iconfont { font-size: 12px; transform: rotate(0deg) scale(.8); transition: transform .2s linear; }
    /**/
.select-tags { padding-bottom: 9px; overflow: hidden; margin-left: -8px; }
.select-tags span { 
    float: left; padding: 0 9px; background-color: #e8e8e8; border-radius: 11px; 
    height: 22px; line-height: 22px; font-size: 12px; color: #666; margin: 9px 5px 0 0;
}
.select-tags span .icon-close { font-size: 12px; color: #999; font-weight: bold; transform: scale(.65); margin: -2px 0 0 5px; }
    /**/
.u-select .select-pop { 
    position: absolute; left: 0; top: 50px; transition: top .1s linear, opacity .2s linear;
    background-color: #fff; border-radius: 4px; box-shadow: 0 2px 5px 0 rgba(0,0,0, .15); 
    min-width: 100%; max-height: 160px; overflow-y: auto; visibility: hidden; opacity: 0;
}
.u-select .select-pop p { padding: 0 11px; height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.u-select .select-pop p:hover { background-color: #f8f8f8; }
.u-select .select-pop p.is-this { background-color: #f8f8f8; color: #FF562F; }
.u-select .select-pop p.is-selected { position: relative; color: #FF562F; padding-right: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.u-select .select-pop p.is-selected::after { position: absolute; top: 0; right: 10px; font-family: 'iconfont'; content: '\e604'; font-size: 12px; color: #FF562F; }
.u-select .select-pop p.is-disabled { color: #bbb; }
.u-select .select-pop dt { padding: 0 10px; font-size: 12px; color: #ddd; font-weight: bold; line-height: 36px; }
    /* show */
.u-select.is-show { z-index: 5; }
.u-select.is-show .u-fixation .iconfont { transform: rotate(180deg) scale(.8); margin-top: -4px; }
.u-select.is-show .select-pop { top: 31px; visibility: visible; opacity: 1; }
    /* disabled */
.u-select.is-disabled .select-title { background-color: #f8f8f8; cursor: no-drop; }
    /* size */
.select-l.u-select { font-size: 14px; }
.select-l.u-select .select-title { line-height: 38px; padding-left: 15px; }
.select-l.u-select .select-pop { top: 60px; }
.select-l.u-select.is-show  .select-pop { top: 41px; }

/**/
.act-city .u-select { float: left; margin-right: 16px; }
.sub-city { line-height: 30px; width: 64px; font-size: 12px; }

/* serch-bar */
.serch-bar {
    width: 334px; height: 30px; line-height: 30px;
    border: 1px solid #e8e8e8; border-radius: 4px;
}
.serch-bar .txt {
    padding: 0 15px; width: 247px;
    font-size: 12px;
}
.serch-bar .txt::placeholder { color: #999; }
.serch-bar .serch { color: #666; cursor: pointer; }
.serch-bar .serch .icon-sousos { font-size: 12px; color: #FF562F; margin-right: 3px; }

/* often-city */
.often-city dt { color: #bbb; }
.often-city dd {
    margin-left: -32px; margin-top: 8px;
    font-size: 16px; line-height: 28px;
}
.often-city dd a {
    float: left;
    margin-left: 32px; margin-top: 6px;
}

/* all-region */
.all-region li { 
    position: relative; padding: 32px 0 20px 58px;
    border-top: 1px solid #e8e8e8; 
}
.all-region li:first-child { border-top: 0; }
.all-region .letter {
    position: absolute; top: 32px; left: 0;
    width: 26px; height: 26px; font-size: 15px; color: #999;
    text-align: center; line-height: 25px;
    background-color: #f5f5f5; border-radius: 50%;
}
.all-region li:hover .letter {
    color: #fff; background-color: #59A59A;
}
.all-region .one-level {
    position: relative; padding-left: 92px;
    margin-bottom: 12px; font-size: 16px;
    min-height: 32px;
}
.one-level .letter-one {
    position: absolute; top: 0; left: 0;
    font-size: 18px; line-height: 26px;
}
.one-level .one-conts {
    margin-left: -32px; line-height: 32px;
    overflow: hidden;
}
.one-level .one-conts a {
    float: left; margin-left: 32px;
}
.one-level .one-conts .more-two-level {
    float: left; margin-left: 32px; color: #59A59A;
    cursor: pointer;
}
.one-level .one-conts .more-two-level.is-more .iconfont {
    transform: rotate(180deg);
}
.one-level .two-level { 
    position: relative; padding-left: 88px; margin-top: 12px; 
    line-height: 32px; min-height: 32px;
}
.two-level .letter-two {
    position: absolute; top: 4px; left: 0;
    width: 64px; line-height: 24px;
}
.two-level .two-conts { margin-left: -32px; overflow: hidden; }
.two-level .two-conts a {
    float: left; margin-left: 32px; color: #666;
}
.two-level .two-conts a:hover { color: #FF562F; }

/* site-region */
.site-region {
    position: absolute; top: 42px; left: 198px; padding-bottom: 10px;
}
.site-region-title { 
    line-height: 24px; cursor: pointer; 
}
.site-region-title .txt {
    float: left; font-size: 18px; max-width: 150px;
    white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis;
}
.site-region-title .iconfont {
    margin-left: 3px; font-size: 14px; color: #666;
}
.logo-bar .logo-h40 { z-index: 110; }

/* choice-region */
.choice-region {
    opacity: 0; visibility: hidden;
    position: absolute; top: 51px; left: -198px;
    width: 452px; padding: 30px 24px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0,0,0, .15);
    transition: all linear .3s;
}
.choice-region.is-show {
    opacity: 1; visibility: visible; top: 31px;
}
.region-tab .r-tab-nav { margin-left: -30px; }
.region-tab .r-tab-nav span {
    float: left; margin-left: 30px; font-size: 14px;
    cursor: pointer; font-weight: 600;
}
.region-tab .r-tab-nav span.is-this { color: #FF562F; }
.region-tab .r-tab-item { max-height: 300px; margin-right: -10px; }
    /* r-region-box */
.r-region-box { 
    position: relative; padding-left: 50px; margin-bottom: 10px; 
}
.r-region-box:last-child { margin-bottom: 0; }
.r-region-box .letter {
    position: absolute; top: 3px; left: 0;
    width: 26px; height: 26px; background-color: #f5f5f5;
    font-size: 15px; color: #999;
    line-height: 25px; text-align: center;
    border-radius: 50%;
}
.r-region-list { margin-left: -24px; }
.r-region-list a {
    float: left; margin-left: 24px;
    color: #666; line-height: 32px;
}
.r-region-list a:hover { color: #FF562F; }

/* mu-type-region */
.main-menu-bar .mu-type-region { width: 230px; }
.main-menu-bar .mu-type-region .mu-title { 
    padding: 0 24px;
    background-color: #FF562F; 
}
.main-menu-bar .mu-type-region .mu-title h2 {
    display: inline; font-weight: 600;
}
.main-menu-bar .mu-type-region .mu-more { 
    padding: 14px 24px 24px;
    height: 390px; border-radius: 0 0 4px 4px; box-shadow: none; 
}
.main-menu-bar .mu-type-region .mu-more .list { 
    padding: 0; font-size: 14px; 
    margin-left: -10px;
}
.main-menu-bar .mu-type-region .mu-more .list li {
    float: left; margin: 8px 0 0 10px; width: 86px;
}
.main-menu-bar .mu-type-region .mu-more .list li a {
    display: inline;
}
.main-menu-bar .mu-type-region .mu-more .more {
    display: block; margin-top: 14px; height: 32px; line-height: 32px;
    font-size: 12px; color: #999; text-align: center;
    background-color: #f8f8f8; border-radius: 16px;
}
.main-menu-bar .mu-type-region .mu-more .more:hover {
    color: #fff; background-color: #FF562F;
}

/* */
.pl242 { padding-left: 242px; }
.w230 { width: 230px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w780 { width: 780px; }
.h416 { height: 416px; }
.ptb80 { padding-top: 80px; padding-bottom: 80px; }
.pl160 { padding-left: 160px; }

/* banner-swiper */
.banner-swiper,
.banner-swiper .img-block {
    width: 716px; height: 416px;
}
.banner-swiper .pagination {
    position: absolute; right: 0; bottom: 12px; left: 0;
    line-height: 1; text-align: center;
}
.banner-swiper .pagination span {
    margin: 0 4px; display: inline-block;
    width: 20px; height: 4px; background-color: #ddd;
}
.banner-swiper .pagination .swiper-active-switch { background-color: #FF562F; }

/* hot-food */
.hot-food-swiper { height: 300px; padding-bottom: 40px; }
.hot-food-swiper .pagination {
    position: absolute; right: 0; bottom: 12px; left: 0;
    line-height: 1; text-align: center;
}
.hot-food-swiper .pagination span {
    margin: 0 4px; display: inline-block;
    width: 8px; height: 8px; background-color: #ddd;
    border-radius: 50%;
}
.hot-food-swiper .pagination .swiper-active-switch { background-color: #FF562F; }
/* hot-food */
.hot-food { padding-right: 24px; padding-left: 24px; }
.hot-food .img-block { height: 120px; }
.hot-food .btn {
    display: block; height: 30px; line-height: 30px;
    font-size: 12px; border-radius: 16px;
}

/* broadcast-list */
.broadcast-list { margin-left: -23px; }
.broadcast-list li {
    position: relative;
    float: left; margin: 24px 0 0 23px; padding: 16px; 
    width: 180px; height: 252px; background-color: #f8f8f8;
}
.broadcast-list .img-block {  height: 120px; }
.broadcast-list .h44 { height: 44px; }
.broadcast-list .btn {
    position: absolute; right: 16px; bottom: 16px;
    line-height: 22px; padding: 0 11px; font-size: 12px;
    border-radius: 12px; background-color: #FF7153; border-color: #FF7153; color: #fff;
}
.broadcast-list .btn:hover { background-color: #FF562F; border-color: #FF562F; color: #fff; }

/* top-picks-swiper */
.top-picks-swiper { height: 325px; }
.top-picks-swiper .pagination {
    position: absolute; right: 0; bottom: 105px; left: 0;
    line-height: 1; text-align: center;
}
.top-picks-swiper .pagination span {
    margin: 0 4px; display: inline-block;
    width: 20px; height: 4px; background-color: #ddd;
}
.top-picks-swiper .pagination .swiper-active-switch { background-color: #FF562F; }
.top-picks-swiper .img-block { width: 350px; height: 233px; }
.top-picks-swiper .det {
    position: relative; padding-left: 14px;
}
.top-picks-swiper .det:before {
    content: ''; position: absolute; top: 3px; bottom: 2px; left: 0;
    width: 2px; background-color: #ddd;
}

/* dot-list */
.dot-list li { 
    position: relative; padding-left: 16px; margin-top: 15px; 
    font-size: 16px;
}
.dot-list li:first-child { margin-top: 0; }
.dot-list li:before {
    content: ''; position: absolute; top: 50%; left: 0;
    margin-top: -2px; width: 4px; height: 4px; border-radius: 50%;
    background-color: #ddd;
}

/* top-picks-list */
.top-picks-list li {
    overflow: hidden; margin-top: 32px;
}
.top-picks-list li:first-child { margin-top: 0; }
.top-picks-list .img-block {
    width: 120px; height: 80px;
}
.top-picks-list .tit {
    height: 48px;
    font-size: 16px; line-height: 24px;
}

/* ask-box */
.ask-box .textarea {
    display: block;
    padding: 20px; width: 692px; height: 87px;
    background-color: #f8f8f8; border-radius: 4px;
    font-size: 16px; line-height: 22px; overflow-y: auto;
}
.ask-box .textarea::placeholder { color: #999; }
.ask-box .btn {
    padding: 0 15px; height: 32px; line-height: 30px; 
    font-size: 12px; border-radius: 16px;
}

/* checked-box */
.checked-box {
    position: relative; padding-left: 28px;
    color: #999; font-size: 14px; line-height: 32px;
    cursor: pointer;
}
.checked-box:before {
    content: ''; position: absolute; top: 50%; left: 0;
    margin-top: -8px; width: 14px; height: 14px; line-height: 14px;
    border: 1px solid #d9d9d9; border-radius: 2px; text-align: center;
}
.checked-box.is-checked:before {
    content: '√'; font-size: 12px;
    color: #fff; border-color: #FF562F; background-color: #FF562F;
} 
.checked-box-list { margin-left: -24px; line-height: 28px; }
.checked-box-list .checked-box {
    float: left; margin-left: 24px; font-size: 16px;
    padding-left: 24px; line-height: 40px;
}

/* question-list */
.question-list .item { 
    padding: 16px 0 16px 30px;
    position: relative;
}
.question-list .item:last-child { padding-bottom: 8px; }
.question-list .item:before {
    content: ''; position: absolute; top: 0; right: -24px; left: -24px;
    height: 1px; background-color: #f5f5f5;
}
.question-list .ico-wen {
    position: absolute; top: 19px; left: 0;
}
.question-list .btn { 
    float: right; margin-left: 30px; padding: 0 15px; line-height: 22px; 
    border-radius: 12px; font-size: 12px;
}
.question-list .det label {
    display: inline-block; margin-right: 10px; width: 38px; line-height: 18px;
    font-size: 12px; color: #999; text-align: center;
    border: 1px solid #999; border-radius: 4px;
}

/* fine-food-list */
.fine-food-list { margin-left: -32px; }
.fine-food-list li {
    float: left; width: 50%; margin-top: 28px;
}
.fine-food-list .item {
    margin-left: 32px; overflow: hidden;
}
.fine-food-list .img-block {
    width: 150px; height: 100px;
}

/* ico-star */
.ico-star { 
    position: relative; display: inline-block; vertical-align: middle;
    font-family: 'iconfont'; font-size: 18px; line-height: 1; cursor: pointer; color: #e8e8e8;
}
.ico-star:before { content: '\e7d0'; }
/* stars-bar */
.stars-bar, .stars-bar .iconbox, .stars-bar .txt { display: inline-block; vertical-align: middle; }
.stars-bar .txt { font-size: 16px; color: #FF562F; margin-left: 10px; font-weight: 600; }
.iconbox { position: relative; }
.iconbox .ico-star { margin: -3px 5px 0; }
.iconbox .star-color { position: absolute; left: 0; top: 0; bottom: 0; width: 0; overflow: hidden; white-space: nowrap; }
.iconbox .star-color .ico-star { color: #FF562F; }
    /**/
.stars-mini { line-height: 20px; height: 20px; }
.stars-mini .ico-star { font-size: 14px; margin: -3px 3px 0; }
.stars-mini .txt { font-size: 14px; margin-left: 5px; }

/* special-dishes-list */
.special-dishes-list { margin-left: -24px; }
.special-dishes-list li {
    float: left; margin: 24px 0 0 24px;
    width: 165px;
}
.special-dishes-list .img-block { height: 110px; }

/* type-list */
.type-list { margin-left: -16px; }
.type-list a { 
    float: left; margin: 16px 0 0 16px; padding: 0 12px; 
    font-size: 12px; line-height: 28px; color: #666;
    background-color: #f5f5f5; border-radius: 14px;
}
.type-list a:hover {
    color: #fff; background-color: #FF562F;
    box-shadow: 0 4px 8px rgba(255, 86, 47, .16);
}

/* restaurant-list */
.restaurant-list li { margin-top: 32px; overflow: hidden; }
.restaurant-list li:first-child { margin-top: 0; }
.restaurant-list .img-block {
    width: 130px; height: 86px;
}
.restaurant-list .ect-clamp { max-height: 40px; }
.restaurant-list .ect-clamp.lh22 { max-height: 44px; }

/* det-info */
.det-info { position: relative; }
.det-info .img-block {
    width: 280px; height: 187px;
}
.det-info .btn {
    padding: 0 20px; line-height: 30px;
    font-size: 12px; border-radius: 4px;
}
.det-info .btn .iconfont { font-size: 12px; margin-right: 5px; }
.discount-code {
    position: absolute; right: 24px; bottom: 30px; line-height: 32px;
}
.discount-code .txt { color: #39BC6C; }
.discount-code .txt img { 
    display: inline-block; vertical-align: middle; 
    margin: -3px 0 0 8px; 
}
.discount-code .pop { 
    position: absolute; bottom: 56px; left: 50%; margin-left: -100px;
    opacity: 0; visibility: hidden;
    padding: 32px; background-color: #fff;
    width: 136px; height: 136px; box-shadow: 0 4px 14px rgba(0,0,0,.1);
    transition: all linear .2s;
}
.discount-code .pop img {
    display: block; width: 136px; height: 136px;
}
.discount-code.is-show .pop { bottom: 36px; opacity: 1; visibility: visible; }

/* atlas-box */
.atlas-box { position: relative; }
.atlas-box .page {
    position: absolute; top: 27px;
    width: 12px; height: 40px; line-height: 40px; cursor: pointer;
    background-color: #bbb; border-radius: 2px; text-align: center;
}
.atlas-box .page:hover { background-color: #aaa; }
.atlas-box .page.is-disabled,
.atlas-box .page.is-disabled:hover { background-color: #ddd; cursor: no-drop; }
.atlas-box .page .iconfont { color: #fff; font-size: 12px; }
.atlas-box .page.prev { left: -18px; }
.atlas-box .page.next { right: -18px; }
/* atlas-swiper */
.atlas-swiper { height: 93px; }
.atlas-swiper .swiper-slide { width: 148px; }
.atlas-swiper .swiper-slide:last-child { width: 140px; }
.atlas-swiper .swiper-slide .img-block { width: 140px; height: 93px; }

/* comments-list */
.comments-list li {
    position: relative; padding: 24px 0;
}
.comments-list li:before {
    content: ''; position: absolute; right: 0; bottom: 0; left: 0;
    border-bottom: 1px solid #e8e8e8; transform: scaleY(.5); transform-origin: center bottom;
}
.comments-list .photo {
    width: 48px; height: 48px; border-radius: 50%; overflow: hidden;
}
.comments-list .img-list { margin-left: -8px; }
.comments-list .img-list .img-block {
    margin: 16px 0 0 8px;
    width: 140px; height: 93px;
}

/* evalue-form */
.evalue-form { position: relative; }
.evalue-form .checked-box {
    position: absolute; right: 0; top: -32px;
}
.evalue-form .item {
    position: relative; padding: 24px 0 0 72px; min-height: 28px;
}
.evalue-form .item .type {
    position: absolute; top: 24px; left: 0; padding-left: 8px;
    font-size: 16px; line-height: 28px; 
}
.evalue-form .item .type em { position: absolute; top: 0; left: 0; }
.evalue-form .item.pt16 { padding-top: 16px; }
.evalue-form .item.pt16 .type { top: 16px; }
.evalue-form .textarea {
    display: block; overflow-y: auto;
    padding: 16px 20px; width: 620px; height: 78px;
    font-size: 16px; line-height: 22px; 
    background-color: #f5f5f5; border-radius: 4px;
}
.evalue-form .textarea::placeholder { color: #bbb; }
.evalue-form .sub-btn {
    width: 112px; height: 40px; line-height: 40px; text-align: center;
    border: 0; border-radius: 20px;
}
.evalue-form .sub-btn.btn-primary { box-shadow: 0 3px 12px rgba(255, 86, 47, .2); }

/* upload-box */
.upload-box { position: relative; width: 80px; overflow: hidden; }
.upload-box .btn {
    width: 78px; font-size: 12px; color: #FF562F; text-align: center;
    line-height: 26px; border-color: #FF9780; border-radius: 4px;
}
.upload-box .file {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
}
.upload-box-l { width: 104px; }
.upload-box-l .btn { width: 102px; font-size: 14px; line-height: 38px; }

/* file-image */
.file-image-box { margin-left: -8px; }
.file-image { 
    position: relative; float: left;
    margin-left: 8px; margin-top: 8px; border-radius: 4px;
    width: 96px; height: 64px; overflow: hidden; 
}
.file-image .pic { display: block; width: 96px; height: 64px; }
.file-image .del { 
    position: absolute; top: 0; right: 0; 
    width: 14px; height: 14px; line-height: 14px; 
    border-top-right-radius: 4px; 
    background-color: #000; 
    background-color: rgba(0,0,0,.5); 
    text-align: center; color: #fff; cursor: pointer; 
}

/* form-list */
.form-list li {
    position: relative; margin-top: 32px; padding-left: 120px; min-height: 40px; width: 536px;
}
.form-list .type {
    position: absolute; top: 0; left: 0;
    font-size: 16px; padding-left: 8px; line-height: 40px;
}
.form-list .type em {
    position: absolute; top: 0; left: 0;
}
.form-list .text {
    display: block; padding: 9px 15px; line-height: 20px;
    font-size: 14px; width: 504px;
    border: 1px solid #ddd; border-radius: 4px;
}
.form-list .text.error { border-color: #FF562F; }
.form-list .text::placeholder { color: #bbb; }
.form-list .abs-right {
    position: absolute; top: 0; left: 666px;
    white-space: nowrap; line-height: 40px;
}
.form-list .tips {
    position: absolute; bottom: -24px; left: 120px;
    font-size: 12px; line-height: 16px;
}
.form-list .sub-btn {
    display: block; margin: 0 auto; width: 170px; line-height: 46px;
    border-radius: 24px; font-size: 18px; font-weight: 600;
    box-shadow: 0 3px 12px rgba(255, 86, 47, .2);
}
.form-list .act-city { margin-left: -16px; }
.form-list .act-city .u-select {
    margin: 0 0 0 16px; width: 166px;
}
.form-list .act-city .u-select .select-title { color: #bbb; }
.form-list .icon-shijian {
    position: absolute; top: 0; right: 11px;
    color: #bbb; line-height: 40px; margin-top: 0;
}
.area-text { 
    padding: 9px 15px; line-height: 20px;
    border: 1px solid #ddd; border-radius: 4px;
}
.area-text.error { border-color: #FF562F; }
.area-text .textarea {
    display: block; width: 504px; height: 100px; overflow-y: auto;
    font-size: 14px; line-height: 22px;
}
.area-text .textarea::placeholder { color: #bbb; }
.time-chose { margin-left: -16px; }
.time-chose .time-item {
    float: left; width: 260px;
    margin-left: 16px;
}
.time-chose .time-item .text {
    width: 228px;
}
body .layui-laydate .layui-this { background-color: #FF562F !important; }
body .laydate-footer-btns span { line-height: 24px; }
body .laydate-footer-btns span:hover { color: #FF562F; }

.none_import {
    display:none !important;
}

.Bubble-box .u-tips {
    position: absolute; top: -34px; left: 188px; width: 300px;
    font-size: 12px; line-height: 30px; background-color: #666;
    color: #fff; border-radius: 4px; text-align: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
.Bubble-box .u-tips:before {
    content: ''; position: absolute; bottom: -2px; left: 50%; margin-left: -3px;
    border: 3px solid transparent; border-top-color: #666; border-bottom: 0;
}
.mt64 {margin-top: 64px!important;}

/**  #18223 By LuQianYou  2021-06-17  */
.plr16 { padding-right: 16px; padding-left: 16px; }
.pb16 { padding-bottom: 16px; }
/* view-list */
.view-list li { position: relative; }
.view-list li:before {
    content: ''; position: absolute; top: 0; right: 0; left: 0;
    height: 1px; background-color: #e8e8e8; 
    transform: scaleY(.5); transform-origin: center top;
}
.view-list li:first-child:before { display: none; }
.view-list .item { display: block; padding: 16px 0; overflow: hidden; }
.view-list .item2 { display: block; padding: 0 0 16px 0; overflow: hidden; }
.view-list .img-block { width: 120px; height: 80px; border-radius: 4px; overflow: hidden; }
.view-list .tit { height: 44px; }
.view-list .tit2 { height: 66px; }

/* #18664 start */
.col-ff562f {
    color: #ff562f;
}

.s-cbbb {
    color: #bbb;
}

.brand-img {
    height: 226px;
    overflow: hidden;
}

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

.brand-details {
    border-bottom: 1px solid #f2f2f2;
}

    .brand-details .details-title img {
        width: 96px;
        height: 20px;
    }

.brand-btn {
    display: block;
    width: 84px;
    height: 28px;
    line-height: 28px;
    border-radius: 16px;
    border: 1px solid #ff562f;
    text-align: center;
    margin-top: 16px;
}

.article-list a {
    display: block;
    width: 352px;
    height: 20px;
    font-size: 16px;
    color: #333;
    margin-bottom: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* #18664 end */

.error:hover {
    color: #FF562F !important;
}


/* shop-leftfixed */
.shop-leftfixed { position: absolute;right: 130px;bottom: -60px;}
.shop-leftfixed .item { display: block; cursor: pointer; text-align: center; padding: 6px 0 4px; }
.borb-e6 { border-bottom: 1px solid #e6e6e6; }
.shop-leftfixed .item .iconfont { font-size: 30px; line-height: 1; color: #d5d5d5; }
.shop-leftfixed .item:hover .iconfont { color: #ff552e; }
.shop-leftfixed .txt { font-size: 12px; color: #666; margin-top: 3px; text-align: center; }
.shop-leftfixed .share { padding: 5px 0 6px; }
.shop-leftfixed .share .item .iconfont { width: 32px; height: 32px; line-height: 32px; background-color: #d5d5d5; border-radius: 50%; font-size: 20px; color: #f8f8f8; }
.shop-leftfixed .share .item:hover .icon-weibo { background-color: #f36e4f; }
.shop-leftfixed .share .item:hover .icon-qzone { background-color: #fcb929; }
.shop-leftfixed .share .item:hover .icon-wechat { background-color: #12c912; }
.shop-leftfixed .ecode { position: relative; }
.shop-leftfixed .pop {display: none;position: relative;/* top: -25px; *//* left: 80px; */background-color: #fff;box-shadow: 0 -3px 10px rgba(191,191,191,.51);}
.shop-leftfixed .pop:before {content: '';position: absolute;top: 230px;right: -8px;border-width: 8px 0 8px 8px;border-style: solid;border-color: transparent transparent transparent red;}
.shop-leftfixed .ecode .pop { padding: 10px 10px 8px; text-align: center; }
.shop-leftfixed .ecode .pop img { display: block; width: 126px; height: 126px; }
.shop-leftfixed .ecode .pop p { line-height: 22px; margin-top: 8px; }
.shop-leftfixed .zan .icon-Fabulous { font-size: 28px; color: #ff552e; }
.shop-leftfixed .zan .txt { color: #ff552e; }
.shop-leftfixed .feedback {position: relative;}
.shop-leftfixed .feedback .item.cur .iconfont { color: #ff552e; }
.shop-leftfixed .feedback .pop {/* top: -230px; */width: 340px;padding: 25px 30px 30px;}
.shop-leftfixed .feedback .pop::before { top: 240px; }
.shop-leftfixed .feedback .pop .icon-close { position: absolute; top: 15px; right: 15px; color: #bbb; cursor: pointer; font-size: 12px; }
.shop-leftfixed .feedback .pop .pop-tit { font-size: 18px; }
.shop-leftfixed .feedback .type { margin-top: 10px;  }
.shop-leftfixed .feedback .type span { float: left; width: 33.33%; margin-top: 10px; }
.shop-leftfixed .feedback .type .iconfont { margin-right: 8px; color: #d9d9d9; cursor: pointer; }
.shop-leftfixed .feedback .type .cur .iconfont { color: #ff562f; }
.shop-leftfixed .feedback .type .cur .iconfont:before { content: "\e643"; }
.shop-leftfixed .feedback .input-bar { margin-top: 20px; border: 1px solid #d9d9d9; height: 118px; }
.shop-leftfixed .feedback .input-bar textarea { display: block; width: 302px; padding: 9px 18px; height: 100px; }
.shop-leftfixed .feedback .input-bar textarea::placeholder { color: #bbb; }
.shop-leftfixed .feedback .btn-oe { display: inline-block; line-height: 30px; padding: 0 12px; border-radius: 16px; }
.shop-leftfixed .collect.cur .icon-like-o { color: #ff552e; }
.shop-leftfixed .collect.cur .icon-like-o:before { content: "\e780"; }

.shop-summary{position: relative;}