@charset "utf-8";
body{ color:#333; background: #f6f6f6;}
a{ color:inherit;}
a:active { color: inherit;}
ul,li{ list-style: none;}
em,i{ font-style: normal;}
img{ max-width: 100%;}
input,textarea {-webkit-appearance: none;}
h1,h2,h3,h4,h5,h6{ font-size: 16px;}
input:focus{-webkit-outline:none!important;-ms-outline:none!important;-moz-outline:none!important;-os-outline:none!important;outline:none!important;}
*:focus {-webkit-outline:none!important;-ms-outline:none!important;-moz-outline:none!important;-os-outline:none!important;outline:none!important;} 

.clearfix:after, .clearfix:before { display: table;content: " "; }
.clearfix:after { clear: both; }
.del { text-decoration: line-through; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.pst{ position:relative; }

.mt-10{ margin-top: 10px; }
.mb-10{ margin-bottom: 10px; }
.ml-10{ margin-left: 10px; }
.ml-20{ margin-left: 20px; }
.color-orange{ color:#FF7237;}
.color-9{ color:#999;}
.fz-20{ font-size: 24px;}

.show{ display: block !important;}
.hide{ display: none;}

.minire-fresh{-webkit-overflow-scrolling:touch;height: 100%;overflow: scroll;position: relative;}

.page-bg{ background: #f6f6f6;}

.weui-dialog__btn{ color: #FF7237; }
.weui-prompt-input{ height: 2.4em; border-radius: 3px;}

.header-bg{ background: #fff; height: 44px; max-width: 640px; margin: 0 auto; position: fixed; left: 0; right:0; top:0; z-index: 99;}
.header-fixed{ position: fixed; left: 0; right: 0;}
.header-bd{ border-bottom: 1px solid #e5e5e5;}
.pb-50{ padding: 44px 0 0px 0;}
.pm-60{ padding-bottom:64px; }

.container{ max-width: 640px; margin: 0 auto;}
.header-box{ position: relative;}
.header-center{ padding: 5px 60px 0 60px;}
.header-long{ padding: 0 10px;}
.header-right{ padding: 4px 8px 0 65px;  }
.search-ipt{ position: relative; background: #f3f3f3; height: 36px; line-height: 36px;  border-radius: 50px; border: none; padding: 0 10px 0 40px;}
.search-ipt .ipt-txt{ background: none; width: 100%; border: none; height: 100%; font-size: 15px; color:#666;}
.search-ipt i.icon{ position: absolute; left: 15px; top:0;}
.header-tit{ text-align: center; height: 34px; line-height: 34px;}
.return{ position: absolute; left: 10px; top:14px; }
.icon-search{ position: absolute; left: 10px; top:9px; background: url(../images/search.png) no-repeat; width: 20px; height: 20px; background-size: 20px 20px; }

.footer-bar,.footer-opera{ position: fixed; left: 0; right:0; bottom:0; max-width: 640px; margin: 0 auto; z-index: 99; padding: 5px 0; height: 50px; background: #fff; border-top:1px #ebebeb solid;}
.footer-bar li{ float: left; width: 25%; text-align: center;}
.footer-bar li h5{ font-size: 12px; color:#333; font-weight: normal;}
.footer-bar li.current h5{ color:#FF7237;}
.footer-bar li .fb-icon{ width: 24px; height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block;}
.footer-bar li .icon-home{ background-image:  url(../images/home-out.png); }
.footer-bar li.current .icon-home{ background-image:  url(../images/home-cur.png); }
.footer-bar li .icon-life{ background-image: url(../images/life-out.png);}
.footer-bar li.current .icon-life{ background-image: url(../images/life-cur.png);}
.footer-bar li .icon-find{ background-image: url(../images/find-out.png);}
.footer-bar li.current .icon-find{ background-image: url(../images/find-cur.png);}
.footer-bar li .icon-my{ background-image: url(../images/my-out.png);}
.footer-bar li.current .icon-my{ background-image: url(../images/my-cur.png);}
.footer-opera p{ margin: 5px;}
.footer-opera p a{ display: block; color: #fff; padding: 8px 0; text-align: center; background: #FF7237; border-radius: 50px;}

.city-box{ position: absolute; left: 10px; top:13px; font-size: 13px;}
.city-box a{ display: flex;}
.city-box span{ flex: 1; width: 36px; word-break: keep-all;white-space: nowrap; overflow: hidden;text-overflow: inherit; }
.city-box i{ flex: 1;}
.city-box i svg{ margin-bottom: -2px;/*margin-left:-5px;*/}

.login-logo{ width: 180px; margin: 20px auto; height: 68px; overflow: hidden;}
.login-logo img{ width: 100%; height: 100%; object-fit: scale-down;}

.login-close{ display: inline-block; padding-top: 10px; padding-left: 10px;}
.login-close span{ margin-top: 10px; }

.login-box{ margin: 20px;}
.login-box .login-item{display: flex; border-bottom: 1px #e7e7e7 solid; position: relative; padding: 10px 10px 10px 40px;}
.login-box label{ position: absolute; left: 0; top:15px;}
.login-ipt{ position: relative; width: 100%; }
.input-code{ width: 50%;}
.btn-code{ position: absolute; right: 0; top:0px; }
.btn-code a{ border: 1px #FF7237 solid; border-radius: 50px; padding: 5px 10px; color:#FF7237; font-size: 14px; }
.btn-code a.grey{ border: 1px #999 solid; color:#999; }
.login-btn{ margin: 40px 0;}
.login-btn a{ display: block; text-align: center; background: #FF7237; border-radius: 50px; height: 42px; line-height: 42px; color:#fff; }
.login-tips{ background: #F8F8F8; height: 40px; line-height: 40px; text-align: center; color:#FF7237; font-size: 14px;}

.other-login{ margin:80px 20px 20px; font-size: 14px; }
.ol-tit{ position: relative; border-bottom: 1px #f1f1f1 solid; }
.ol-tit span{ color:#999; position: absolute; left: 50%; background: #fff; top:-10px; width: 140px; margin-left: -70px;  text-align: center;}
.login-way{ display: flex; margin-top: 20px; color:#999;}
.login-way li{ flex: 1; text-align: center;}
.login-way li .way-icon{ margin:10px auto; width: 52px; height: 52px; text-align: center; line-height: 52px; border-radius: 50%; background: #fff; border: 1px #00b30d solid; position: relative;}
.login-way li .way-icon i{ color:#00b30d; font-size: 40px; position: absolute; left: 50%;top: 50%; width: 40px;height: 40px; margin-top: -15px; margin-left: -20px;}
.login-protocol{ margin-top: 20px; color:#999; text-align: center; }
.login-protocol a{ color:#FF7237;}
.login-layer{ z-index: 150; position:fixed; left: 0; right: 0; top:0; bottom:0; max-width: 640px; margin: 0 auto; overflow-y: auto; background: #fff; padding-top: 50px;}

.index-banner{ /*height: 150px;*/ background: #fff;padding: 10px; }
.index-banner .swiper-container {width: 100%;height: 40vw;overflow: hidden;  border-radius: 10px;   }
.index-banner .swiper-slide { text-align: center;font-size: 18px; background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; width: 100%; height: 40vw; }
.index-banner .swiper-slide img{ width: 100%; height: 100%; object-fit:fill;}
.swiper-pagination-bullet-active{background: #ff7237}
.swiper-container-horizontal>.swiper-pagination{ bottom: 10px;}
.swiper-button-next, .swiper-button-prev{ background-size:20px 32px; width: 20px; height: 32px; margin-top: -16px;  }
.nav-type{ background: #fff; padding: 20px 10px 10px 10px; height: 180px;}
.nav-type li{ float: left; width: 20%; text-align: center; margin-bottom: 20px;}
.nav-type li .icon-type{ width: 36px; margin: 0 auto; height: 36px; overflow: hidden; margin-bottom: 6px;}
.nav-type li .icon-type img{ width: 100%; height: 100%; object-fit: scale-down;}
.nav-type li p{ color:#666; height: 24px; line-height: 24px; font-size: 13px; overflow: hidden;}

.index-news{ position: relative; background: #fff; height: 50px; line-height:50px;  padding: 0 40px 0 130px;}
.index-news .news-tit{     position: absolute; top: 50%; left: 10px;  width: 110px; height: 30px; margin-top: -15px;}
.index-news .news-tit img {  width: 100%; height: 100%; object-fit: scale-down;}
.news-more{ position: absolute; right:10px; top:0;}
.news-more i svg{ margin-top: 10px;}
.alert-icon{ position: absolute; top:10px; left:98px;  width: 24px; height: 24px; }
.alert-icon img{ width: 30px; height: 30px; margin-bottom: -5px;}

.index-common{ background: #fff; }
.index-common .swiper-container {width: 100%; padding-bottom: 30px;}
.index-common .swiper-slide {background-position: center; background-size: cover; width: 80%;height: 32vw;}
.index-common .swiper-slide img{ width: 100%; height: 100%; object-fit:fill;}
.index-tit{ position: relative; height: 50px; line-height: 50px; padding:  0 16px; font-size: 18px; }
.index-tit-bd{ border-bottom: 1px #ebebeb solid; }
.view-more{ position: absolute; right: 10px; top:0; font-size: 14px; color:#666; }
.view-more i{ margin-left: 4px;}
.view-more i svg{ margin-bottom: -8px;}

.index-goods{ padding:0 10px 10px 10px;}
.goods-photo{ border: 1px #ebebeb solid; border-radius: 6px; width: 100%; height: 30.7vw; overflow: hidden;}
.goods-photo img{ width: 100%; height: 100%; object-fit: cover;}
.goods-intro{ font-size: 14px; padding: 5px 0;}
.goods-name{ display:block; height: 24px; overflow: hidden; }
.goods-price{ color:#FF7237;}
.goods-price em{ font-size: 18px;}
.index-goods .swiper-container{ padding-bottom: 0;}
.index-goods .swiper-slide{height: 48vw !important;/*  width: 110px !important; */ margin-right: 10px;}

.index-filter{ border-bottom:1px #ebebeb solid; padding: 10px 0; }
.index-filter ul{ display: flex;}
.index-filter li{ flex: 1; text-align: center;}
.index-filter li.current{ color:#FF7237;}
.index-shop,.goods-detail{ padding: 0 16px }
.index-shop .shop-item,.goods-detail .shop-item{ position: relative; border-bottom:1px #ebebeb solid; padding: 10px 0px 10px 96px; min-height: 80px; }
.index-shop .shop-item:last-child{ border-bottom: none;}
.goods-detail .shop-item { border-bottom: none; padding: 10px 0px 0 96px; }
.shop-photo{ position: absolute; left: 0; top:10px; width: 80px; height: 80px; border: 1px #ebebeb solid;border-radius: 4px; overflow: hidden;}
.shop-photo img{ width: 100%; height: 100%; object-fit: cover; }
.label{ display: inline-block; width: 16px; height: 16px; text-align: center; line-height: 16px; border-radius: 2px; color:#fff; font-size: 12px; margin-right: 5px;}
.label-red { background: #FF606A;}
.label-yellow { background: #FFB433;}
.goods-list p{ font-size: 14px; margin-bottom: 5px;  position: relative;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.goods-list p em.goods-more{ position: absolute; right: -8px; top:-2px; font-size: 12px; z-index: 98;}
.goods-list p:nth-child(1){ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding: 0 70px 0 0;}
.shop-intro p{ color: #999; margin: 5px 0; height: 18px; overflow: hidden; font-size: 13px; position: relative; }
.shop-intro p span:nth-child(1){ margin-right: 10px; }
.shop-intro p em{ position: absolute; right:0; top:0;}
.shop-intro h4{ font-weight: normal; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.shop-intro p .shop-tel{ position: absolute; right:0; top:-3px; }

.open-time{ color:#999; font-size: 13px;}
.link-list li{ position: relative; padding: 0 70px 0 0; border-bottom: 1px #ebebeb solid; }
.link-list li:last-child{ border-bottom: none;}
.link-list li a{ display: block; padding: 15px 0; }
.link-list li a em{ position: absolute; right: 0; top:15px; color:#999; font-size: 14px;}
.my-common .link-list li a em{ font-size: 13px;}
.link-list li a em b{ font-weight: normal; margin: 0 4px;}
.link-list li a em.map{ color:#FF7237;}
.link-list li a em.map .icon{ font-size: 24px;}
.link-list li a em svg{ margin-bottom: -8px;}
.link-list h6{ font-size: 16px; font-weight: normal; }
.link-list p{ color:#999; font-size: 13px; }
.price-set { position: relative; }
.price-set .del{ margin-left: 16px; color:#999; font-size: 14px; }
.price-set i{ position: absolute; right: 0; top:5px; color:#999; font-size: 12px;}
.indate{ margin-left: -96px; margin-top: 10px; color:#999; font-size: 14px; position: relative;}
.indate span{ position: absolute; right: 0;  }
.shop-txt{ color:#666; padding: 10px 0;}
.header-opera{ position: absolute; right: 10px; top:12px;}
.header-opera a{ margin-left: 10px;}
.icon-share{ background: url(../images/share.png) no-repeat; width: 24px; height:24px; background-size: 24px 24px; display: inline-block;}
.icon-favor{ background: url(../images/favor.png) no-repeat; width: 24px; height:24px; background-size: 24px 24px; display: inline-block;}
.icon-favor-org{ background: url(../images/favor-org.png); width: 24px; height:24px; background-size: 24px 24px; display: inline-block;}
.icon-os{ background: url(../images/search.png) no-repeat; width: 24px; height:24px; background-size: 24px 24px; display: inline-block;}
.shop-buy{position: absolute; right: 0; top:50%; width: 50px; height: 30px; text-align: center;  line-height: 30px; margin-top: -15px; border-radius: 30px; background: #FF7237; color:#fff; font-size: 13px; }

.total-info{ display: flex; border-top: 1px #ebebeb solid; padding: 15px 0; font-size: 14px;}
.total-info li{ flex: 1; font-size:16px; }
.total-info li:nth-child(2){ text-align: right;}
.total-info li.price{ color:#FF7237;}
.total-info li.price em{ font-size: 18px;}
.total-info .number a{ position: relative;}
.total-info .number a.decrease{ width: 40px; height: 30px; line-height: 30px; text-align: center;  display: inline-block; border: 1px #ff7237 solid; border-radius: 3px 0 0 3px; background: #fff; }
.total-info .number a.decrease i{ position: absolute;top: 6px;left: 10px; }
.total-info .number a.increase{ width: 40px; height: 30px; line-height: 30px; text-align: center;  display: inline-block; margin-left: -6px; border: 1px #ff7237 solid; border-radius: 0 3px 3px 0;  background: #fff; }
.total-info .number a.increase i{ position: absolute; top: 7px; right: 10px; }
.total-info .number .count{ width: 60px; height: 30px; line-height: 30px; text-align: center;  display: inline-block; margin-left: -7px; border: 1px #ff7237 solid;  background: #fff; vertical-align:top; border-radius: 0; }
.tab-detail{ border-bottom: 1px #ebebeb solid; margin-bottom: 10px;}
.tab-detail li{ width: 80px; margin-right: 10px; float: left; font-size: 16px;  }
.tab-detail li.selected a{ color:#FF7237; }

.pay-time{ height: 36px; line-height: 36px; color:#FF7237; text-align: center; font-size: 14px;}
.pay-order{ padding: 16px; font-size: 16px;}
.pay-order dl{ position: relative; padding: 0 0 0 90px; margin-bottom: 10px;}
.pay-order dl:last-child{ margin-bottom: 0;  border-top:1px #ebebeb solid; padding-top: 10px;}
.pay-order dl:last-child dt{ top:10px;}
.pay-order dt{ position:absolute; left: 0; top:0; color:#999; width: 90px; display: inline-block; text-align: justify; vertical-align: top; }
.link-list dt span img{ width: 26px; height: 26px; margin-bottom: -6px; margin-right: 10px;}
.link-list dt i{ color:#FF7237; margin-left: 5px; font-size: 13px;}
.link-list dd{ margin-top: 5px; padding-left: 36px; font-size: 14px; color:#666;}
.add-ticket{ padding: 15px 0;}
.add-ticket a{ border: 1px #FF7237 solid; padding: 8px 0; display: block; color:#FF7237; text-align: center; border-radius: 50px;}
.add-ticket a i{ margin-right: 4px;}
.pay-count li{ border-bottom: 1px #ebebeb solid; padding: 10px 0; }
.pay-count li:last-child{ border-bottom: none;}
.ticket-box{ padding-bottom: 16px;}
.ticket-item{ position: relative; background: #fff; border-radius: 10px; margin-bottom: 16px; -webkit-box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .04); box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .04); padding: 10px 50px 10px 90px; min-height: 90px; }
.ticket-type{ position: absolute; left: 0; top:0; bottom:0; width: 80px; color:#fff; text-align: center; border-radius: 10px 0 0 10px}
.ticket-dh .ticket-type{ background-image: -moz-linear-gradient( 60deg, rgb(236,109,96) 0%, rgb(242,171,144) 99%);background-image: -webkit-linear-gradient( 60deg, rgb(236,109,96) 0%, rgb(242,171,144) 99%);background-image: -ms-linear-gradient( 60deg, rgb(236,109,96) 0%, rgb(242,171,144) 99%);}
.ticket-dy .ticket-type{background-image: -moz-linear-gradient( 60deg, rgb(244,188,138) 0%, rgb(248,215,150) 99%); background-image: -webkit-linear-gradient( 60deg, rgb(244,188,138) 0%, rgb(248,215,150) 99%);background-image: -ms-linear-gradient( 60deg, rgb(244,188,138) 0%, rgb(248,215,150) 99%);}
.top-bg{ position: absolute; left: 74px; top:-2px; background: url(../images/top-label.png) no-repeat; width: 15px; height: 9px; background-size: 15px 9px; z-index: 98;}
.bottom-bg{ position: absolute; left: 74px; bottom:-2px; background: url(../images/bottom-label.png) no-repeat; width: 15px; height: 9px; background-size: 15px 9px; z-index: 98;}
.ticket-dh .ticket-type i{ position: absolute; left: 50%; top:50%; background: url(../images/dui.png) no-repeat; background-size: 24px 24px; width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; }
.ticket-dy .ticket-type i{ position: absolute; left: 50%; top:50%; background: url(../images/di.png) no-repeat; background-size: 24px 24px; width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; }
.ticket-txt h6{ color:#666; font-weight: normal; font-size: 16px; padding: 5px 0; border-bottom: 1px #ebebeb dashed; margin-bottom: 5px;}
.ticket-txt h6:nth-child(2){ color:#999; line-height: 1.5; font-size: 14px; border-bottom: none;}
.ticket-txt p{ color:#999; line-height: 1.5; font-size: 14px;}
.ticket-select{ position: absolute; right:10px; top:50%; width: 30px; height: 30px; margin-top: -15px;}
.checked{ background: url(../images/checked.png) no-repeat; background-size: 30px 30px; width: 30px; height: 30px; display: inline-block; }
.uncheck{ background: url(../images/uncheck.png) no-repeat; background-size: 30px 30px; width: 30px; height: 30px; display: inline-block;  }
.code-layer{ display: none;}
.mask{ position:fixed; left: 0; right: 0; top:0; bottom:0; background: rgba(0,0,0,0.7); z-index: 151;}
.code-box{ position: absolute; left: 30px; right:30px; top:50%; height:186px; margin-top: -93px; background: #fff; border-radius: 8px; z-index: 152;}
.code-box h4{ height: 50px; line-height: 50px; padding: 0 20px; font-weight: normal;}
.code-ipt{ margin: 20px; border: 1px #ddd solid; height: 42px; line-height: 42px; border-radius: 3px; position: relative;}
.code-ipt .ipt-txt{ border: none; height: 38px; margin-left: 10px; background: #fff;}
.code-img{  position: absolute; right:0px; top:2px; bottom:2px; width: 100px;}
.code-img img{ width: 100%; height: 100%; object-fit: scale-down;}
.code-footer{ height: 50px; line-height: 50px; border-top:1px #ebebeb solid;}
.code-footer ul{ display: flex;}
.code-footer li{ flex: 1; text-align: center;}
.code-footer li:nth-child(1){ border-right: 1px #ebebeb solid;}
.code-footer li:nth-child(2) a{ color:#FF7237;}

.tab-ticket{ display: flex; border-bottom: 1px #ebebeb solid; }
.tab-ticket li{ flex: 1; position: relative; text-align: center;}
.tab-ticket li a{ padding:10px 0; display: inline-block;}
.tab-ticket li.current a{ color:#FF7237;}
.tab-ticket li em{ display: none; position: absolute; left: 50%;  bottom:0; height: 2px; width: 40px; margin-left: -20px; background: #FF7237; }
.tab-ticket li.current em{ display: block;}
.ticket-code{ padding: 20px; min-height: 120px; }
.ticket-code p{ font-size: 14px;}
.ticket-cinfo{ margin: 20px; border: 2px #ffe0d3 solid; border-radius: 4px; height: 110px; position: relative;}
.ticket-cinfo a{ display: block;}
.ticket-cinfo span{ position: absolute; left: 50%; top:50%; width: 48px; height: 48px; margin-top: -24px; margin-left: -24px; background: url(../images/ticket-add.png) no-repeat; background-size: 48px 48px;}
.ticket-code p a{ color:#FF7237; text-decoration: underline;}
.common-tip{ background: #FEFCEE; padding: 8px 20px; font-size: 14px; color:#666 }
.ticket-input{ padding: 20px 30px; }
.ti-ipt{ border-bottom: 1px #ebebeb solid; height: 40px; line-height: 40px;}
.ti-ipt input{ font-size: 16px; height: 38px; line-height: 38px; width: 100%; border: 0; background:none;}
.ticket-input p{ margin: 20px 0;}
.ticket-input p a{ color:#FF7237; text-decoration: underline; }
.ti-opera{ margin: 10px 0;}
.ti-opera a{ display: block;  text-align: center; padding: 8px 0; border-radius: 50px; color:#fff; background: #FF7237;}
.ticket-tit{ border-top: 1px #ebebeb solid; height: 50px; line-height: 50px; padding:  0 20px; position: relative;}
.ticket-tit i{ font-size: 13px; }
.ticket-tit span img{  width:26px; height: 26px; margin-bottom: -6px; margin-right:10px;}
.ticket-tit .arrow{ position: absolute; right: 10px; top:50%; height: 30px; width: 30px; margin-top: -15px; background: url(../images/arrow-down.png) no-repeat; background-size: 30px 30px;}
.ticket-list{ margin:0 20px; padding-top: 10px; display: none; }
.ticket-list .ticket-box{ padding-bottom: 0;}
.ticket-dh .ticket-use{ position: absolute; top:0; bottom:0; right:0; background:#FFE4D9; width: 40px; border-radius: 0 10px 10px 0; }
.ticket-dh .ticket-use span{ position: absolute; top:50%; left: 50%; width: 20px; height: 90px; margin-left: -10px; margin-top: -45px; color:#FF7237; font-size: 14px;}
.ticket-dy .ticket-use{ position: absolute; top:0; bottom:0; right:0; background:#ffe8c1; width: 40px;  border-radius: 0 10px 10px 0; }
.ticket-dy .ticket-use span{ position: absolute; top:50%; left: 50%; width: 20px; height: 90px; margin-left: -10px; margin-top: -45px; color:#e89609; font-size: 14px;}
.dian-opera{ padding: 5px 0 20px 0;}
.dian-opera a{ margin-left: 20px; font-size: 14px; padding: 6px 15px; display: inline-block; border-radius: 50px; }
.dian-opera a:nth-child(1){ border: 1px #999 solid; color:#666;  }
.dian-opera a:nth-child(2){ background: #ACCDFF; border: 1px #ACCDFF solid; color:#2F69BF; }
.ticket-tit .rotate-180{ -webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg) }

.my-header{ background: url(../images/my-bg.png) no-repeat bottom; background-size: cover; height: 180px;}
.myh-inner{ padding: 20px; position: relative; }
.photo-box{ float: left; margin-top: 10px; margin-right: 10px; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; border: 2px rgba(255,255,255,1) solid; }
.photo-box img{ width: 100%; height: 100%; object-fit: cover;}
.user-name{ float: left; width: calc(100%  - 90px);  margin-top:20px; color:#fff; }
.user-name h6{ font-size: 18px; font-weight: normal; margin-bottom:4px }
.user-name p em{ font-size: 12px; background: rgba(255,255,255,0.8); display: inline-block; color:#FF7237; padding: 0 10px; border-radius: 20px;}
.my-order{ margin: 0 10px; margin-top: -50px; background: #fff; border-radius: 10px; min-height: 100px; -webkit-box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .04); box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .04); padding: 0 16px;}
.my-order-tit{ height: 50px; line-height: 50px; border-bottom: 1px #ebebeb solid; position: relative;}
.my-order-tit a{ display: block; }
.my-order-tit em{ position: absolute; right:0px; top:0; font-size: 12px;}
.my-order-tit em svg{ margin-bottom: -8px;}
.my-order-state{ display: flex; padding: 10px 0;}
.my-order-state li{ flex: 1; text-align: center;}
.my-order-state li a{ display: block; }
.my-order-state dt{ width: 40px; margin: 0 auto; height: 40px; }
.my-order-state dt img{ width: 100%; height: 100%; object-fit: scale-down;}
.my-order-state dd{ color:#999; font-size: 12px;}
.my-common{margin: 16px 10px 0 10px; background: #fff; -webkit-box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .04); box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .04); padding: 0 16px; min-height: 50px; border-radius: 10px; }
.my-set{ position: absolute; right: 16px; top:10px;}
.my-set a{ width: 40px; height: 40px; text-align: center; display: inline-block; position: relative;}
.my-set a img{ width: 30px; height: 30px; }
.my-set a em{ position: absolute; right: 8px; top:5px; width: 10px; height: 10px; background: #fff; border-radius: 50%;}

.data-none{ /*position:absolute; left: 50%; top:50%; margin-top: -100px; margin-left:-100px; height: 200px;*/ width: 200px; margin: 0 auto;  text-align: center; color:#999; padding: 30px 0; }
.data-none img{ /*width: 100%; height: 100%; object-fit: scale-down;*/ }
.link-list li span{ margin-right: 6px;}
.link-list li span img{ width: 24px; height: 24px; margin-bottom: -7px; }
.service-box{ position: fixed; bottom:100px; right:36px; width: 64px; height: 64px;}
.service-box img{ width: 100%; height: 100%; object-fit: scale-down;}

.order-list{}
.order-tit{  color:#999;font-size: 14px; position: relative; padding: 5px 0;  }
.order-tit span{ position: absolute; right:0; top:4px;}
.order-tit span.undo{ color:#FD9F27;}
.order-tit span.done{ color:#FF7237;}
.order-tit span.view{ color:#999;}

.order-list .shop-item{ position: relative; border-bottom:1px #ebebeb solid; padding: 10px 0px 10px 96px; min-height: 100px; }
.order-list .shop-item:last-child{ border-bottom: none;}
.order-list .shop-item { border-bottom: none; padding: 10px 0px 0 96px; }
.order-list .price-set i{ font-size: 14px;}
.order-opera{ margin-top: 16px; border-top:1px #ebebeb solid; padding: 10px 0;}
.order-opera a{ border: 1px #FF7237 solid; border-radius: 20px; color:#FF7237; padding: 5px 15px;}
.order-opera a.btn-grey{ color:#666; border: 1px #999 solid;}
.order-item{ background: #fff; margin-bottom: 10px;  padding: 10px 16px;}
.order-list .shop-intro h4{ padding-right: 50px;}
.shop-intro h4 span{ position: absolute; right: 0; top:3px; color:#999; font-size: 13px;}
.order-ticket{ padding: 0 16px;}
.shop-intro h4 em{ position: absolute; right: 0px; top:3px; z-index: 99; }
.shop-intro h4 em.viewed{ background: #FF606A; color:#fff; padding: 0 4px; font-size: 12px;}

.ot-box{ padding: 10px 16px; position: relative;}
.ot-box .shop-item{ position: relative;  border-bottom:1px #ebebeb solid; padding: 10px 0px 10px 96px; min-height: 80px; }
.ot-box .shop-item:last-child{ border-bottom: none;}
.ot-box .shop-item { border-bottom: none; padding: 10px 0px 0 96px; }
.ot-box .order-item{border-radius: 10px;  padding: 10px; -webkit-box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .04); box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .04); }
.ot-box .shop-photo{ top:0;}
.ot-box .shop-intro h4{ padding-right: 50px;}
.active-code{ border-top:1px #ebebeb dashed;  padding-top: 10px; }
.active-code p{ position: relative; margin-bottom: 5px; }
.active-code p span{ position: absolute; right:0; top:0;}
.left-dot{ position: absolute; left:16px; top:105px;}
.left-dot img{ width: 10px; height: 23px;}
.right-dot{ position: absolute; right:16px; top:105px;}
.right-dot img{ width: 10px; height: 23px;}

.ver-code{ width: 240px; height:240px;  margin: 0 auto; padding: 20px 0; position: relative; }
.ver-code img{ width: 100%; height: 100%; object-fit: scale-down;}
.verific-box{ padding: 0 16px;}
.ver-input{ border: 1px #FF7237 solid; border-radius: 5px; height: 44px; line-height: 44px;}
.ver-input input{ font-size: 16px; border: none; background:none; margin: 0 6px; display: block; width: 90%; height: 100%;}
.ver-opera{ margin: 15px 0;}
.ver-opera a{ background: #FF7237; border-radius: 50px; padding: 8px 0; display: block; text-align: center; color:#fff;}
.ver-done{ position: absolute; left: 0; right: 0; top:0; bottom:0; background: rgba(255,255,255,0.5); z-index: 99;}
.ver-code label{ position: absolute; right: 10px; bottom:30px; padding: 0px 4px; background: #FF7237; color:#fff; z-index: 100; font-size: 12px;}

.news-list {height:50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.filter-down{ display: inline-block; background:url(../images/filter-down.png) no-repeat; width: 24px; height: 24px; background-size: 24px 24px; margin-bottom: -5px;}
.filter-up{ display: inline-block; background:url(../images/filter-up.png) no-repeat; width: 24px; height: 24px; background-size: 24px 24px; margin-bottom: -8px;}
.filter-gup{ display: inline-block; background:url(../images/filter-up-grey.png) no-repeat; width: 24px; height: 24px; background-size: 24px 24px; margin-bottom: -8px;}

.filter-layer{ display: none;}
.filter-box{ position: fixed; top:44px; left: 0; right:0; background: #fff; z-index: 155; }
.shop-fixed{ position: fixed; top:44px; left: 0; right:0; background: #fff; z-index: 100;}
.filter-layer .mask{ top:44px;}
.filter-option{  }
.filter-option .level li{ padding: 12px 20px;border-right: 1px #ebebeb solid;  }
.filter-option .level li.selected{border-right: none}
.filter-option .level li.selected a{ color:#FF7237; }
.filter-option .level li a{ display: block; }
.filter-option .first-level{ float: left; width: 40%;  height: 260px; overflow-y: auto;  border-bottom: 1px #ebebeb solid; }
.filter-option .first-level li{ border-bottom: 1px #ebebeb solid; }
.filter-option .first-level li:last-child{ border-bottom: none;}
.filter-option .second-level { width: 60%; float: left;   height: 260px; overflow-y: auto;}
.filter-option .level-intel li{ border-bottom: 1px #ebebeb solid; }

.fly-zoom-box-main img{ object-fit:scale-down; top:60px !important; }
.index-search{ background: #fff; padding: 10px; }
.city-list{ padding: 10px 0; font-size: 15px;}
.spac-city{  padding: 0 16px; }
.spac-city h4{ font-weight: normal; margin-bottom: 10px; font-size: 16px; color:#999;}
.spac-city li{ float: left; margin-right: 10px; margin-bottom: 10px; width: 20%; text-align: center; background:#F6F6F6; padding: 5px 0px; border-radius: 4px; }
.spac-city li i{ margin-left: -8px;}
.spac-city li i svg{ margin-bottom: -5px;}
.spac-city li a{ display: block; }
.letter-city h4{padding: 5px 16px; font-weight: normal; font-size: 16px; color:#999; background: #F6F6F6; }
.letter-city ul{ padding: 0 16px;}
.letter-city li{ border-bottom: 1px #ebebeb solid; padding:10px 0;}
.letter-city li:last-child{ border-bottom: none;}
.letter-city li a{ display: block; }
.letter-filter{ position: fixed; right:10px; bottom:20px;}
.letter-filter li{  width: 40px; margin-bottom: -8px; text-align: center;}
.letter-filter li a{ color:#E0561D; font-size: 12px; font-weight: bold;}

.filter-normal{ display: inline-block; background:url(../images/arrow-double.png) no-repeat; width: 24px; height: 24px; background-size: 24px 24px; margin-bottom: -6px;}
.filter-down-org{ display: inline-block; background:url(../images/filter-down-org.png) no-repeat; width: 24px; height: 24px; background-size: 24px 24px; margin-bottom: -6px;}
.search-goods{ border: 1px #FF7237 solid; background: #fff; }
.shop-list .shop-intro h4{ padding-right: 40px;}
.shop-list .shop-intro h4 .favor{ position: absolute; right:0; top:0;}
.shop-list .shop-intro h4 .favor .icon-favor-out{ background: url(../images/favor-normal.png) no-repeat; width: 32px; height:32px; background-size: 32px 32px; display: inline-block; margin-top: -3px;}
.shop-list .shop-intro h4 .favor .icon-favor-on{ background: url(../images/favor-on.png) no-repeat; width: 32px; height:32px; background-size: 32px 32px; display: inline-block; margin-top: -3px;}
.favor-tit{ padding: 10px 0;}
.favor-bg{ background: #fff; margin:0 -16px 10px -16px; padding:  0 16px;}
.common-box .com-item{ position: relative; border-bottom: 1px #ebebeb solid; padding: 10px 0; font-size: 14px;}
.common-box .com-item:last-child{ border-bottom: none;}
.com-basic{ padding: 10px 0 0 46px; min-height: 36px; position: relative;}
.com-photo{ position: absolute; left: 0; top:0px; width: 36px; height: 36px; border-radius: 50%; border: 1px #ebebeb solid; overflow: hidden;}
.com-photo img{ width: 100%; height: 100%; object-fit: cover;}
.com-star{ margin-left: 10px;}
.com-star .star-on{ background: url(../images/star-on.png) no-repeat; height: 20px;width: 20px; background-size: 20px 20px; display: inline-block; margin-bottom: -4px;}
.com-date { position:absolute; right: 0; top:12px; font-size: 12px; color:#999;}
.com-txt{ margin-bottom: 10px;}
.shop-intro .com-star{ margin-left: 0;}
.set-star .star{ background: url(../images/star-on.png) no-repeat; height: 30px;width: 30px; background-size: 30px 30px; display: inline-block; }
.set-star .star-off{ background: url(../images/star-off.png) no-repeat; height: 30px;width: 30px; background-size: 30px 30px; display: inline-block;}
.add-comtxt{ padding: 16px;}
.add-comtxt textarea{ width: 100%; border: none; }
.add-comimg{ padding: 16px; }
.comimg-box li{ float: left; margin-right: 10px; margin-bottom: 10px; width: 80px; height: 80px; position: relative;}
.comimg-box li .close{ position:absolute; right: -10px; top:-10px; width: 30px; height: 30px;}
.comimg-box li .close img{ width: 100%; height: 100%; object-fit: scale-down; }
.comimg-box img{ width: 100%; height: 100%; object-fit: cover;}
.comimg-box li.ac-btn{ float: left; width: 80px; height: 80px; text-align: center; border: 1px #999 dashed; }
.ac-btn p.icon-camera{ width: 50px;  margin: 0 auto; margin-top: 5px; height: 50px; overflow: hidden;}
.ac-btn p.icon-camera img{ width: 100%; height: 100%; object-fit: scale-down;}
.ac-btn p{ font-size: 14px; color:#bbb;}
.header-tit ul{ display: flex; }
.header-tit li{ flex: 1; text-align: center;}
.header-tit li:nth-child(1){ border: 1px #FF7237 solid; border-radius: 20px 0 0 20px;}
.header-tit li:nth-child(2){ border: 1px #FF7237 solid; border-radius: 0 20px 20px 0;}
.header-tit li a{ color: #FF7237; display: block;}
.header-tit li.selected{ background: #FF7237; }
.header-tit li.selected a{ color:#fff;}

.news-wrap{ padding: 0 16px;}
.news-wrap li{ border-bottom: 1px #ebebeb solid; min-height: 56px; padding: 16px 0;}
.news-wrap li:last-child{ border-bottom: none;}
.news-wrap li.horiz dl{ position: relative; padding: 0 0 0 150px;  }
.news-wrap li.horiz dt{ position: absolute; left: 0; top:0; width: 140px; height:56px; border-radius: 4px; overflow: hidden; }
.news-wrap li.horiz dt img{ width: 100%; height: 100%; object-fit: cover;}
.news-wrap li.horiz dd h5{ height: 40px; overflow: hidden; font-weight: normal; font-size: 14px; line-height: 1.4;}
.news-wrap li.horiz dd p{ height:24px; line-height: 24px; color:#999; font-size: 12px; }
.news-wrap li.horiz dd p span{ margin-right: 16px;}
.news-wrap li.verti dt{ font-weight: normal; font-size: 18px; padding-bottom: 10px; max-height: 48px; overflow: hidden;}
.news-wrap li.verti dd h5{ height: 144px; overflow: hidden; border-radius: 4px; margin-bottom: 10px; }
.news-wrap li.verti dd h5 img{ width: 100%; height: 100%; object-fit: cover;}
.news-wrap li.verti dd p{ height:24px; line-height: 24px; color:#999; font-size: 14px; }
.news-wrap li.verti dd p span{ margin-right: 16px;}
.detail-title{ padding: 20px 0;}
.detail-title h3{ font-size: 18px; margin-bottom: 10px; }
.detail-title p{ color:#999; font-size: 14px; margin-bottom: 10px;}
.detail-con{ padding: 20px 0 ;}
.detail-con p{ margin-bottom: 15px;}
.detail-title p em{ border-radius: 4px; height: 30px; line-height: 30px; margin-right: 10px; display: inline-block; border: 1px #ebebeb solid; padding: 0 10px;}
.event-wrap li.horiz dd h5{ height: 48px; font-weight: normal; font-size: 16px; overflow: hidden;}

.dian-count{ padding:10px 20px; text-align: center; }
.dian-count p{ color:#666; margin-top: 20px;}
.dian-count h5{ color:#FF7237; font-size: 30px; font-weight: normal; margin:10px 0;}
.dian-count h5 em{ font-size:14px; color:#999; margin-left: 5px;}
.record-list ul{padding: 0 20px;  }
.record-list li{ border-bottom: 1px #ebebeb solid; padding: 16px 0; vertical-align: middle;}
.record-list li:last-child{ border-bottom: none; color:#666;}
.record-list li dt{ float: left; width: 40%; font-size: 14px;}
.record-list li dd{ float: left; width: 30%; text-align: right; padding-top: 5px;  }

.photo-info{ padding: 20px; }
.my-photo{ width: 80px; margin: 0 auto;height: 80px; border-radius: 50%; border: 2px #e7e7e7 solid;  overflow: hidden;}
.my-photo img{ width: 100%; height: 100%; object-fit:cover;}
.photo-info p{ text-align: center; color:#999; margin-top: 10px; }
.myinfo-box{ padding: 0 16px;}
.logout { margin: 20px;}
.logout a{ display: block; padding: 8px 0; text-align: center; background: #FF7237; color:#fff; border-radius: 20px;}
.name-item{  position: relative; }
.name-input{ padding: 10px 20px;}
.name-input input{ width: 100%; padding: 8px 0; border: none;}
.name-item i{ position: absolute; right:10px; top:15px;}

.toolbar .picker-button{ color:#498FF8;}
.msg-box{ padding: 20px;}
.msg-item { margin-bottom: 16px;}
.msg-item .datetime{ text-align: center;  }
.msg-item .datetime label{  font-size: 14px; background:#ebebeb; color:#999; border-radius: 20px; padding: 4px 10px;}
.msg-info{ background: #fff; border-radius: 10px; margin: 10px 0; padding: 16px 16px 10px;}
.msg-txt{ padding: 10px 0; color:#999; font-size: 14px; border-bottom: 1px #eee solid; }
.msg-opera ul{ display: flex; padding-top: 10px;}
.msg-opera li{ flex: 1;}
.msg-opera li:last-child{ text-align: right;}
.msg-tit span{width: 30px; height: 30px; position: relative;}
.msg-tit span img{ width: 30px; height: 30px; margin-bottom: -10px; margin-right: 5px; }
.msg-tit span em{ position: absolute; top:-4px; right:4px; width: 8px; height: 8px; border-radius: 50%; background: #FF606A; }

.enter-bg{ background: url(../images/bg.png) no-repeat; background-size: cover; height: 210px;}
.enter-about{ margin: -110px 20px 0; background: #fff; border-radius: 8px; -webkit-box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .04); box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .04); padding: 15px; font-size: 14px; }
.enter-about h3{ text-align: center; margin-bottom: 5px; }
.pb-30{ padding-bottom: 30px;}
.enter-func{ padding: 10px; }
.enter-func h3{ text-align: center;}
.enter-item ul{ display: flex; margin-top: 30px; }
.enter-item li{ flex: 1; background: #fff; border-radius: 4px; -webkit-box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .04); box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .04); margin-right: 10px;  }
.enter-item li:last-child{ margin-right: 0;}
.enter-item li dl{ position: relative; padding: 30px 10px 10px 10px; }
.enter-item li dt{ font-size: 16px; text-align: center; margin-bottom: 10px;}
.enter-item li dd{ text-align: center;}
.enter-item li dd p{ font-size: 12px; color:#999; }
.func-img{ position: absolute; left: 50%; top:-20px; width: 40px; height: 40px; margin-left: -20px; overflow: hidden; }
.enter-process{ padding: 15px; }
.enter-process h3{ text-align: center; margin-bottom: 10px; }
.process-step dl{ margin-bottom: 15px; }
.process-step dt{ position: relative; padding: 0 0 10px 40px; font-size: 18px; }
.process-step dt span{ position: absolute; left: 0; top:0; width: 30px; height: 30px; overflow: hidden;}
.process-step dt span img{ width: 100%; height: 100%; object-fit: scale-down;}
.process-step dd{ position: relative; padding: 0 0 0 40px; }
.process-step dd p{ color:#999; font-size: 14px;}
.process-step dd span{ position: absolute; left: 12px; top:50%; width: 7px; height:32px; margin-top: -16px; background: url(../images/step-arrow.png) no-repeat; background-size:7px 32px;    }
.enter-opera { margin-top: 30px;  }
.enter-opera a{ background: #FF7237; color: #fff; padding: 8px 0; display: block; border-radius: 50px; text-align: center;}
.apply-box{ padding: 10px 15px;}
.apply-tit{ font-size: 18px; padding: 10px 0;}
.apply-item { padding: 0 0 0 80px; margin:10px 0; position: relative; }
.apply-item label{ position: absolute; left: 0; top:10px; font-size: 14px; width: 70px;}
.apply-item label span{ color:#FF606A; margin-left: 4px;}
.apply-con input{font-size: 14px;border:1px #ebebeb solid;border-radius: 3px;background: #fff;height: 40px;padding: 0 10px;line-height: normal;width: 90%;}
.apply-con ul{ display: flex;}
.apply-con li{ flex: 1;}
.apply-con li span{ font-size: 14px; border:1px #ebebeb solid; border-radius: 3px; background: #fff;  height: 40px; padding: 0 10px; line-height: 40px; width: 75%; display: inline-block;}
.apply-con textarea{ border:1px #ebebeb solid; font-size: 14px; padding: 10px; border-radius: 3px; width: 90%;  }
.apply-pic{ padding:0; padding-top: 40px;}
.apply-pic .apply-con p{ font-size: 14px; }
.apply-pic .apply-con ul{ display: inherit;}
.apply-pic .apply-con .icon-camera{ width: 80px; height: 80px; margin-top: 0; }
.about-logo{ padding: 50px 20px; width: 200px; margin: 0 auto;}
.about-logo img{ width: 100%; height: 100%; object-fit: scale-down;}
.detail-title h5{ color:#FF7D63; font-size: 18px;}
.life-wrap{ padding: 5% 0 5% 5%;}
.life-wrap ul{ /*display: flex;*/ }
.life-wrap li{ width:45%; display: inline-block; background: #fff; border-radius: 10px; margin-right: 5%; margin-bottom: 5%; -webkit-box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .1); box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, .1); overflow: hidden;}
.life-wrap li:nth-child(2){ margin-right: 0;}
.life-photo{ height: 128px; overflow: hidden;}
.life-photo img{ width: 100%; height: 100%; object-fit:cover; }
.life-tit{ padding: 10px 0; text-align: center;}

.pay-tip{ margin: 30px 15px 15px 15px; text-align: center;}
.pay-pt{ width: 200px; margin: 0 auto; margin-bottom: 40px;}
.pay-tip p{ }
.pay-tip ul{ }
.pay-tip li{ text-align: center; margin: 0 16px 16px;}
.pay-tip li a{ display: block; border-radius: 20px; padding: 8px 0;background: #FF7237; color:#fff; }

.pay-ban{ background: #F8F8F8;}
.pay-ban .index-tit{ background: #fff;}
.pay-ban .add-ticket a{ border: 1px #707070 solid; color:#707070; }
.pay-ban .link-list dt i{ color:#707070;}

.search-box{ padding: 4px 50px 0 0; position: relative; }
.search-box a{ position: absolute; right:5px; top:5px;}
.search-box .search-input{ background: #F3F3F3; padding: 0 16px 0 40px;  border-radius: 20px; height: 34px; line-height: 34px;}
.search-box .search-input input{ font-size: 14px; width: 100%; border: none; height: 34px; line-height: 34px; background:none;}
.search-box a.submit{ color:#FF7237; }
.search-ipt a{ color:#999;}
.search-input .icon-search{ top:13px;}
.search-history{ background: #fff; padding: 10px 16px;}
.search-history h4{ font-size: 16px; font-weight: normal; position: relative;}
.clear-his{ position: absolute; right:0; top:0; width: 30px; height: 30px; overflow: hidden;}
.clear-his img{ width: 100%; height: 100%; object-fit: scale-down; }
.search-history .search-label{ padding: 10px 0;}
.search-history .search-label span{ font-size: 14px; background: #EBEBEB; padding: 2px 10px; border-radius: 20px; margin-right: 10px; margin-bottom: 10px; display: inline-block; color:#666; }
.index-common h2{ font-size: 18px; font-weight: normal; padding: 10px 16px;}
.search-more { position: relative; padding: 10px; text-align: center; border-top:1px #ebebeb solid;}
.search-more a em img{ width: 24px; height: 24px; margin-bottom: -5px; }
.sh-item{ padding: 15px 0; border-bottom: 1px #ebebeb solid; }
.search-shop .sh-item:last-child{ border-bottom: none;}
.sh-item h4{ font-size: 18px; margin-bottom: 10px; font-weight: normal; position: relative; padding: 0 60px 0 0;}
.sh-item h4 span{ position: absolute; right: 0; top:0; color:#999; font-size: 14px;}
.sh-item p{ color:#999; font-size: 14px;}
.list-tip{ text-align: center; font-size: 13px; padding: 10px 0; color:#999;}
.pv-code{position: absolute; right: 10px;top: 10px;bottom: 0;}

.shop-intro p:after{ clear: both;}
.shop-intro p:after, .shop-intro p:before{ display: table;content: " ";}
.shop-intro p span{ float: left;}
.header-right .return{ top:15px;}
.comment-name{ border-top:1px #ebebeb solid; padding: 10px 16px 10px 50px; position: relative;}
.comment-name span{ position: absolute; left: 14px; top:8px;}
.comment-name em{ position: absolute; right:16px; top:12px; color:#999; font-size: 13px;}
.share-guide{ display: none; }
.guide-pic{ position:fixed; right:0px; top:5px; z-index: 152; width: 70%; height: 120px; }
.guide-pic img{ width: 100%; height: 100%; object-fit: scale-down;}
.swiper-event{ height:32vw; }

.comment-pics li{ float: left; width: 60px; margin-right: 5px; margin-bottom: 5px; height: 60px; overflow: hidden; border-radius: 4px;}
.comment-pics li img{ width: 100%; height: 100%; object-fit: cover;}

.album-photo .swiper-slide img{ object-fit: cover; }
.three-bar li{ width: 25%;  }
.album-photo img{ object-fit: cover; }

.img-dv{ float: left; width: 60px; margin-right: 5px; margin-bottom: 5px; height: 60px; overflow: hidden; border-radius: 4px;}
.img-dv img{ width: 100%; height: 100%; object-fit: cover;}
.tab-detail li:nth-child(3){ width:120px;}
/*add 2020-02-13*/
.ti-payon{ position: relative; padding-right: 100px; }
.ti-config{ position: absolute; right: 0; top:-10px; }
.ti-config a{ background: #FF7237; color:#fff; border-radius: 50px; padding: 0 16px; display:inline-block ;}
.goods-list .label img{ margin-bottom: -3px;}
.icon-add{ background: url(../images/add-ticket.png) no-repeat; width: 28px; height: 28px; background-size: 28px 28px; display: inline-block; margin-bottom: -8px;}

.shop-intro h4 span.done {color: #FF7237;}
.shop-intro h4 span.undo{ color: #FD9F27; }
.shop-intro h4 span.view{ color: #999; }
.shop-intro h4 span.check{ color: #FF606A; }
.order-tit span.check{ color:#FF606A;}  
.agreement{ border-top: none;}
.agreement a{ color:#FF7237; margin: 0 5px; }
.common-box{ padding-bottom: 10px;}
.more-box{ width: 100px; margin: 15px auto; text-align: center; height: 40px; line-height: 40px; border: 1px #e5e5e5 solid;}
.more-box a{ display: block; color:#999;}
.index-common .swiper-slide{ background-position: center; background-size: cover; width: 80%; height: 32vw; border-radius: 10px; overflow: hidden; }
.about-list li span img{ width: 30px; height: 30px; margin-bottom:-10px; }
.page-bg-white{ background: #fff; }
.my-treaty{ margin: 16px; background: #fff; -webkit-box-shadow: 2px 0px 10px 2px rgba(0, 0, 0, .04); box-shadow: 2px 0px 10px 2px rgba(0, 0, 0, .1); padding: 0 16px; min-height: 50px; border-radius: 10px; }
.my-treaty .link-list li a{  padding: 20px 0 25px;}
.my-treaty .link-list li span img{ width: 40px; height: 40px; margin-bottom: -15px;}
.my-treaty .link-list li a em { top:50%; height:28pc; margin-top:-14px}
.my-treaty .link-list li a em svg{ margin-bottom: -18px;}
.active-code p span em{ background: url(../images/copy.png) no-repeat; background-size: 16px 16px; width: 16px; height: 16px; margin-left: 10px; margin-bottom: -2px; display: inline-block;}
/*add 2020-04-03*/
.index-list{ background: #fff; margin-top: 10px; padding: 20px 16px;}
.address-item{ position: relative; padding: 0 60px 0 0; }
.address-item h4{ font-weight: normal;}
.address-item h4 span{ color:#999; margin-left: 10px; }
.address-txt{ color:#999; font-size: 14px; margin-top: 10px; }
.address-txt label{ margin-right: 5px; font-size: 12px;}
.address-txt .default{padding: 0 5px; color:#FA6400; border-radius: 4px; border: 1px #FA6400 solid; }
.address-txt .type{padding: 0 5px; background: #bbb; color:#fff; border-radius: 4px; border: 1px #bbb solid; }
.address-item h4 .type{padding: 2px 5px; background: #FA6400; color:#fff; border-radius: 4px; border: 1px #FA6400 solid; font-size: 12px; margin-left: 6px; }
.edit-link{ position: absolute; right:0px; top:50%; width: 30px; height: 30px; margin-top: -15px; overflow: hidden;}
.edit-link img{ width: 30px; height: 30px;}
.footer-opera a img{ width: 20px; height: 20px; margin-bottom: -4px; margin-right: 5px;}
.mtf-10{ margin-top: -10px;} 
.edit-address li{ position: relative; padding: 15px 60px 15px 20px; border-bottom: 1px #eee solid; }
.edit-address li:last-child{ border-bottom: none;}
.edit-address li .ipt-txt{ font-size: 16px; padding: 10px 0; width: 100%; border: none; background:none; }
.ed-list{ background: #fff; }
.edit-address li a.select-option{ color:#757575;}
.edit-address li .contact{ position: absolute; right: 20px; top:50%; width: 24px; height: 24px; margin-top: -12px;}
.edit-address li a.right{ width: 60px; text-align:right;  }
.edit-address li a.right img{ margin-bottom: -5px;}
.edit-address li a.contact img{ width: 24px; height: 24px;}
.edit-address li.detail-address{ padding-right: 20px;}
.edit-address li.label-type{ padding: 15px 20px 15px 80px; text-align: right; }
.edit-address li.label-type span{ position: absolute; left:20px; color:#757575; top:50%; height: 20px; margin-top: -10px; line-height: 20px;}
.edit-address li.label-type label{ border: 1px #949394 solid; font-size: 14px; border-radius: 20px; margin-left: 5px; padding: 4px 13px; color:#505050; } 
.edit-address li.label-type label.current{ background: #FA6400;  color:#fff; border: 1px #FA6400 solid;}
.edit-address li.label-type label.switch{ display: inline-block; height: 20px; width: 30px; background: #FA6400; border: 1px #FA6400 solid; position: relative;}
.edit-address li.default-set{ padding: 15px 20px 15px 20px; }
.edit-address li.default-set label{ position: absolute; right:20px; }
.edit-address li a.remove{ color:#FF2121;}
.weui-switch-cp__input:checked~.weui-switch-cp__box, .weui-switch:checked{ border-color: #FA6400; background-color: #FA6400; }
.shop-intro h4{ position: relative; padding-right: 45px; }
.abs-card{ position: absolute; right: 0; top:0; width: 40px; height: 25px; overflow: hidden;}
.abs-card img{ width: 100%; height: 100%; object-fit: scale-down;}
.order-opera{ position: relative;}
.order-opera .abs-card{ left:0; top:5px; width: 60px; height: 38px; }
.index-mail{ background: url(../images/bg-mail.png) no-repeat left bottom #fff; background-size: contain; padding-bottom: 15px;}
.edit-address li.city-select{ display: flex; padding: 15px 20px;}
.city-select dl{ padding: 5px 10px; flex:1; color:#757575; position: relative; border: 1px #ddd solid; border-radius: 3px; margin-right: 5px; text-align: center;}
.city-select dt{ display: inline-block; height: 12px; width: 12px; margin-left: 5px;}
.city-select dd{ display: inline-block;}
.city-select dt img{ width: 100%; height: 100%; object-fit: scale-down; }
.mobileSelect .content .btnBar .ensure{ color:#FA6400;}
.exp-num{ color:#999; font-size: 14px; padding-top: 25px;}
.exp-num b img{ width: 14px; height: 14px; margin-left: 10px;}
.express-body{ padding: 16px; margin: 10px; border-radius: 6px; }
.ex-item{ position: relative; padding: 0 10px 0 70px; }
.ex-time{ position: absolute; left: 0; top:-5px; text-align: right; width: 50px;}
.ex-time h5{ font-size:12px; font-weight: normal; color:#A2A3A4; }
.ex-time p{ font-size: 12px; color:#A2A3A4;}
.ex-con{ border-left: 1px #FA6400 solid; padding-left: 20px; padding-bottom: 30px; position: relative;}
.ex-con h5{ font-size:16px; color:#A2A3A4; font-weight: normal; margin-bottom: 8px; }
.ex-con p{ line-height: 1.5; font-size: 12px; color:#A2A3A4;}
.ex-stage{ position:absolute; left:-6px; top:-2px; width:11px; height: 11px; text-align: center; line-height: 11px; border-radius: 50%; background: #FA6400; color:#fff;  font-size: 12px;}
.ex-con p em{ font-style: normal; margin: 0 4px;}
.ex-con p a{ color:#FA6400; text-decoration: none; margin: 0 4px;}
.ex-node{ position:absolute; left:-6px; top:4px; width:11px; height: 11px; border-radius: 50%; background: #FA6400;}
.express-body .ex-item:last-child .ex-con{ border-left:none;}
.express-body .current .ex-time h5,.express-body .current .ex-time p,.express-body .current .ex-con h5{ color:#000; }
.express-body .current .ex-con p{ color:#333; }
.express-body .current .ex-con p i{ color:#FA6400; }
.express-body .current .ex-stage{ background: #FA6400;}
.express-body .current .ex-map{ color:#FA6400;}
.ex-address .ex-con{border-left: none; }
.ex-map{ position:absolute; left:-8px; top:0; text-align: center; font-size: 20px; }
.other-info{ text-align: center; margin-top: 20px; font-size: 14px; color:#999;}
.other-info p{ margin-bottom: 10px; }
.other-info p a{ text-decoration: underline;}
/*add 2020-04-08*/
.field-anchor{ position:absolute; right:50px; top:10px; }
.field-anchor .switch-sec{ position: absolute; left: 0px; top: 5px; cursor: pointer; }
.field-anchor .switch-sec .core { position: relative;display: inline-block; width: 44px;height: 24px; vertical-align: middle; -webkit-border-radius: 50px; border-radius: 50px; background: #ccc;}
.field-anchor .switch-sec .slider { position: absolute; top: 0; left: 2px; bottom: 0; margin: auto 0;line-height: 24px;display: block; width: 20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff;-webkit-transition: left .1s;transition: left .1s;}
.field-anchor .on .core {background: #FF7237;}
.field-anchor .on .slider { left: 21px; }
/*add 2020-04-08*/
.footer-opera ul{ padding: 0 10px;}
.footer-opera li{ float: left;}
.footer-opera li:nth-child(1){ width: 70%;}
.footer-opera li:nth-child(2){ width: 30%;}
.footer-opera li a{ display: block; color: #fff; padding: 8px 0; text-align: center; background: #FF7237; border-radius: 50px;}
.footer-opera li span,.footer-opera li em{ line-height: 41px;}
.footer-opera li span{ color:#FA6400; font-size: 18px;}
.footer-opera li em{ font-size: 14px; margin-left: 10px; color:#999;}

/*add 2020-04-10*/
.order-item-pst{ position: absolute; left: 16px; right:16px; top:16px; height: 170px;}
.qr-code{  width: 200px; height:200px; background: #fff; border-radius:0 0 10px 10px; margin:0 auto; margin-top: 190px; padding: 5px; -webkit-box-shadow: 0 0px 5px 2px rgba(0, 0, 0, .08);  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .08); }
.qr-info{ text-align: center; }
.qr-info img{ width: 100%; height: 100%; object-fit: scale-down;}
.shop-intro h4 em{ z-index: 98;} 
.order-item-pst .left-dot{ left: 0; top:96px;}
.order-item-pst .right-dot{ right:0; top:96px;}

/*add 2020-04-30*/
.ticket-tip{ background: #fff9e8; color:#313131; font-size: 12px; height: 36px; line-height: 36px; padding: 0 15px; }
.ticket-tip b{ font-size: 13px;}
.ver-code p{ font-size: 14px; text-align: center; }
.border-tb{ border-top:1px #ebebeb solid; border-bottom:1px #ebebeb solid;}
.ticket-help{ margin: 0 16px; padding: 16px 0;  font-size: 14px; color:#666;}
.ticket-help h5{ height: 36px; line-height: 36px;}
.ticket-help .th-con{ line-height:2; }
.ticket-border{ border-bottom: 1px #ebebeb solid;}
.ticket-date{ text-align: center; margin-bottom: 30px;}

/*add 2020-05-08*/
.bg-orange{ background: #FF6602;}
.bg-repeat{ background:url("../images/bg-repeat.png") repeat;}
.header-orange{ background:#FF6602 ; border-bottom: none; color:#fff;}
.index-check{ background: #fff; border-radius: 10px; margin: 20px; padding: 20px;}
.check-photo{ width: 90px; height: 90px; margin: 10px auto; overflow: hidden;}
.check-photo img{ width: 100%; height: 100%; object-fit: cover;}
.check-intro{ text-align: center; }
.check-intro p{ margin-top: 20px;}
.check-intro p:nth-child(2){ color:#B4B4BE;}
.check-intro p a{ color:#FF6602;}
.check-relate{ position: relative; margin-top: 20px; padding-top: 20px; border-top:1px #979797 dashed;}
.check-relate dl{ position: relative; margin-bottom: 20px; padding: 0 0 0 70px; }
.check-relate dl:last-child{ margin-bottom: 0;}
.check-relate dt{ position: absolute;left: 0; top:0; color:#B4B4BE; }
.check-relate dd{ margin-left: 10px; position: relative; padding-right: 30px; }
.check-relate dd.txt-right{ text-align:right;}
.check-relate dd em{ position: absolute; right:0; top:4px; background: url("/images/right.svg") no-repeat; background-size: 20px 20px; width: 20px; height: 20px;}
.cl-dot{ position: absolute; left: -35px; top:-15px; width: 30px; height: 30px; border-radius: 15px; background: #FF6602; }
.cr-dot{ position: absolute; right: -35px; top:-15px; width: 30px; height: 30px; border-radius: 15px; background: #FF6602; }
.check-opera a{ padding: 10px 0; border-radius: 5px; display: block; background:#FF6602; color:#fff; text-align: center;  }
.check-code{ position: relative; width: 180px; height: 180px;}
.check-bn{ border-top:none; margin-top: 0;}
.check-footer{ padding: 20px; color:#fff; text-align: center;}
.check-done{ position: absolute; left: 0; right:0; top:0; bottom:0; background: rgba(255,255,255,0.9); z-index: 97; text-align: center;}
.check-done img{ width: 80%; height: 80%; margin-top: 10%; object-fit: scale-down;}
.check-confirm{ position: fixed; left: 30px; right: 30px; top: 25%; min-height: 286px;margin-top: -25%; background: #fff; border-radius: 8px; z-index: 152; text-align: center; padding: 20px;  }
.check-confirm h4,.check-confirm p{ line-height: 2; }
.check-confirm p{ font-size: 14px;}
.check-confirm p img{ width: 52px; height: 52px; }
.confirm-footer{ margin-top: 60px;}
.confirm-footer ul{ display: flex;}
.confirm-footer li{ flex: 1; text-align: center; margin: 0 10px;}
.confirm-footer li a{ padding: 10px 0; border: 1px #B4B4BE solid; border-radius: 4px; display: block;}
.confirm-footer li:nth-child(2) a{ border: 1px #FF6602 solid; color:#FF6602;}
.mtf-10{ margin-top: -10px;}
.index-finish{ margin:50px 20px 20px; color:#fff; text-align: center;}
.check-shop{ margin: 40px 0; background: #FF4D02; padding: 20px 30px; border-radius: 200px;}
.bg-grey,.bg-grey .cl-dot,.bg-grey .cr-dot,.bg-grey .header-orange{ background: #666; }
.bg-grey .check-opera a{background:#C3C3C3}

.shop-intro h4.clamp-three{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.link-list h6.clamp-three{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.shop-intro h4.clamp-two{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.shop-intro h4.font{ font-size: 15px; font-weight: bold;}

.check-rulers{ background: #fff; border-radius: 10px; padding:20px; margin: 20px;}
.check-rulers .ruler-title{  padding-bottom:20px; font-weight:600; }
.page-tip{ color:#fff; margin: 20px; text-align: center;}
.check-rulers ul{ list-style:inherit; padding-left: 2em}
.check-rulers li{ list-style:inherit;}