/*重置样式*/


html body {
	height: 100%;
	width: 100%;
	background-color: #fefefe; 
	/*#373D41*/
}
body {
    line-height: 1.6;
}

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, input, form, a, p, textarea {
  margin:0;
  padding:0;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  letter-spacing: 0.5px;
  word-spacing: normal;
  color: #000;
}
div { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a {
	color:#000;
	text-decoration: none;
}

input,button,select,textarea{outline:none;}


/*清除浮动代码*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

.hide {
	display: none !important;
}

/*头部样式*/

.header {
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
    width: 100%;
    box-shadow: 0px 2px #f8f8f8;
}

.nav {
    height: 43px;
    background-color: #fff;
}

.back-icon {
    display: block;
    height: 32px;
    width: 32px;
    padding-top: 5px;
}

.navbar {
	display: flex;
    z-index: 500;
    top: 0;
    width: 100%;
    background-color: #fff;
}

.navbar__item {
	flex: 1;
	padding: 10px 0;
	text-align: center;
}

.navbar__item_on {
	color: #F23030;
	font-weight: bold;
	border-bottom: 1px solid #F23030;
}

/* 底部tabbar */
.tabbar {
    width: 100%;
    position:fixed; 
    bottom: 0;
    display: flex;
    background-color: #fff;
}

.tabbar a {
    flex: 1;
    display: block;
    text-align: center;
}

.tabbar__item {
    height: 40px;
    line-height: 40px;
}

.bar__item_on .tabbar__label {
	color: #F23030 !important; 
}

/* 关注公众号提示 */
.shop-qrcode-tips {
	position: fixed;
    width: 95%;
    height: 34px;
	left: 2.5%;
    top: 51px;
    margin-bottom: 10px;
    line-height: 34px;
    background: #FDDD7B;
    font-size: 12px;
    color: #1F2856;
    padding-left: 20px;
    border-radius: 17px;
}

.notice-img {
    width: 16px;
    height: 16px;
    margin-top: -1px;
}

/* 提货券新增样式，完善后与上面合并 */

#mescroll {
	position: fixed;
	top: 43px;
	bottom: 40px;
	height: auto;
}

.list {
	width: 100%;
	height: auto;
	background-color: #fff;
	margin-bottom: 10px;
}

/* 提货券改版页面样式 */
.coupon-list {
    width: 95%;
    height: 200px;
    background: linear-gradient(to right,#354173,#1D2553);
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 15px;
    border-radius: 10px;
    position: relative;
    display: flex;
	overflow: hidden;
}

.coupon-list .half-round {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #fff;
    top: 130px;
}

.round-left {
    left: -10px;
}

.round-right {
    right: -10px;
}

.dash-line {
    width: calc(100% - 20px);
    height: 1px;
    border: 1px #FDDD7B dashed ;
    position: absolute;
    left: 10px;
    top: 140px;
    z-index: 1;
}

.king-img {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0px;
    right: 10px;
    background: url(/public/home/images/king.png) no-repeat;
    background-size: 100% 100%; 
    transform:rotate(20deg);
    z-index: 0;
}

.flex-left {
    width: 110px;
    height: 140px;
}

.pro-img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    margin-top: 10px;
    margin-left: 10px;
}

.ticket-value {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-left: 10px;
}

.ticket-value span {
    color: #fff;
    font-size: 12px;
}

.ticket-value .ticket-value-icon {
    color: #FDDD7B;
    font-weight: bold;
	margin-left: 3px;
}

.ticket-value .ticket-value-num {
    color: #FDDD7B;
    font-size: 20px;
    font-weight: bold;
    /* margin-left: -3px; */
}

.ticket-info {
    flex: 1;
    height: 135px;
    margin: 5px 10px 0px 0px;
    z-index: 1;
    position: relative;
}

.ticket-info .ticket-title {
    font-family: "Arial";
    font-size: 16px;
    color: #FDDD7B;
	display: table-cell;
}

.ticket-title-tag {
	display: inline-block;
    vertical-align: middle;
    font-family: "Arial";
    font-size: 10px;
    color: #1F2856;
    background: #FDDD7B;
    padding: 0px 5px;
    margin-left: 3px;
	margin-bottom: 3px;
	padding-top: 1.5px;
    border-radius: 5px;
}

.cp-products {
    margin-left: 3px;
    margin-bottom: 2px;
}
.pro-name {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-family: Verdana;
    color: #fff;
    border-bottom: 0px;
}

.cp-info-text {
    position: absolute;
    left: 0;
    margin-left: 3px;
    bottom: 12px;
}

/* 自提地址修改9.4 */
.rules {
    margin-left: 3px;
    font-size: 12px;
    display: inline-block;
    width: 65px;
    text-align: center;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border: 1px solid #FDDD7B;
    color: #FDDD7B;
}

.address-btn {
    font-size: 12px;
    display: inline-block;
    width: 65px;
    text-align: center;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid #FDDD7B;
    margin-left: -1px;
    color: #FDDD7B;
}
/* 自提地址修改9.4 */

.address, .deadLine{
    font-size: 12px;
    color: #fff;
}

.address {
    line-height: 16px;
}


.ticket-bottom {
    width: 100%;
    height: 50px;
    position: absolute;
	left: 0px;
    bottom: 4px;
    display: flex;
}

.ticket-bottom-info {
    margin-left: 10px;
    /* padding-top: 8px; */
    height: 100%;
    line-height: 50px;
    flex: 1;
	display:table-cell;
    vertical-align:middle;
}

.ticket-bottom-info span {
    display:inline-block;
}

.deadLine .end-time {
    color: #fff;
}

.buy-btn {
    margin-top: 8px;
    margin-right: 10px;
    background: #FDDD7B;
    float: right;
    height: 32px;
    line-height: 32px;
    padding: 0 14px;
    border-radius: 16px;
}

.buy-btn span{
    color: #1F2856;
}

.buy-price {
    font-size: 20px;
    font-weight: bold;
}

.buy-text {
    float: right;
    margin-left: 5px;
    margin-top: 1px;
}

/* 未使用按钮 */
.btns-not-used {
    height: 34px;
    line-height: 34px;
    margin-top: 8px;
    margin-right: 10px;
    
}

.btn-transfer {
    display: inline-block;
    width: 60px;
    text-align: center;
    border-top-left-radius: 17px;
    border-bottom-left-radius: 17px;
    background: #FDDD7B;
    color: #1F2856;
}

.btn-qrcode {
    display: inline-block;
    width: 65px;
    text-align: center;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
    background: #FDDD7B;
    margin-left: 1px;
    color: #1F2856;
}


/* 未使用售价 */
.ticket-price {
    position: absolute;
    bottom: 20px;
    right: 10px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    color: #fff;
}

.ticket-price .ticket-price-icon {
    color: #FDDD7B;
    font-weight: bold;
}

.ticket-price .ticket-price-num {
    color: #FDDD7B;
    font-size: 22px;
    font-weight: bold;
    /* margin-left: -3px; */
}

/* 提货券编号 */
.ticket-num {
    position: absolute;
    bottom: 5px;
    right: 15px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
}

/* 已使用/转赠 按钮部分 */
.ticket-bottom-used {
    margin-right: 10px;
    padding-top: 8px;
    height: 100%;
}

.ticket-bottom-used div {
    color: #fff;
    font-size: 12px;
}

.transfer-name {
    color: #FDDD7B;
}

/* 已过期 */
.expired {
    margin-right: 10px;
    height: 100%;
    line-height: 50px;
}

.expired span {
    color: #1F2856;
    padding: 5px 10px;
    border-radius: 15px;
    background: #ccc;
}


/* 提货码弹窗 */
.ticketCode-container {
    position: fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    margin:auto; 
    width: 82%;
    height: 370px;
    border-radius: 3px;
    background: linear-gradient(to right,#354173,#1D2553);
    z-index: 1000;
}

#ticketCode-info {
    width: 100%;
    min-height: 282px;
    padding-top: 8px;
    padding-bottom: 10px;
    background: linear-gradient(to right,#354173,#1D2553);
}

.ticketCode-title {
    text-align: center;
    font-size: 15px;
    line-height: 36px;
    font-size: 16px;
    margin-top: 0px;
    color: #FDDD7B;
}

.ticketCode-content {
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

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

.ticketCode-tips div,
.ticketCode-tips div span {
    color: #fff;
}

.ticketCode-tips {
    width: 100%;
    margin: 0 auto;
}

.ticketCode-tips-text {
    width: 100%;
    text-align: center;
    font-size: 16px;    
    margin-bottom: 10px;
    color: #fff;
}

.ticketCode-address {
    padding-left: 45px;
    padding-right: 20px;
    line-height: 18px;
    /* text-align: center; */
    margin-top: 5px;
}

.ticketCode-phone {
    padding-left: 45px;
    /* text-align: center; */
    margin-top: 5px;
}

.ticketCode-close-btn {
    width: 80px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    background: #FDDD7B;
    color: #1F2856 !important;
}

.ticketCode-canvas {
    width: 100%;
    height: 282px;
    background: linear-gradient(to right,#354173,#1D2553);
}

.ticketCode-num {
    margin-top: -3px;
    margin-bottom: 3px;
    color: #fff;
    text-align: center;
}

/* 购买弹窗 */
#weui-chujiasheet {
    height: 260px;
    background-color: #fff;
}

.chujia-head {
    background-color: #fff;
    height: 50px;
    width: 100%;
    position: fixed;
    overflow: hidden;
    top: 0px;
    text-align: left;
    line-height: 50px;
    margin-bottom: 10px;
    text-align: center;
}

.chujia-head .title-text {
    font-weight: bold;
}

.chujia-time {
    float: right;
    margin-right: 10px;
    font-size: 13px;
}

.chujia-time i {
    font-weight: 600;
    font-style: normal;
}

.chujia_price {
    width: 100%;
    height: 210px;
}

.chujia_input {
    width: 100%;
    height: 60px;
    margin-top: 60px;
    text-align: center;
    display: flex;
}

.chujia_input_minus {
    flex: 1;
    height: 44px;
    padding-top: 8px;
}

.chujia_input_minus span {
    display: block;
    float: right;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    background-color: #F7F7F7;
    color: #ccc;
    font-size: 16px;
    font-weight: bold;
}

.chujia_input_plus {
    flex: 1;
    height: 44px;
    margin-top: 8px;
}

.chujia_input_plus span {
    display: block;
    float: left;
    width: 44px;
    height: 44px;
    line-height: 38px;
    /* line-height: 44px; */
    border-radius: 50%;
    background-color: #ffe9a7;
    color: #1F2856;
    font-size: 26px;
    font-weight: bold;
}

input[type=number] {
    outline: 0;
    border: solid #ffe9a7;
    border-width: 1px 0 1px 0;
    border-radius: 2px;
    height: 60px;
    margin: 0 20px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    vertical-align: text-bottom;
    background: #ffe9a7;
    width: 40%;
    -webkit-appearance: none;
    font-size: 22px;
    line-height: 60px;
    text-align: center;
    font-weight: 700;
    color: #1F2856;
}

.chuajia_currentPrice_div {
    width: 100%;
    height: 44px;
    line-height: 44px;
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.chuajia_currentPrice_icon {
    color: #1F2856;
    margin-left: 5px;
    font-size: 14px;
}

.chuajia_currentPrice_num {
    font-size: 22px;
}

.chujia_confirm {
    width: 94%;
    height: 44px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #FDDD7B;
    color: #1F2856;
    font-size: 18px;
    border: 0;
    border-radius: 2px;
}

/* 规则弹窗 */
#weui-rulessheet {
    height: 400px;
    background-color: #fff;
}

.rules-content {
    list-style-type:disc;
    margin-top: 60px;
    margin-left: 50px;
}

.rules-content li {
    list-style-type:disc;
    line-height: 26px;
    font-weight: bold;
}

/* 地址弹窗 */
#weui-addresssheet {
    height: 330px;
    background-color: #fff;
}

.address-content {
    list-style-type:disc;
    margin-top: 60px;
    margin-left: 50px;
}

.address-content li {
    list-style-type:disc;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 5px;
}

/* 货券市场搜索 */
.header-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 2.5%;
    display: flex;
}

.header-search-container {
    margin-right: 5px;
    flex: 1;
    height: 100%;
    border-radius: 4px;
    position: relative;
}

.header-search-container input {
    display: block;
    width: 100%;
    height: 100%;
    border: 0px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #F2F2F2;
}

.clear-icon {
    display: none;
    background: url(/Public/salesman/images/close.png) no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 10px;
    right: 5px;
}

.header-search button {
    width: 13%;
    height: 36px;
    background-color: #fff;
    border: 0px;
    border-radius: 4px;
    margin-left: 1px;
    background-color: #F2F2F2;
}

.search-icon {
    display: inline-block;
    background: url(/Public/salesman/images/search.png) no-repeat;
    background-size: 100% 100%;
    width: 22px;
    height: 22px;
}


/* 付款浮动弹窗 */
a, img { border: none; }
img { vertical-align: middle; }
ul, li { list-style: none; }
em, i { font-style: normal; }
.clear { clear: both }
.clear_wl:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; }
.fl { float: left }
.fr { float: right }
.all_w { width: 91.3%; margin: 0 auto; }
.all_wb { width: 85%; margin: 0 auto; }
.fb { font-weight: bold }
/***支付页面****/
.header { background: #14af53; color: #f5f7f6; height: auto; overflow: hidden; }
.gofh { float: left; height: 45px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; }
.gofh a { padding-right: 10px; color:#fff;outline:none; }
.ttwenz { float: left; height: 45px;line-height: 45px; }
.ttwenz h4 { font-size: 16px; font-weight: 400;}
.transfer{background:#fff;margin-top:5%;padding-bottom: 10%; }

.wenx_xx { text-align: center; font-size: 16px; padding: 18px 0;}

.wenx_xx .mz img{width:15%;}
.wenx_xx .transfer_name{font-size:14px;color:#888;margin-top:16px;}
.skf_xinf { border-bottom: 1px solid #ddd;  font-size: 14px; overflow: hidden; }
.skf_xinf .bt { height:45px;line-height:45px; }
.skf_xinf .wxzf_price{}/****/
.skf_xinf .wxzf_price span,.skf_xinf .wxzf_price>input{ font-size: 45px;float:left;height:100%;overflow:hidden;}/****/
.skf_xinf .wxzf_price span{width:15%;padding:25px 0;}/****/
.skf_xinf .wxzf_price>input{border:none;outline:none;width:85%;margin-bottom:0 !important;}/****/
/*
.skf_xinf .wxzf_price{height:50px;margin-bottom:10px;line-height:50px;}
.skf_xinf .wxzf_price span,.skf_xinf .wxzf_price>input{ font-size: 45px;float:left;height:100%;line-height:50px;overflow:hidden;}
.skf_xinf .wxzf_price span{width:15%;}
.skf_xinf .wxzf_price>input{border:none;outline:none;width:85%;}
*/
.ljzf_but { border-radius: 3px; height: 45px; line-height: 45px; background: #14af53; display: block; text-align: center; font-size: 16px; margin-top: 10%;color: #fff; }
.ftc_wzsf { display:none; width: 100%; height: 100%; position: fixed; z-index: 999; top: 0; left: 0; }
.ftc_wzsf .hbbj { width: 100%; height: 100%; position: absolute; z-index: 8; background: #000; opacity: 0.4; top: 0; left: 0; }
.ftc_wzsf .srzfmm_box { position: absolute; z-index: 10; background: #f8f8f8; width: 88%; left: 50%; margin-left: -44%; top: 15%;border-radius: 5px; }
.qsrzfmm_bt { font-size: 16px; border-bottom: 1px solid #c9daca; overflow: hidden; line-height:53px;text-align:center;}
.qsrzfmm_bt a { display: block; width: 10%; padding: 10px 0; text-align: center; }
.qsrzfmm_bt img.tx { width: 10%; padding: 10px 0; }
.qsrzfmm_bt span { padding: 15px 5px;margin-left: -33px; }
.zfmmxx_shop { text-align: center; font-size: 12px; padding: 10px 0; overflow: hidden; }
.zfmmxx_shop .mz { font-size: 14px; float: left; width: 100%; }

.zfmmxx_shop .wxzf_price { font-size: 24px; float: left; width: 100%; }
.blank_yh { width: 89%; margin: 0 auto; line-height: 40px; display: block; color: #636363; font-size: 16px; padding: 5px 0; overflow: hidden; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; }
.blank_yh img { height: 40px; }
.ml5 { margin-left: 5px; }
#paypassword{position: absolute;z-index: -1;transform: translateZ(-1px);text-indent: -999em; opacity: 0;filter:alpha(opacity=0);height: 40px;width:100%;margin: 10px auto 20px;overflow: hidden;text-align:center;}/****/
#paypassword input{width: 89%;}/****/
.mm_box { width: 89%; margin: 10px auto 20px; height: 40px; overflow: hidden; border: 1px solid #bebebe; }/****/
.mm_box li { border-right: 1px solid #efefef; height: 40px; float: left; width: 16.6%; background: #FFF; } /****/
.mm_box li.mmdd{ background:#FFF url(/Public/home/pay/images/dd_03.jpg) center no-repeat ; background-size:25%;}
.mm_box li:last-child { border-right: none; }
.person_mm_box li { border-right: 1px solid #efefef; height: 40px; float: left; width: 16.6%; background: #FFF; }
.xiaq_tb { padding: 5px 0; text-align: center; border-top: 1px solid #dadada; }
.numb_box,.price_box { position: absolute; z-index: 10; background: #f5f5f5; width: 100%; bottom: 0px; }
.nub_ggg { border: 1px solid #dadada; overflow: hidden; border-bottom: none; }
.nub_ggg li { width: 33.3333%; border-bottom: 1px solid #dadada; float: left; text-align: center; font-size: 22px; }
.nub_ggg li a { display: block; color: #000; height: 55px; line-height: 55px; overflow: hidden; }
.nub_ggg li a:active  { background: #e0e0e0;}
.nub_ggg li a.zj_x { border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
.nub_ggg li span { display: block; color: #e0e0e0; background: #e0e0e0; height: 50px; line-height: 50px; overflow: hidden; }
.nub_ggg li span.del img { width: 30%; }
.bg-gray{background: #e0e0e0;}

.fh_but{ position:absolute; right:0px; top:12px; font-size:14px; color:#20d81f;}
.zfcg_box{  height: 56px; line-height:56px;   font-size:20px; color:#1ea300;text-align:center;margin-top:10% }
.zfcg_box img{ width:15%;}
.bg-color{background:#fff;position:absolute;left:0;top:0;width:100%;height:100%;}
.cgzf_info{ background:#FFF;margin-top:34%; }
.cg_price{font-size:36px}
.spxx_shop{ background:#FFF; position:absolute;left:50%;margin-left:-25%;bottom:12%;width:50%;text-align:center;}
.spxx_shop a{border:1px #1ea300 solid;color:#1ea300;width:100%;display:inline-block;padding:10px 0;border-radius:5px;}
.fz-14{font-size:16px;}