@charset "utf-8";
/*
   copyright by wanglai QQ：35146983
*/

body {padding-bottom: 4.875rem;}
.top_img {border-bottom: 4px solid #000; position: relative; z-index: 1;}
.payinfo {padding: 0 1.0rem 1.5rem 1.0rem; position: relative; z-index: 2; top: -2.5rem;}
.payinfotop {background: #000; position: relative; border-radius: 0.375rem 0.375rem 0 0; padding: 0.875rem 0.875rem 1.125rem 0.875rem; z-index: 3;}
.payinfotop p:nth-child(1) {font-size: 14px; line-height: 16px; height: 16px; overflow: hidden; color: #fff;}
.payinfotop p:nth-child(2) {font-size: 20px; color: #f93922; height: 22px; line-height: 22px; margin-top: 0.25rem;}
.payinfotop img {position: absolute; right: -0.1875rem; top: -0.25rem; width: 8.75rem; height: 4.25rem;}
.payinfobuy {position: relative; z-index: 4; background: #fff; border-radius: 0.375rem; padding-top: 0.875rem; margin-top: -0.375rem;}
.payinfobuy p:nth-child(1) {font-size: 16px; font-weight: bold; text-align: center;}
.payinfobuy p:nth-child(2) {font-size: 12px; color: #727272; text-align: center;}
.buy_button {text-align: center;}
.buy_button a {background: #fb3824; display: inline-block; color: #fff; font-size: 22px; width: 15.625rem; height: 3.0rem; line-height: 3.0rem; border-radius: 3.0rem;}
.info_tishi {padding: 0.75rem 0 1.0rem 0; text-align: center;}
.buy_ltext {text-align: center; font-size: 14px; padding-top: 0.625rem; padding-bottom: 1.0rem;}
.buy_ltext a,.buy_ltext a:hover,.buy_ltext a:visited {color: #fb3824;}
.endtimebg {background: #000; margin-top: 1.25rem; border-radius: 0.375rem; padding-bottom: 0.375rem;}
.endtimebg p {text-align: center; color: #fff; font-size: 18px; padding-top: 0.25rem;}

.yomibox {text-align: center;}
.yomi,.yomi_bottom {display: inline-block;}
.yomi li,.yomi_bottom li {float: left; width: 2.75rem; text-align: center; color: #fff; font-size: 1.75rem; height: 2.125rem; line-height: 2.125rem; font-weight: bold;}
.yomi li.split,.yomi_bottom li.split {width: 1.125rem; color: #fff; font-size: 1.75rem; font-weight: normal;}
.yomi_bottom li img {width: 100%;}
.yomi_bottom li {height: 1.0rem; line-height: 1.0rem; font-size: 12px; font-weight: normal;}

.show_usernum {text-align: center; height: 2.5rem; line-height: 2.5rem; font-size: 22px;}
.show_usernum span,.show_usernum em {display: inline-block;}
.show_usernum span {width: 2.0rem; height: 2.5rem; background: #000; color: #fff; font-size: 20px; border-radius: 0.375rem;}
.show_userhead {background: #fff; border-radius: 0.375rem; padding: 0.75rem 0.625rem 0 0.625rem; overflow: hidden; height: 20.25rem; margin-top: 1.625rem;}
.show_userhead ul {height: auto;}
.show_userhead ul li {float: left; width: 20%; height: 4.625rem; text-align: center; overflow: hidden; margin-bottom: 0.25rem;}
.show_userhead ul li img {border-radius: 50%; width: 3.125rem; height: 3.125rem;}
.show_userhead ul li em{height: 1.125rem; line-height: 1.125rem;}

.all_bottom {position: fixed; width: 100%; height: 4.375rem; z-index: 10; left: 0; bottom: 0; background: #fff; padding: 0.5rem 0.75rem;}
.all_bottom div {display: flex; display: -webkit-flex;}
.all_bottom div a {display: block; flex: auto; -webkit-flex: auto; height: 3.375rem; text-align: center; line-height: 3.375rem; font-size: 16px; font-weight: bold;}
.all_bottom div a:nth-child(1) img {height: 100%;}
.all_bottom div a:nth-child(2) {background: #fb3824; color: #fff; width: 45%;}
.all_bottom div a:nth-child(3) {background: #000; color: #fff; width: 45%;}

.reward_infobg,.youhui_infobg {background: rgba(0,0,0,.5); position: fixed; z-index: 98; width: 100%; height: 100%; left: 0; top: 0; display: none;}
.reward_infobg {z-index: 101;}
.reward_infomain {position: fixed; z-index: 102; width: 100%; height: auto; bottom: 0; left: 0; display: none;}
.reward_infotext {text-align: center; background: #fb3824; border-radius: 15px 15px 0 0; padding: 15px 0;}
.reward_infotext p {color: #fff;}
.reward_infomain ul {background: #efefef; padding: 24px 45px;}
.reward_infomain ul li {float: left; width: 100%; height: 48px; background: none; background-size: 100% 100%; position: relative; margin-bottom: 15px; border-radius: 8px; border: 1px solid #fb3824;}
.reward_infomain ul li input {background: none; border: none; border-radius: 0; padding: 0; margin: 0; -webkit-appearance: none; float: left; width: 100%; outline: none; height: 48px; line-height: 48px; color: #000; font-size: 20px; position: relative; z-index: 2; text-align: center;}
.reward_infomain ul li input::-webkit-input-placeholder {color:#adadad;}
.reward_infomain ul li a {display: block; background: #fb3824; text-align: center; height: 48px; line-height: 48px; width: 100%; font-size: 1.625rem; color: #fff; font-weight: bold; border-radius: 8px;}
.reward_infomain ul li:last-child {margin-bottom: 0;}

.reward_infomain ul li select {background: none; border: none; border-radius: 0; padding: 0; margin: 0; -webkit-appearance: none; float: left; width: 100%; outline: none; height: 48px; line-height: 48px; color: #000; font-size: 20px; position: relative; z-index: 2; text-align: center;}
.reward_infomain ul li select::-webkit-input-placeholder {color:#adadad;}


.youhui_mainbg {position: fixed; width: 100%; height: auto; background: #e8e7e7; left: 0; bottom: 0; border-radius: 1.25rem 1.25rem 0 0; z-index: 99; display: none;}
.youhui_top {background: #000; margin: 0.75rem 0.5rem 0 0.5rem; border-radius: 0.375rem;}
.youhui_top p {text-align: center; color: #fff;}
.youhui_top p:nth-child(1) {font-size: 20px; font-weight: bold; padding: 0.575rem 0 0.45rem 0;}
.youhui_top p:nth-child(2) {font-size: 14px; padding-bottom: 1.125rem;}
.youhui_main {padding: 0 0.375rem;}
.youhui_main .swiper-slide,.my_cuponlist .swiper-slide {height: 7.875rem; background: url(../images/icon3.png); background-size: 100% 100%;}
.pro_photo {float: left; width: 5.625rem; height: 5.625rem; margin: 0.9375rem 0 0 0.4375rem;}
.pro_info {float: left; margin-left: 0.75rem; width: 9.0rem;}
.pro_info p:nth-child(1) {font-size: 1.0rem; height: 1.5rem; line-height: 1.5rem; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: 0.75rem;}
.pro_info p:nth-child(1) img {width: 1.0rem; height: 1.0rem; position: relative; top: -0.125rem;}
.pro_info p:nth-child(2) {display: box; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; line-clamp: 3; -webkit-line-clamp: 3; overflow: hidden; font-size: 0.75rem; color: #8c8c8c;}
.pro_info p:nth-child(3) {font-size: 14px; color: #fb3824; margin-top: 0.25rem;}
.pro_price {float: right; width: 5.75rem; text-align: center;}
.pro_price p:nth-child(1) {color: #fff; padding: 0 1.25rem; font-size: 0.75rem; margin-top: 1.75rem;}
.pro_price p:nth-child(2) {font-size: 1.375rem; color: #fff;}
.youhui_main .swiper-container {height: 9.375rem;}
.youhui_main .swiper-container-horizontal>.swiper-pagination-bullets,.youhui_main .swiper-pagination-custom,.youhui_main .swiper-pagination-fraction {bottom: 0;}
.youhui_main .swiper-pagination-bullet {background: none; border: 1px solid #fb3824; width: 10px; height: 10px; opacity: 1;}
.youhui_main .swiper-pagination-bullet-active {background: #fb3824;}
.show_lq_head {padding: 0.375rem 0 1.125rem;}
.show_lq_headf {float: left; width: 5.0rem; margin-left: 1.625rem;}
.show_lq_headf p {font-size: 1.0rem;}
.show_lq_headf p:nth-child(1) {margin-top: 0.625rem;}
.show_lq_headf p:nth-child(2) {margin-top: 0.6375rem;}
.show_lq_headr {float: left; width: 10.875rem; padding-top: 0.5rem; margin-left: 0.3125rem;}
.show_lq_headr img {float: left; width: 1.875rem; height: 1.875rem; margin: 0 0.25rem 0.25rem 0; border-radius: 50%;}
.show_staff_head .show_lq_headf,.show_staff_head .show_lq_headr {width: 100%;}
.show_staff_head .show_lq_headf {margin-left: 0; text-align: center;}
.show_staff_head .show_lq_headf p {font-size: 1.125rem;}
.show_staff_head .show_lq_headr {text-align: center;}
.show_staff_head .show_lq_headr img {float: none; margin-right: 0; display: inline-block;}

.pro_button {border-top: 2px solid #fff; padding: 0.75rem 0 3.0rem 0; text-align: center;}
.pro_button a {width: 9.625rem; height: 2.875rem; text-align: center; line-height: 2.875rem; background: #000; color: #fff; border-radius: 0.375rem; display: inline-block; margin: 0 0.25rem; font-size: 1.125rem;}

.member_index_top {width: 100%; height: 7.875rem; background: #000; position: relative;}
.member_head {float: left; margin-left: 1.0rem; margin-top: 0.875rem;}
.member_head img {width: 5.875rem; height: 5.875rem; border-radius: 50%;}
.member_zl {float: left; color: #fff; margin-left: 0.875rem; margin-top: 1.125rem; max-width: 10.125rem;}
.member_zl span {font-size: 12px; line-height: 12px;}
.member_zl span.yg_cp {display: box; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; overflow: hidden; line-height: 20px;}
.wszl {position: absolute; width: 4.25rem; height: 4.25rem; top: 1.25rem; right: 0.75rem;}
.member_index_button {background: #efefef; padding-bottom: 0.75rem;}
.member_index_button a {float: left; width: 50%; height: 3.25rem; line-height: 3.25rem; background: #fff; text-align: center; color: #000;}
.member_index_button a:nth-child(1),.member_index_button a:nth-child(3) {border-right: 1px solid #efefef;}
.member_index_button a:nth-child(1),.member_index_button a:nth-child(2) {margin-bottom: 0.75rem;}
.member_index_button a img {width: 1.875rem; height: 1.875rem; position: relative; top: -0.125rem;}

.member_maininfo {margin: 0.875rem; background: #fff; border-radius: 0.375rem;}
.fj_xf {text-align: center; font-size: 1.5rem; font-weight: bold; padding: 1.375rem 0 0.875rem 0;}
.fj_xf span {color: #fa1503;}

.member_maintime .yomi li {background: #000; font-size: 16px; font-weight: normal; width: 1.825rem; height: 1.875rem; line-height: 1.875rem; border-radius: 0.25rem;}
.member_maintime .yomi li.split {background: none; color: #000; line-height: 1.875rem; width: 1.8rem;}
.member_maintime .yomi li.split1 {width: 3rem; color: #000; font-size: 16px; font-weight: normal; background: none;}
.member_money li,.member_person li {font-size: 1.0rem; float: left; text-align: center;}
.member_money li span {color: #fb3824;}
.member_money li:nth-child(1),.member_person li:nth-child(1) {width: 7.125rem;}
.member_money li:nth-child(2),.member_person li:nth-child(2) {width: 7.375rem;}
.member_money li:nth-child(3),.member_person li:nth-child(3) {width: 7.125rem;}
.my_friendhead span {float: left; width: 8.625rem; text-align: right; font-size: 1.0rem; margin-top: 0.5rem; padding-right: 0.25rem;}
.head_swiperbg {float: left; width: 12.625rem; height: 3rem;}
.head_swiperbg .swiper-slide {width: 1.875rem; height: 3rem; overflow: hidden; float: left; text-align: center;}
.head_swiperbg .swiper-slide img {width: 1.875rem; height: 1.875rem; border-radius: 50%;}
.head_swiperbg .swiper-slide em {width: 100%; font-size: 0.6875rem; height: 1.125rem; line-height: 1.125rem; overflow: hidden; display: inline-block; text-align: center;}
.youhui_guize {padding: 1.875rem 1.0rem 0 1.0rem;}
.youhui_guize ul {border: 1px solid #e9e9e9; border-radius: 0.25rem; padding: 0 1.25rem 0.75rem 1.25rem;}
.guize_top {text-align: center; margin-top: -1.125rem;}
.youhui_guize ul p {font-size: 0.75rem; padding-top: 0.25rem;}
.youhui_guize ul p.guize_top {padding-top: 0;}
.youhui_guize ul .guize_top span {background: #fff; font-size: 1.375rem; }
.youhui_gbutton {padding: 1.625rem 0; text-align: center;}
.youhui_gbutton a {display: inline-block; background: #fb3824; color: #fff; width: 16.875rem; height: 2.875rem; line-height: 2.875rem; border-radius: 2.875rem; font-size: 22px; font-weight: bold;}

.my_cupon_button {background: #fff; height: 4.0rem;}
.my_cupon_button li {float: left; width: 33.3333%; text-align: center; padding-top: 0.375rem;}
.my_cupon_button li a {display: inline-block; font-size: 1.0rem;c olor: #000;}
.my_cupon_button li a img {width: 2.125rem;}
.my_cupon_button li a,.my_cupon_button li a:hover,.my_cupon_button li a:visited {color: #000;}
.my_cuponlist {padding: 0.875rem 0.375rem; border-bottom: 1px solid #fff;}
.my_cuponbutton {padding: 0.5rem 0.625rem 0 0; text-align: right;}
.my_cuponbutton a {width: 4.25rem; height: 1.75rem; display: inline-block; line-height: 1.75rem; text-align: center; background: #000; color: #fff; border-radius: 0.25rem; font-size: 0.75rem; margin-left: 0.75rem;}
.youhui_ewm,.youhui_dizhi {width: 100%; height: 100%; background: #fff; position: fixed; z-index: 99; right: -100%; top: 0; opacity: 0;}
.show_erweima {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); width: auto; height: auto;}
.show_erweima p {text-align: center;}
#get_width {width: 201px; height: 274px;}
.show_erweima p:nth-child(2) {color: #f93822; font-size: 1.125rem; padding-top: 1.25rem;font-weight: bold;}
.show_erweima p:nth-child(2) img {width: 1.5rem;}
.show_erweima p:nth-child(3) {font-size: 1.25rem; padding-top: 1.5rem;}
.show_erweima p:nth-child(4) {font-size: 1.25rem;}

.cupon_close {position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); width: 2.375rem;}
.cupon_close img {width: 100%;}

#qrcodeCanvas {display: inline-block;}
#qrcodeCanvas canvas {display: inline-block; outline: 12px solid #fff;}

.dizhi_tittle {text-align: center; color: #fd3c1b; font-size: 18px; padding: 2.5rem 0 1.5rem 0;}
.youhui_dizhi ul {height: auto; padding: 0 2.625rem;}
.youhui_dizhi ul li {border-bottom: 1px solid #d7d4d5; padding: 2.0rem 0; float: left; width: 100%; font-size: 16px;}
.youhui_dizhi ul li img {width: 20px; position: relative; top: -2px;}
.youhui_dizhi ul li p {padding-top: 0.25rem;}
.dizhi_sroll {position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-height: 100%; overflow-y: auto;}

/*优惠券详情*/
.coupon_duiwrap {padding: 0 0.375rem;}
.coupon_duimain {background: #fff; border-radius: 0.375rem; padding-bottom: 1.25rem;}
.coupon_proinfo {border-bottom: 1px dashed #d0cecf; padding: 1.0rem 0 1.5rem 1.5rem;}
.coupon_proimg {float: left; width: 5.625rem; height: 5.625rem;}
.coupon_proinfo p.pro_tittle {font-size: 1.0rem; height: 1.5rem; line-height: 1.5rem; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: 0.975rem; padding-left: 1.0rem;}
.coupon_proinfo p.pro_tittle img {width: 1.0rem; height: 1.0rem; position: relative; top: -0.125rem;}
.coupon_proprice {color: #fa220d; font-size: 1.75rem; height: 2.675rem; line-height: 1.5rem; padding-left: 1.0rem; overflow: hidden; padding-top: 1.175rem;}
.coupon_newnum {border-bottom: 1px dashed #d0cecf; padding: 1.0rem 1.25rem 0.875rem 1.25rem;}
.coupon_newul li {width: 100%; float: left; padding-left: 2.125rem; line-height: 26px; color: #000; font-size: 1.0rem;}
.coupon_newul li:nth-child(1) {padding-left: 0;}
.coupon_newul li:nth-child(1) img {width: 1.75rem; margin-right: 0.125rem; position: relative; top: -2px;}
.coupon_newul li span {color: #979797;}
.coupon_newtel {float: right;}
.coupon_newtel img {width: 1.625rem; height: 1.625rem;}


/*移动管理按钮*/
.staff_button {display: block; position: fixed; z-index: 10; width: 3.375rem; height: 3.375rem; right: 0.625rem; bottom: 4.375rem; background: #ffd800; text-align: center; line-height: 3.375rem; color: #320bff; font-size: 1.125rem; border-radius: 0.5rem; border: 1px solid #320bff; font-weight: bold;}
.jm_button {display: block; position: fixed; z-index: 10; width: 3.375rem; height: 3.375rem; left: 0.625rem; bottom: 5.375rem; text-align: center;}
.show_erromonry {position: fixed; z-index: 1000; height: 38px; line-height: 38px; text-align: center; background: rgba(0,0,0,.6); left: 0; top: 0; display: none; width: 100%; color: #fff;}
.body_style {height: 100% !important;overflow: hidden !important;position: fixed !important;}
.add_touch {-webkit-overflow-scrolling: touch !important;}
.remove_touch {-webkit-overflow-scrolling: inherit !important;}
.get_animate {-webkit-animation: zoomIn 0.4s infinite both alternate; animation: zoomIn 0.4s infinite both alternate;}

/*动画*/
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0.5;
        -webkit-transform: scale3d(.8, .8, .8);
        transform: scale3d(.8, .8, .8)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0.5;
        -webkit-transform: scale3d(.8, .8, .8);
        transform: scale3d(.8, .8, .8)
    }
    50% {
        opacity: 1
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

/*摇动福袋*/
@-webkit-keyframes shake-rotate{2%{-webkit-transform:translate(0, 0) rotate(6.5deg)}4%{-webkit-transform:translate(0, 0) rotate(7.5deg)}6%{-webkit-transform:translate(0, 0) rotate(4.5deg)}8%{-webkit-transform:translate(0, 0) rotate(5.5deg)}10%{-webkit-transform:translate(0, 0) rotate(6.5deg)}12%{-webkit-transform:translate(0, 0) rotate(0.5deg)}14%{-webkit-transform:translate(0, 0) rotate(-8.5deg)}16%{-webkit-transform:translate(0, 0) rotate(-4.5deg)}18%{-webkit-transform:translate(0, 0) rotate(4.5deg)}20%{-webkit-transform:translate(0, 0) rotate(9.5deg)}22%{-webkit-transform:translate(0, 0) rotate(6.5deg)}24%{-webkit-transform:translate(0, 0) rotate(9.5deg)}26%{-webkit-transform:translate(0, 0) rotate(-0.5deg)}28%{-webkit-transform:translate(0, 0) rotate(10.5deg)}30%{-webkit-transform:translate(0, 0) rotate(9.5deg)}32%{-webkit-transform:translate(0, 0) rotate(-6.5deg)}34%{-webkit-transform:translate(0, 0) rotate(-4.5deg)}36%{-webkit-transform:translate(0, 0) rotate(6.5deg)}38%{-webkit-transform:translate(0, 0) rotate(10.5deg)}40%{-webkit-transform:translate(0, 0) rotate(-0.5deg)}42%{-webkit-transform:translate(0, 0) rotate(6.5deg)}44%{-webkit-transform:translate(0, 0) rotate(10.5deg)}46%{-webkit-transform:translate(0, 0) rotate(10.5deg)}48%{-webkit-transform:translate(0, 0) rotate(6.5deg)}50%{-webkit-transform:translate(0, 0) rotate(0.5deg)}52%{-webkit-transform:translate(0, 0) rotate(5.5deg)}54%{-webkit-transform:translate(0, 0) rotate(8.5deg)}56%{-webkit-transform:translate(0, 0) rotate(5.5deg)}58%{-webkit-transform:translate(0, 0) rotate(-7.5deg)}60%{-webkit-transform:translate(0, 0) rotate(-7.5deg)}62%{-webkit-transform:translate(0, 0) rotate(10.5deg)}64%{-webkit-transform:translate(0, 0) rotate(0.5deg)}66%{-webkit-transform:translate(0, 0) rotate(5.5deg)}68%{-webkit-transform:translate(0, 0) rotate(5.5deg)}70%{-webkit-transform:translate(0, 0) rotate(8.5deg)}72%{-webkit-transform:translate(0, 0) rotate(8.5deg)}74%{-webkit-transform:translate(0, 0) rotate(-5.5deg)}76%{-webkit-transform:translate(0, 0) rotate(10.5deg)}78%{-webkit-transform:translate(0, 0) rotate(5.5deg)}80%{-webkit-transform:translate(0, 0) rotate(-9.5deg)}82%{-webkit-transform:translate(0, 0) rotate(-0.5deg)}84%{-webkit-transform:translate(0, 0) rotate(5.5deg)}86%{-webkit-transform:translate(0, 0) rotate(8.5deg)}88%{-webkit-transform:translate(0, 0) rotate(0.5deg)}90%{-webkit-transform:translate(0, 0) rotate(-0.5deg)}92%{-webkit-transform:translate(0, 0) rotate(-4.5deg)}94%{-webkit-transform:translate(0, 0) rotate(-0.5deg)}96%{-webkit-transform:translate(0, 0) rotate(0.5deg)}98%{-webkit-transform:translate(0, 0) rotate(-7.5deg)}0%,100%{-webkit-transform:translate(0, 0) rotate(0)}}
.get_shake {-webkit-animation:shake-rotate 100ms ease-in-out infinite}

/*针对小屏幕字体*/
@media screen and (max-width:321px) { 

}