i,
b {
    font-style: normal;
    font-weight: 400;
}

body {
    background-color: #f7f7f7;
    color: #333;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

h3 {
    line-height: 1.2;
    font-size: 16px;
}

span {
    line-height: 1;
    vertical-align: middle;
}

.mt15 {
    margin-top: .375rem/* 15px */
;
}

.pdtb15 {
    padding-top: .375rem/* 15px */
;
    padding-bottom: .375rem/* 15px */
;
}

.pd15 {
    padding: .375rem/* 15px */
;
}

.pdb15 {
    padding-bottom: .375rem/* 15px */
;
}

.pdlr15 {
    padding-left: .375rem/* 15px */
;
    padding-right: .375rem/* 15px */
;
}

.box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    box-sizing: border-box;
    display: block;
}

.bgi {
    box-sizing: border-box;
    line-height: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.pic-img {
    display: block;
    width: 100%;
}

@font-face {
    font-family: 'h5-wlshop';
    src: url('font/icomoon.eot');
    src: url('font/icomoon.eot') format('embedded-opentype'), url('font/icomoon.ttf') format('truetype'), url('font/icomoon.woff') format('woff'), url('font/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'h5-wlshop' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

.f-tac {
    text-align: center!important;
}

.s-fc91 {
    color: #ff9100;
}

.s-fc91:active {
    color: #ff9100;
}

.s-fcgreen {
    color: #32b735;
}

.s-fc99 {
    color: #999;
}

.s-fc66 {
    color: #666;
}


/*字体*/

.icon-tel,
.icon-map {
    display: inline-block;
    font-size: 22px;
    color: #7f7f7f;
}

.icon-arrow {
    font-size: 18px;
    color: #b2b2b2;
}


/*整体布局*/

#shop-hd,
#shop-bd,
#shop-fd {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
}

#shop-hd {
    display: none;
    top: 0;
    z-index: 1000;
}

#shop-bd {
    top: 0;
    left: 0;
    bottom: 1.25rem/* 45px */
;
    z-index: 999;
}

.wx #shop-hd {
    display: block;
    line-height: 1;
    background-color: #313131;
    text-align: left;
}

#shop-hd i,
#shop-hd span {
    color: #ff9100;
}

#shop-hd .flex {
    padding: .278rem/* 10px */
    0;
}

#shop-hd .flex:first-child {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    text-align: left;
}

#shop-hd .flex:last-child {
    text-align: right;
}

.wx #shop-bd {
    top: 1.056rem/* 38px */
;
}

#shop-fd {
    z-index: 1000;
}


/*启动页*/

#shop-start {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 19999;
}

#shop-start img {
    height: 100%;
}

#shop-start .main {
    position: relative;
    width: 100%;
    height: 100%;
}

#shop-start .start-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 1.111rem/* 40px */
;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
    background: linear-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 1)));
    z-index: 199991;
}

.start-btn {
    padding-right: .694rem/* 25px */
;
}

.start-btn a {
    margin-left: .694rem/* 25px */
;
    background-color: #fff;
    color: #ff9100;
    height: 1.25rem/* 45px */
;
    line-height: 1.25rem/* 45px */
;
    border-radius: .556rem/* 20px */
;
}

.start-btn a:last-child {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    background-color: #ff9100;
    color: #fff;
}


/*微店首页--定位*/

[class^='m-abs-'],
[class*='m-abs-'] {
    position: absolute;
}

.m-abs-right {
    top: 50%;
    right: .375rem/* 15px */
;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}


/*常用标题显示*/

.u-title {
    font-size: 14px;
    border-bottom: 1px solid #ededed;
}

.u-title:before {
    position: relative;
    top: 1.5px;
    content: "";
    float: left;
    margin-right: .125rem/* 5px */
;
    width: 2px;
    height: 12px;
    background-color: #ff9100;
}

[data-dpr='2'] .u-title:before,
[data-dpr='3'] .u-title:before {
    top: .075rem/* 3px */
;
}

[data-dpr='2'] .u-title {
    font-size: 26px;
}

[data-dpr='2'] .u-title {
    font-size: 42px;
}


/*统一背景色*/

.shop-name,
.shop-ensure,
.shop-coupon,
.shop-serve,
.shop-comment,
.shop-fd {
    position: relative;
    background-color: #fff;
    line-height: 1;
}


/*微店首页*/


/*修复ios7下面的产生黑线的问题*/

.shop-banner {
    position: relative;
    overflow: hidden;
    max-height: 5.556rem/* 200px */
;
    visibility: visible;
}

.banner-wrapper {
    overflow: hidden;
}

.banner-slide {
    float: left;
}

.banner-slide img {
    display: block;
    width: 100%;
}

.shop-banner .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: .125rem/* 5px */
;
    width: 100%;
}

.swiper-pagination-switch {
    display: inline-block;
    width: .2rem/* 8px */
;
    height: .2rem/* 8px */
;
    border-radius: 50%;
    background: rgba(0, 0, 0, .3);
    margin: 0 .075rem/* 3px */
;
    cursor: pointer;
}

.swiper-active-switch {
    background: #fff;
}

.pic-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    z-index: 9999;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all 1s;
}

.bg-visibile {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.pic-wrapper {
    overflow: hidden;
    display: table;
    table-layout: fixed;
}

.pic-slide {
    display: table-cell;
    vertical-align: middle;
}

.pic-slide img {
    width: 100%;
    height: auto;
}


/*商户名称*/

.shop-name,
.shop-ensure {
    border-bottom: 1px solid #ededed;
}

.shop-name .tt {
    width: 6.667rem/* 240px */
;
}

.shop-name p {
    margin-top: .15rem/* 6px */
;
    color: #999;
    line-height: 1.2;
    font-size: 12px;
}

.shop-name .icon p {
    margin-top: .075rem/* 3px */
;
}

.shop-name .icon {
    padding: 0 .25rem/* 10px */
;
    text-align: center;
}


/*消费者保障*/

.shop-ensure {
    padding-right: .375rem/* 15px */
;
}

.shop-ensure ul {
    width: 98%;
    overflow: hidden;
}

.shop-ensure li {
    float: left;
    margin-left: .375rem/* 15px */
;
    font-size: 14px;
    color: #00af04;
    line-height: 1.2;
}

.shop-ensure li i {
    font-size: 14px;
    /*vertical-align: top;*/
}

.shop-ensure li span {
    vertical-align: -1px;
}


/*优惠券*/

.shop-coupon {
    overflow: hidden;
}

.shop-coupon h3 {
    font-size: 14px;
    margin-bottom: .25rem/* 10px */
;
}

.shop-coupon .coupon-wrapper {
    overflow: hidden;
}

.shop-coupon .item {
    position: relative;
    float: left;
    width: 3rem/* 120px */
;
    padding-right: .375rem/* 15px */
}

.shop-coupon .item img {
    width: 3rem/* 120px */
;
}

.shop-coupon .item>div {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.shop-coupon .item>div.left {
    left: 0;
    width: 2.2375rem;
    text-align: center;
    color: #fff;
}

.shop-coupon .left p {
    font-size: 12px;
    line-height: 1.2;
}

.shop-coupon .left i {
    font-size: 20px;
    margin-right: .075rem/* 3px */
;
}

.shop-coupon .item>div.right {
    right: .375rem/* 15px */
;
    width: .625rem/* 25px */
;
    font-size: 14px;
    color: #fff;
}

.shop-coupon .item>div.active {
    color: #fffc00;
}


/*服务*/

.shop-serve .main {
    padding-top: .375rem/* 15px */
;
    padding-bottom: .375rem/* 15px */
;
}

.shop-serve .list {
    padding-top: .25rem/* 10px */
;
}

.shop-serve .list li {
    padding-bottom: .125rem/* 5px */
;
}

.shop-serve i {
    display: block;
    font-size: 35px;
    color: #ff9100;
}

.shop-serve span,
.shop-serve del {
    display: block;
,
font-size: 12px;
}

.shop-serve .icon-del {
    color: #d9d9d9;
}


/*评论*/

.shop-comment .item {
    padding-top: .375rem/* 15px */
;
    border-bottom: 1px solid #ededed;
}

.shop-comment .tt {
    font-size: 12px;
    color: #666;
}

.corner {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: .025rem/* 1px */
    .1rem/* 4px */
;
    background-color: #ff9100;
    color: #fff;
    font-size: 10px;
    vertical-align: middle;
}

.shop-comment .ct {
    padding: .25rem/* 10px */
    0;
    font-size: 14px;
    line-height: 1.3;
}

.shop-comment .fd {
    padding: .25rem/* 10px */
    0;
}

.shop-comment .fd a {
    padding: .25rem/* 10px */
    0;
    color: #ff9100;
    font-size: 14px;
    border-left: 1px solid #ededed;
}

.shop-comment .fd a:first-child {
    border: 0;
}

.shop-comment .no-list {
    padding: .375rem/* 15px */
    0;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}

.shop-comment .no-list a {
    color: #ff9100;
}


/*底部技术支持*/

.shop-msg {
    margin-top: 0!important;
    padding: .375rem/* 15px */
;
    color: #999;
    text-align: center;
    font-size: 10px;
}


/*底部菜单*/

.shop-fd {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 1.25rem/* 50px */
;
    -webkit-box-shadow: -.025rem/* 1px */
    0 .25rem/* 10px */
    .05rem/* 2px */
    rgba(0, 0, 0, .3);
    -moz-box-shadow: -.025rem/* 1px */
    0 .25rem/* 10px */
    .05rem/* 2px */
    rgba(0, 0, 0, .3);
    -o-box-shadow: -.025rem/* 1px */
    0 .25rem/* 10px */
    .05rem/* 2px */
    rgba(0, 0, 0, .3);
    -ms-box-shadow: -.025rem/* 1px */
    0 .25rem/* 10px */
    .05rem/* 2px */
    rgba(0, 0, 0, .3);
    box-shadow: -.025rem/* 1px */
    0 .25rem/* 10px */
    .05rem/* 2px */
    rgba(0, 0, 0, .3);
}

.shop-fd .item {
    background-color: #fff;
    color: #ff9100;
}

.shop-fd .item:last-child {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    background-color: #ff9100;
    color: #fff;
}

.icon {
    font-size: 22px;
    vertical-align: middle;
}

.icon-txt {
    font-size: 14px;
}


/*tab顶部通用*/

.tab-top {
    width: 100%;
    border-bottom: 1px solid #ededed;
    background-color: #fff;
}

.tab-top .nav-item {
    padding: 0 .375rem/* 15px */
;
}

.tab-top a {
    display: block;
    height: 1.222rem/* 40px */
;
    line-height: 1.222rem/* 40px */
;
    color: #666;
    font-size: 14px;
}

.tab-top .nav-item.active a {
    border-bottom: .111rem/* 4px */
    solid #ff9100;
    color: #ff9100;
}

.tab-main {
    width: 100%;
}

.tab-main .item:first-child,
.coupon-list a:first-child .item:first-child {
    margin-top: .375rem/* 15px */
;
}

.tab-main .swiper-slide {
    height: auto;
    overflow: hidden;
}

.coupon-list a .item:first-child {
    margin-top: 0;
}


/*全部服务列表*/

.serve-list .item,
.coupon-list .item {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom: 1px solid #ededed;
}

.serve-list .tt {
    overflow: hidden;
}

.serve-list .left {
    float: left;
}

.serve-list .right {
    float: right;
    font-size: 16px;
    color: #ff9100;
}

.serve-list .left h3 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 16px;
    vertical-align: middle;
}

.serve-list .item p {
    font-size: 14px;
    color: #666;
}


/*微店详情页*/

.shop-order,
.shop-info {
    background-color: #fff;
}

.shop-order .tools {
    padding-top: .25rem/* 10px */
;
    line-height: 1;
}

.shop-order del {
    margin-right: .2rem/* 8px */
;
}

.shop-order .tools span {
    margin: 0 .2rem/* 8px */
    0 .075rem/* 3px */
;
}

.shop-order .tools .icon {
    color: #7f7f7f;
}

.shop-more dl,
.shop-more .shop-msg,
.shop-more .shop-loading {
    width: 100%;
}

.shop-other dl,
.shop-sevtxt,
.shop-matter,
.bgwhite {
    background-color: #fff;
}

.shop-other del {
    vertical-align: middle;
}

.shop-other dl {
    height: auto;
    border-bottom: 1px solid #ededed;
}

.shop-other .list {
    overflow: hidden;
}

.shop-other .list dt {
    width: 2.4rem/* 96px */
;
    height: 1.667rem/* 60px */
;
    overflow: hidden;
}

.shop-other .list dd {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    padding-left: .375rem/* 10px */
;
}

.shop-other .list p {
    margin-top: .25rem/* 10px */
;
}

.shop-sevtxt table {
    width: 100%;
    text-align: center;
    margin-bottom: .25rem/* 10px */
;
}

.shop-sevtxt td,
.shop-sevtxt th {
    font-weight: 400;
    padding: .25rem/* 10px */
    0;
}

.shop-sevtxt th,
.shop-sevtxt td {
    border: 1px solid #ededed;
    border-collapse: collapse;
}

.shop-info dt {
    width: 1.8rem/* 72px */
;
    overflow: hidden;
}

.shop-info dd.txt {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding-left: .25rem/* 10px */
;
    padding-right: .375rem/* 15px */
;
}

.shop-info dl h3 {
    margin-bottom: .2rem/* 8px */
;
}

.shop-info .flex-icon {
    border-left: 1px solid #ededed;
}

.shop-info .icon {
    display: block;
    font-size: 36px;
    height: 1.45rem/* 58px */
;
    line-height: 1.45rem/* 58px */
;
}

[data-dpr='2'] .shop-info .icon {
    font-size: 72px;
}

[data-dpr='3'] .shop-info .icon {
    font-size: 108px;
}

.shop-loading {
    display: none;
    margin-top: 0!important;
    padding: .25rem/* 10px */
    0;
    text-align: center;
    opacity: 0;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.visible {
    opacity: 1;
}

.scrollmsg {
    position: absolute;
    left: 0;
    bottom: 0;
}

.touch-slide {
    height: auto;
}

.touch-slide p {
    text-align: justify;
}

.flat-grid3,
.flat-grid4 {
    margin-left: -.375rem/* 15px */
;
    overflow: hidden;
}

.flat-grid3 .grid,
.flat-grid4 .grid {
    float: left;
    width: 33.3%;
    padding-left: .375rem/* 15px */
;
    margin-bottom: .125rem/* 5px */
;
    overflow: hidden;
}

button,
input {
    border: 0;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
}

.flat-grid3 .grid p {
    text-align: center;
    margin-top: .2rem/* 8px */
;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    text-align: center;
}

.flat-grid4 .grid {
    width: 25%;
}

.flat-grid4 .grid img {
    width: 1.85rem/* 74px */
;
    height: 1.85rem/* 74px */
;
    border-radius: 50%;
    margin: auto;
}

.icorner {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flat-grid4 dt {
    position: relative;
}

.flat-grid4 .icorner {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 .025rem/* 1px */
;
    color: #fff;
    background-color: rgba(255, 145, 0, .9);
    border-radius: .25rem/* 10px */
;
}

[data-dpr='1'] .flat-grid4 .icorner,
[data-dpr='1'] .corner {
    padding-top: .05rem/* 2px */
;
}

[data-dpr='1'] .corner {
    padding-top: .075rem/* 3px */
;
    /*vertical-align: bottom;*/
}

.flat-grid4 h3 {
    margin-top: .25rem/* 10px */
;
}

.flat-grid4 h3,
.flat-grid4 p {
    text-align: center;
}


/*买单*/

.shop-buy img,
.shop-my img {
    width: 3.5rem/* 126px */
;
    height: 3.5rem/* 126px */
;
    border-radius: 50%;
    margin: 0 auto .25rem/* 10px */
;
}

.shop-buy button,
.shop-sign button {
    height: 1.125rem/* 45px */
;
    background-color: #ff9100;
    width: 100%;
    color: #fff;
}

.shop-buy button:active,
.shop-sign button:active {
    background-color: rgba(255, 145, 0, .8);
}

.form {
    position: relative;
    overflow: hidden;
    padding: 0 .375rem/* 15px */
;
    border-top: 1px solid #ededed;
}

.form label,
.form input,
.shop-my a span {
    width: 50%;
    height: 1.25rem/* 50px */
;
    line-height: 1.25rem/* 50px */
;
}

.form label {
    float: left;
    padding-right: .25rem/* 10px */
;
    width: 20%;
}

.form input {
    float: right;
    width: 80%;
}

.form input[type="passworld"] {
    float: left;
    width: 50%;
}

.form .code {
    float: right;
    width: 30%;
    background-color: transparent;
    color: #ff9100;
    padding-left: .375rem/* 15px */
;
    border-left: 1px solid #ededed;
}


/*我的*/

.shop-my a {
    display: block;
    border-top: 1px solid #ededed;
    overflow: hidden;
}


/*代金券*/

.coupon-list .item .left {
    background: url(../../img/minshop/cash_coupon.png) no-repeat;
    background-size: 100% 100%;
    line-height: inherit;
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    color: #fff;
}

.coupon-list .item .center h3 {
    height: .75rem/* 30px */
;
    text-align: justify;
    overflow: hidden;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}

.coupon-list .txt h3 {
    color: #fff600;
    font-size: 25px;
}

.coupon-list-no .item .left {
    background-image: url(../../img/minshop/cash_coupon_no.png);
}

.coupon-list-no .txt h3 {
    color: #fff;
}

[data-dpr='2'] .coupon-list .txt h3 {
    font-size: 50px;
}

[data-dpr='3'] .coupon-list .txt h3 {
    font-size: 75px;
}

.coupon-list .item .txt {
    overflow: hidden;
    padding: .25rem/* 10px */
    0;
}

.coupon-list .item .txt p {
    float: left;
    width: .35rem/* 14px */
;
    margin-left: .25rem/* 10px */
;
    margin-top: .125rem/* 5px */
;
}

.coupon-list .item .txt div {
    margin-left: .625rem/* 25px */
;
}

.coupon-list .item .center {
    padding: 0 .125rem/* 5px */
    0 .2rem/* 8px */
;
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
}

.coupon-list .item .right {}

.wx .tab-top {
    top: 1rem/* 40px */
;
}

.flex3 {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}


/*服务券*/

.voucher-list .item {
    background: url(../../img/minshop/voucher_bottom.png) left bottom no-repeat;
    border-top: .1rem/* 4px */
    solid #ff9100;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #fff;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.voucher-list a {
    display: block;
    padding-bottom: 0;
}

.voucher-list .item {
    overflow: hidden;
    padding-bottom: .375rem/* 15px */
;
}

.voucher-list .item .left {
    float: left;
    width: 82%;
}

.voucher-list .item .right {
    float: right;
    width: 18%;
    padding: 0 .625rem/* 25px */
;
    box-sizing: border-box;
;
    border-left: 1px solid #ededed;
    /*margin-top: .278rem;*/
}

.voucher-list .item h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    white-space: nowrap;
    padding-bottom: .125rem/* 5px */
;
}

.voucher-list .item:first-child {
    margin-top: 0;
}

.voucher-list .ok .right {
    color: #00af04;
}

.voucher-list .no .right {
    color: #999;
}

.voucher-list .load .right {
    color: #ff9100;
}


/*评论列表*/

.comment-list .item {
    border-bottom: 1px solid #ededed;
}

.comment-list p {
    overflow: hidden;
}

.comment-list .f-tal {
    float: left;
}

.comment-list .f-tar {
    float: right;
}

.comment-list .txt {
    margin-top: .25rem/* 10px */
;
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.f-oh {
    overflow: hidden;
}

.comment-fd .item-ipt {
    padding: 0 .375rem/* 15px */
;
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.comment-fd .item-ipt input {
    display: block;
    height: 1.125rem/* 45px */
;
    width: 100%;
}


/*点击外框*/

.alink {
    color: #333;
}

.alink:hover {
    color: #333;
}

.item:active,
.shop-name .icon:active,
.shop-ensure:active,
.shop-serve li:active,
.shop-comment a:active,
.tab-top li:active,
#shop-hd .flex:active,
.alink:active,
.form .code:active {
    background-color: rgba(0, 0, 0, .1);
}

[data-dpr='2'] h3,
[data-dpr='2'] .serve-list .right,
[data-dpr='2'] .serve-list .left h3 {
    font-size: 32px;
}

[data-dpr='3'] h3,
[data-dpr='3'] .icon-arrow,
[data-dpr='3'] .serve-list .right,
[data-dpr='3'] .serve-list .left h3 {
    font-size: 48px;
}

[data-dpr='3'] .shop-name p,
[data-dpr='2'] .icon-arrow,
[data-dpr='3'] .shop-serve span,
[data-dpr='3'] .shop-serve del,
[data-dpr='3'] .shop-comment .tt,
[data-dpr='3'] .shop-coupon .left p,
[data-dpr='3'] .tab-top a {
    font-size: 36px;
}

[data-dpr='2'] .shop-name p,
[data-dpr='2'] .shop-serve span,
[data-dpr='2'] .shop-serve del,
[data-dpr='2'] .shop-coupon .left p,
[data-dpr='2'] .shop-comment .tt,
[data-dpr='2'] .shop-coupon .item>div.right,
[data-dpr='2'] .serve-list .item p {
    font-size: 24px;
}

[data-dpr='2'] .icon-tel,
[data-dpr='2'] .icon-map,
[data-dpr='2'] .icon {
    font-size: 44px;
}

[data-dpr='2'] .shop-coupon .left i {
    font-size: 40px;
}

[data-dpr='3'] .shop-coupon .left i {
    font-size: 60px;
}

[data-dpr='3'] .icon-tel,
[data-dpr='3'] .icon-map,
[data-dpr='3'] .icon {
    font-size: 66px;
}

[data-dpr='2'] .shop-coupon h3,
[data-dpr='2'] .u-title,
[data-dpr='2'] .shop-comment .ct,
[data-dpr='2'] .shop-comment .fd a,
[data-dpr='2'] .icon-txt,
[data-dpr='2'] .tab-top a,
[data-dpr='2'] .shop-comment .no-list {
    font-size: 26px;
}

[data-dpr='2'] .shop-ensure li i {
    font-size: 28px;
}

[data-dpr='2'] .shop-ensure li {
    font-size: 26px;
}

[data-dpr='2'] .u-title:before {
    width: 4px;
    height: 22px;
}

[data-dpr='3'] .shop-ensure li,
[data-dpr='3'] .shop-coupon h3,
[data-dpr='3'] .u-title,
[data-dpr='3'] .shop-ensure li i,
[data-dpr='3'] .shop-comment .ct,
[data-dpr='3'] .shop-comment .fd a,
[data-dpr='3'] .icon-txt,
[data-dpr='3'] .serve-list .item p,
[data-dpr='3'] .shop-comment .no-list,
[data-dpr='3'] .shop-msg,
[data-dpr='3'] .shop-coupon .item>div.right {
    font-size: 42px;
}

[data-dpr='3'] .u-title:before {
    width: 4px;
    height: 36px
}

[data-dpr='2'] .shop-serve i {
    font-size: 70px;
}

[data-dpr='3'] .shop-serve i {
    font-size: 105px;
}

[data-dpr='2'] .corner,
[data-dpr='2'] .shop-msg {
    font-size: 20px;
}

[data-dpr='3'] .corner {
    font-size: 30px;
}


/*字号*/

.f20 {
    font-size: 20px;
}

.f18 {
    font-size: 18px;
}

.f16 {
    font-size: 16px;
}

.f14 {
    font-size: 14px;
}

.f12 {
    font-size: 12px;
}

.f10 {
    font-size: 10px;
}

[data-dpr='2'] .f18,
[data-dpr='3'] .f12 {
    font-size: 36px;
}

[data-dpr='3'] .f18 {
    font-size: 54px;
}

[data-dpr='2'] .f16 {
    font-size: 32px;
}

[data-dpr='3'] .f16 {
    font-size: 48px;
}

[data-dpr='2'] .f14 {
    font-size: 26px;
}

[data-dpr='3'] .f14 {
    font-size: 42px;
}

[data-dpr='2'] .f12 {
    font-size: 24px;
}

[data-dpr='2'] .f10 {
    font-size: 20px;
}

[data-dpr='3'] .f10 {
    font-size: 30px;
}

[data-dpr='2'] .shop-ensure li span,
[data-dpr='3'] .shop-ensure li span {
    vertical-align: middle;
}

[data-dpr='2'] .f20 {
    font-size: 40px;
}

[data-dpr='3'] .f20 {
    font-size: 60px;
}

.f-tal {
    text-align: left;
}

.f-tar {
    text-align: right;
}

.f-tac {
    text-align: center!important;
}

.swiper-pages {
    height: 92%;
}

.scroll-container {
    height: 100%;
    width: 100%;
}

.scroll-container .swiper-slide {
    width: 100%;
}

.swiper-active-switch {
    background: #fff;
}


/* Gallery */

.swiper-gallery {
    width: 100%;
    height: 100%;
}

.swiper-gallery .swiper-slide {
    width: 100%;
    position: relative;
    text-align: center;
}

.swiper-gallery .swiper-slide img {
    opacity: 0.2;
    width: auto;
    height: auto;
    max-width: 100%;
    -webkit-transition: 1000ms;
    -moz-transition: 1000ms;
    -ms-transition: 1000ms;
    -o-transition: 1000ms;
    transition: 1000ms;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.swiper-gallery .swiper-slide-visible img {
    opacity: 1;
}


/* Scrollbars */

.shop-other .swiper-slide {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*修改*/

[data-dpr='3'] .icon-card {
    vertical-align: -14px;
}

.comment-fd .item-ipt input,
.shop-fd .item:last-child {
    font-size: 14px;
    color: #333;
}

.shop-fd .item:last-child {
    color: #fff;
}

[data-dpr='2'] .comment-fd .item-ipt input,
[data-dpr='2'] .shop-fd .item:last-child {
    font-size: 26px;
}

[data-dpr='3'] .comment-fd .item-ipt input,
[data-dpr='3'] .shop-fd .item:last-child {
    font-size: 36px;
}


/*wx share*/

a:active {
    color: #333;
}

#wx_share {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-right: .278rem/* 10px */
;
    background-color: rgba(0, 0, 0, .3);
    text-align: right;
    z-index: 100000;
}

#wx_share img {
    width: 30%;
}


/* 在swiper-slider下面的swiper-container里加入scroll类 */

.scroll {
    overflow-y: scroll!important;
    -webkit-overflow-scrolling: touch!important;
}

[data-dpr='2'] .shop-other .list dd,
[data-dpr='3'] .shop-other .list dd {
    margin-top: .222rem/* 8px */
;
}