@charset "UTF-8";
/* CSS Document */
/* 重置 */
body, h1, h2, h3, h4, p, ul, ol, dl, dd, input, textarea, button { margin: 0; padding: 0; }
li { list-style: none; }
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, a, textarea, input, button, span, em, strong, img, div { -webkit-touch-callout: none; -moz-touch-callout: none; -ms-touch-callout: none; touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }
input, textarea, button { outline: none; }
textarea { resize: none; }
img { border: none; }
a { text-decoration: none; }
body { font-family: "微软雅黑"; line-height: 1.428571429; color: #666; padding-bottom: 6rem; }
.no-foot-nav { padding-bottom: 0; }
.backgroud { content: ''; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0rem; left: 0; }
.backgroud:before { content: ''; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0rem; left: 0; }
html { font-size: 62.5%; font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background: #eee; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex;}
.flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.t-c { text-align: center;}
.fl { float:left}
.fr { float:right}
.disnone { display:none;}
/*Home */
.topsearchwithbackbt {width: 98%; margin: .5rem auto;position: relative;}
.swap_value {width: 100%; line-height: 4rem; border-radius: .5rem; background: #ddd; border: none; text-indent: 4rem; font-size: 1.5rem; color: #aaa;}
.search-icon { position:absolute; z-index: 999; left: 0.5rem; top: .5rem; width: 3rem; height: 3rem;}
/*Banner*/
.banner { position:relative; width:100%; margin:0 auto;}
.banner img { height:14rem; width:100%;}
#slider { max-height: 16.1rem; width:100%;}
#slider .swipe-wrap { width:100%; height:100%; margin:0; padding:0; display:block;}
#slider figure { display: block }
#slider figure div.wrap { width: 100%; height: 14.2rem; display: block; margin: 0px auto; position: relative }
@media(min-width:320px){#slider { max-height: 15rem;} #slider figure div.wrap {height: 14.2rem;}} /*iPhone4,5,5s,*/
    @media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){
}
/*5,5s,*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
    .class{}
}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){
    .class{}
}
@media(min-width:360px){#slider { max-height: 15rem;} #slider figure div.wrap {height: 14.2rem;}} /*//android,*/
@media(min-width:375px){#slider { max-height: 16.5rem;} #slider figure div.wrap {height: 16.2rem;}} /*//iphone6,6s,*/
@media(min-width:414px){#slider { max-height: 19.9rem;} #slider figure div.wrap {height: 19.1rem;}} /* //iphone6plus,6splus*/
/*6,*/
@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){
    #slider { max-height: 18.4rem;} #slider figure div.wrap {height: 18.4rem;}
}
#slider figure div.image { display: block; height: 100%; width:100%; background-size:100% auto; }
#slider figure a:hover { opacity: .85; text-decoration: none }
nav { position: relative; width: 100%; background: rgba(0,0,0,0); height:2.5rem; line-height:2.5rem; margin:-2.5rem auto 0; }
nav a { font-style: normal; color: #555!important }
nav #position { text-align: center; list-style: none; margin: 0; padding: 0;}
nav #position li { display: inline-block; width: 6px; height: 6px; border-radius: 10px; background: #fff; box-shadow: inset 0 1px 3px white, 0 0 1px 1px #aaa; margin: 0 5px; cursor: pointer }
nav #position li.on { box-shadow: inset 0 1px 3px -1px #999999, 0 1px 2px rgba(0,0,0,.5); background-color: #aaaaaa; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #aaaaaa)); background-image: -webkit-linear-gradient(top, #aaaaaa, #aaaaaa); background-image: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); background-image: -ms-linear-gradient(top, #aaaaaa, #aaaaaa); background-image: -o-linear-gradient(top, #aaaaaa, #aaaaaa); background-image: linear-gradient(top, #aaaaaa, #aaaaaa) }


.jf_ticket_pages .banner { position:relative; width:100%; margin:0 auto;}
.ticket_hero_infomation .banner { margin-top:0}
.ticket_hero_infomation .banner .swipe {overflow: hidden; visibility: hidden; position: relative;}
.ticket_hero_infomation .banner .swipe-wrap {overflow: hidden; position: relative;}
.ticket_hero_infomation .banner .swipe-wrap > figure{float: left;width: 100%; position: relative;margin: 0;padding: 0; }
.jf_ticket_pages #slider { width: 100%;}
.jf_ticket_pages #slider .swipe-wrap { width: 100%; height: 100%; margin: 0; padding: 0; display: block;}
.jf_ticket_pages #slider figure { display: block;}
.jf_ticket_pages #slider figure div.wrap { width: 100%; height: 100vw; display: block; margin: 0px auto; position: relative }
@media(min-width:320px){.jf_ticket_pages #slider { max-height: 100vw;}，.jf_ticket_pages #slider figure div.wrap {height: 100vw;}} /*iPhone4,5,5s,*/
@media(min-width:360px){.jf_ticket_pages #slider { max-height: 100vw;}， .jf_ticket_pages #slider figure div.wrap {height: 100vw;}} /*//android,*/
@media(min-width:375px){.jf_ticket_pages #slider { max-height: 100vw;}， .jf_ticket_pages #slider figure div.wrap {height: 100vw;}} /*//iphone6,6s,*/
@media(min-width:414px){ .jf_ticket_pages #slider { max-height: 100vw;}，.jf_ticket_pages #slider figure div.wrap {height: 100vw;}} /* //iphone6plus,6splus*/
.jf_ticket_pages #slider figure div.image { display: block; height: 100%; width:100%; background-size:100% auto; }
.jf_ticket_pages #slider figure a:hover { opacity: .85; text-decoration: none }
.jf_ticket_pages nav { position: relative; width: 100%; background: rgba(0,0,0,0); height:2.5rem; line-height:2.5rem; margin:-2.5rem auto 0; }
.jf_ticket_pages nav a { font-style: normal; color: #555!important }
.jf_ticket_pages nav #position { text-align: center; list-style: none; margin: 0; padding: 0;}
.jf_ticket_pages nav #position li { display: inline-block; width: 6px; height: 6px; border-radius: 10px; background: #fff; box-shadow: inset 0 1px 3px white, 0 0 1px 1px #aaa; margin: 0 5px; cursor: pointer }
.jf_ticket_pages nav #position li.on { box-shadow: inset 0 1px 3px -1px #999999, 0 1px 2px rgba(0,0,0,.5); background-color: #aaaaaa; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #aaaaaa)); background-image: -webkit-linear-gradient(top, #aaaaaa, #aaaaaa); background-image: -moz-linear-gradient(top, #aaaaaa, #aaaaaa); background-image: -ms-linear-gradient(top, #aaaaaa, #aaaaaa); background-image: -o-linear-gradient(top, #aaaaaa, #aaaaaa); background-image: linear-gradient(top, #aaaaaa, #aaaaaa) }


/*Banner*/

/*首页样式*/
.big_bt_homepage_con { width:100%; background:#fff; margin-top:0.8rem; text-align:center}
.big_bt_homepage { width:50%; background:#008dd2; height:8rem; float:left; display:inline-block;}
.big_bt_homepage a, .big_bt_homepage a img { display:block; width:100%; height:8rem;}
.jf_site #top .type_content { overflow: hidden; background-color: #fff;}
/*.jf_site #top .type_wrap { height: 38px; padding: 1rem 0; background-color: #fff; white-space: nowrap; overflow-y: auto; padding-right: 20px;}
*/.jf_site #top .type_wrap { padding: 1rem; background-color: #fff; text-align: center; display: flex}
.jf_site #top .type_wrap2 {padding: 0 1rem; display: none;}
.jf_site #top .type_wrap .type_btn { margin-left: .6rem; font-size: 1.15rem; flex: 1;border-bottom: 1px solid #fff;}
.jf_site #top .type_wrap .type_btn:first-child { margin-left: 0;}
.jf_site #top .type_wrap .type_btn span { display: block; width: 4.5rem; height: 4.5rem; background: #e2c395 url("../../images/template_7/goodshomeicon.png") no-repeat top left; background-size: auto 4.5rem; border-radius: 50%; margin: 0 auto; margin-bottom: .5rem;}
.jf_site #top .type_wrap .type_btn:nth-child(2) span { background-position: -4.9rem 0rem; background-size: auto 4.8rem;}
.jf_site #top .type_wrap .type_btn:nth-child(3) span { background-position: -9.2rem 0rem;}
.jf_site #top .type_wrap .type_btn:nth-child(4) span { background-position: -13.75rem 0rem;}
.jf_site #top .type_wrap .type_btn:nth-child(5) span { background-position: -18.15rem 0rem;}
.jf_site #top .type_wrap .type_btn:nth-child(6) span { background-position: -22.85rem 0rem;}
.jf_site #top .type_wrap .active {color: #c1a06e; border-bottom: 1px solid #c1a06e;}
.jf_site #top .type_wrap2 .type_btn {display: inline-block; padding: .2rem .5rem; float: left; margin-bottom: .6rem; background: #eee;}
.jf_site #top .ticket_homeitms .ticket_list_width100 #div_valid_content {
	/*column-count: 2; 根据需要调整列数 使用这个属性就能实现----------------------------*/
     column-gap: 2rem; /* 列与列之间的间距 */
      width: 94%; /* 容器宽度 */
      margin: 1rem auto; /* 外边距，使容器居中 */
}
.jf_site #top .ticket_homeitms .ticket_list_width100 #div_valid_content {
	display: grid; 
	column-count: 2;
       grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		grid-template-columns:auto auto;
        grid-auto-rows: auto;
        }
    .jf_site #top .ticket_homeitms .ticket_list_width100 #div_valid_content li {background-color: #fff; margin-bottom: 2rem; break-inside: avoid; justify-content: center; align-items: center;grid-row:auto; padding-bottom: .5rem;}

.jf_site #top .ticket_homeitms .ticket_list_width100 #div_valid_content li .item_img img { width: 100%; height: auto; border-radius: 0.4rem; position: static; }
.jf_site #top .ticket_homeitms .ticket_list_width100 #div_valid_content li .item_title {margin: 0.5rem 0; padding: 0 .8rem; font-size: 1.5rem; line-height: 2rem; color:#333; font-weight: bold; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jf_site #top .ticket_homeitms .ticket_list_width100 #div_valid_content li .item_yishou { color:#888; font-size: 1.1rem; padding: 0 .8rem;}
.jf_site #top .ticket_homeitms .ticket_list_width100 #div_valid_content li .item_price { color:#888; font-size: 1.1rem; padding: 0 .8rem; width: 100%;}
.jf_site #top .ticket_homeitms .ticket_list_width100 #div_valid_content li .item_price span { color: #77532b; font-size: 1.4rem; font-weight: bold;}
.jf_site #top .ticket_homeitms .ticket_list_width100 #div_valid_content li .item_price i { float:right; line-height: 2rem;}
.popup_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 9999;}
.snack_bt_frombottom { width:100%; margin-left: -50%; background:#fff; color: #666; text-align: center; border-radius: 2px; padding: 1rem; position: fixed; z-index: 999; left: 50%; bottom: 0px; font-size: 1.6rem; box-sizing:border-box;}
.jf_ticket_pages .ticket_content { width: 92%; margin: 0 auto; margin-bottom:1rem; padding:1rem; padding-top:2rem; padding-bottom:.2rem; box-sizing: border-box; font-size:1.4rem;}
.jf_ticket_pages .ticket_content .titile { font-size: 1.6rem; padding-left: 2.4rem; margin-top:1rem; display: inline-block; width: 30%; color: #333;}
.jf_ticket_pages #ticket_content_notice { border-top: 1px solid #333; padding-top:.6rem; margin-top:.8rem;}

.show { visibility: visible;
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}
@-webkit-keyframes fadein {
     from {bottom: -30px; opacity: 0;}
    to {bottom: 0px; opacity: 1;}
}
@keyframes fadein {
    from {bottom: -30px; opacity: 0;}
    to {bottom: 0px; opacity: 1;}
}
@-webkit-keyframes fadeout {
     from {bottom: -30px; opacity: 0;}
    to {bottom: 0px; opacity: 1;}
}
@keyframes fadeout {
    from {bottom: -30px; opacity: 0;}
    to {bottom: 0px; opacity: 1;}
}
.snack_bt_frombottom .snack_close_bt { float:right; color: #333; display:inline-block; font-size: 1.8rem; padding: 0 2rem;}
.snack_bt_frombottom .product_img { width:10rem; height:auto; border:.1rem solid #aaa; border-radius: 1rem; float:left; margin-top: -5rem;}
.con_with_bt { padding-bottom:6rem;}
.snack_bt_frombottom .qianshu { display: block; font-size: 2.5rem; font-weight: bold; color: #bea367; text-align: left; text-indent: 2rem;}
.select_sections {clear: both; margin-top: 3.5rem; margin-bottom: 2rem;}
.select_sections li { display: inline-block; margin: .3rem .5rem; padding: .5rem 2.5rem; background: #f7f7f7; color:#717171; border-radius: .5rem; }
.select_sections li a { color:#717171}
.select_sections .select {background: #b9a873;}
.select_sections .select a { color: #fff;}
.jiajian_option { margin: 1.5rem 0 2rem;}
.jiajian_option a { display:inline-block; border-radius: .5rem; border: 1px solid #ccc; padding: .3rem 1rem .6rem; margin: 0 1rem; line-height: 2rem; color: #aaa; font-weight: bold;}


/*分类页*/
.jf_fenlei_pages {}
.jf_fenlei_pages .ticket_homeitms { display:none}
/*.jf_fenlei_pages #top .type_content { background: none;}
.jf_fenlei_pages #top .type_wrap { height:auto; background: none; padding: 0;}
.jf_fenlei_pages #top .type_wrap .type_btn { display:block; margin: .8rem auto; width: 94%; background: #fff; padding: 1rem;}

.jf_fenlei_pages #top .type_wrap .type_btn span::after { content: "▼"; color: #ccc; float: right;}
.jf_fenlei_pages #top .type_wrap .type_btn:first-child span::after { content: " ";}
.jf_fenlei_pages #top .type_wrap .active span::after { color:#fff}
.jf_fenlei_pages #top .type_wrap2 {}
.jf_fenlei_pages #top .type_wrap2 .type_btn { background: #ddd;}*/
/*分类页*/
/*票品详情页*/
.jf_ticket_pages {margin-top:0}
.ticket-top-subnav {position:fixed; _position:absolute; z-index: 999; top:0px; width:100%; height:3rem; background: #fff; border-bottom: 1px solid #ccc; display: flex;}
.ticket-top-subnav a { flex: 1; text-align: center; font-size: 1.5rem; line-height: 3rem; color: #999}
.ticket_hero_infomation { background: #fff; padding-bottom: .5rem; overflow: hidden; margin-top: 1rem}
.jf_ticket_pages .banner {position: relative; width: 100%; margin: 0 auto;}
.ticket_hero_infomation_licon {width: 94%; margin:0 auto; }
.ticket_hero_infomation h2 { font-size: 1.6rem; color: #333; font-weight: 600;}
.ticket_hero_infomation .jf_sz {margin:1.2rem auto .2rem; color:#999; font-size:1.4rem; clear:both; }
.ticket_hero_infomation .jf_sz .big_num { font-size: 2.2rem; font-weight: 600;}
.red { color:#bea367}
.ticket_hero_infomation .jf_sz .small_num { font-size:1.6rem; color:#C00}
.ticket_hero_infomation .little_text { font-size:1.3rem; margin-top: 1rem;color:#bbb; display: none;}
.xuanze_con { box-sizing: border-box; padding: 1.2rem 7%; font-size: 1.4rem;font-weight: bold; overflow: hidden;color: #333;}
.xuanze_con .oneline_shenglue { display:block; width:96%; float:right; height:2rem; overflow:hidden; font-weight:normal; padding:.5rem 0; padding-right:1.2rem; white-space:nowrap; text-overflow:ellipsis; position:relative}
.xuanze_con .oneline_shenglue .more { position:absolute; right:0; width:1rem; height:1.4rem; background:url('/images/template_7/icon-drop-btn.png') bottom center no-repeat; background-size:100% auto;}
.xuanze_con .oneline_shenglue .bq_kuang { border:.1rem solid #ce2c5b; color:#ce2c5b; padding:.1rem .3rem; border-radius:.2rem;}
.share_bt { font-size:1rem; text-align:center; margin-right:7%; margin-top:.8rem}
.share_bt .share_bt_ico {display: block; width:2.2rem; height:2.2rem; background:url('/images/template_7/bt_share_jf.png') top center no-repeat; background-size:100%; text-indent:-9999px;}
.jf_tuijian {width:86%; margin:1rem auto; background:#fff; overflow:hidden; padding:1rem .5rem; box-sizing:border-box; border-radius:.4rem;}
.jf_tuijian h3 { font-size:1.6rem; font-weight:500;}
.jf_tuijian ul { display:flex; margin-top:.8rem;}
.jf_tuijian ul li { flex:1; border:1px solid #CCC; margin:0 .5rem; border-radius:.4rem}
.jf_tuijian ul li img { width:100%;}
.jf_tuijian ul li h4 { color:#333; font-size:1.4rem; font-weight:500; margin-left:.5rem}
.jf_tuijian ul li .hx_text { display:block;}
.jf_tuijian ul li p { width:94%; margin:0 auto; padding-bottom:.6rem;}
.jf_tuijian ul li .big_num { font-size:1.4rem;}
.jf_tuijian ul li .small_num { font-size:1.2rem;}
.jf_ticket_content { width:94%; margin:0 auto; margin-top:1rem;}
.jf_ticket_content p { font-size:1.6rem; line-height:2rem;}
.jf_ticket_content img, .jf_ticket_content p img { margin:.5rem auto; width:100%!important; height: auto!important}
.jf_ticket_content .jf_content_titile { text-align:center; font-size:1.6rem; font-weight:500; margin:.5rem auto;}

.bottom_bt_con { background: #fff; color: #666; border-top:1px solid #aaa; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; overflow: hidden; width: 100%;  display: flex; display: -moz-flex; display: -webkit-flex; display: -o-flex; flex-wrap: nowrap; padding:1rem; padding-bottom: 1.5rem; box-sizing: border-box;}
.bottom_bt_con a { color: #666; font-size: 1.2rem; flex-grow: 1; font-size:1.2rem; text-align: center}
.bottom_bt_con a i { display:block; font-size: 1.5rem; margin-bottom: .2rem;}
.bottom_bt_con a:first-child , .bottom_bt_con a:nth-child(2) { border-right:1px solid #aaa;} 
.bottom_bt_con a.u-btn { background: #bea367; font-size:1.5rem; border-radius: .6rem; padding: .6rem 1rem; color: #fff; }
.bottom_bt_con a.u-btn-c3 {border-bottom-right-radius: 0; border-top-right-radius: 0; background: #f2ede0; color:#bea367 }
.bottom_bt_con a.u-btn-c2 {border-bottom-left-radius: 0; border-top-left-radius: 0; color: #fff;}
.bt_red { background: #f96531; }
.bt_yellow { background: #ffb540; }

.popup_con { display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:9999}
.popup_content { position:relative; background:#fff; border-radius:10px; left:50%; top:10%; width:86%; height:80%; overflow:auto; margin-left:-43%; display: block; padding:2rem; box-sizing:border-box;}
.popup_content .popup_content_titile { width:100%; margin:.5rem auto; font-size:1.6rem; font-weight:600;}
.popup_content .closebt { font-size:1.4rem; float: right; margin-top: -1rem; padding: 0 2rem;}
.popup_content .text_main { margin:.6rem auto; text-indent:2rem; width:90%; margin:.5rem auto; font-size:1.5rem;}

.gwc_jf_list { margin:1rem auto; background:#fff; overflow:hidden; padding:1.2rem; margin-bottom: 7rem; box-sizing:border-box; font-size:1.4rem;}
.gwc_jf_list .gwc_jf_list_ul {display:table;}
.gwc_jf_list .gwc_jf_list_ul li { display:table-row; border-bottom: 1px solid #ccc}
.gwc_jf_list .gwc_jf_list_ul li .gwc_jf_list_select_con, .gwc_jf_list .gwc_jf_list_ul li .text_view, .gwc_jf_list .gwc_jf_list_ul li .left_img_con, .gwc_jf_list .gwc_jf_list_ul li .right_con { display:table-cell;    padding: 1rem 0;} 
.gwc_jf_list .gwc_jf_list_ul li .gwc_jf_list_select_con {width:6%; vertical-align: middle; padding:0; display: none}
.gwc_jf_list .gwc_jf_list_ul li .gwc_jf_list_select_con .icon-checkbox, .total_con .icon-checkbox { padding:0; margin:0;display: none;}
.gwc_jf_list .gwc_jf_list_ul li .gwc_jf_list_select_con .icon-checkbox_label:before, .total_con .icon-checkbox_label:before { content: ""; display: inline-block; width: 2.2rem; height: 2.2rem; background: url('/images/template_7/icon-checkbox.png') center center no-repeat; background-size: 100%; }
.gwc_jf_list .gwc_jf_list_ul li .gwc_jf_list_select_con .icon-checkbox:checked+.icon-checkbox_label:before, .total_con .icon-checkbox:checked+.icon-checkbox_label:before {background: url('/images/template_7/icon-checkbox-checked.png') center center no-repeat; background-size: 100%; }
.gwc_jf_list .gwc_jf_list_ul li .text_view { width:90%; padding:.4rem 0 .8rem;}
.gwc_jf_list .gwc_jf_list_ul li .left_img_con { width:26%; float:left;}
.gwc_jf_list .gwc_jf_list_ul li .left_img_con img { width:100%; height:auto;}
.gwc_jf_list .gwc_jf_list_ul li.gwc_jf_list_no-img .left_img_con { display:none; }
.gwc_jf_list .gwc_jf_list_ul li .right_con { width:70%; float:right;}
.gwc_jf_list .gwc_jf_list_ul li .right_con h5 { margin:0; padding:0; margin-bottom:.6rem; font-size:1.5rem;}
.gwc_jf_list .gwc_jf_list_ul li .right_con .type_jf_product { color:#CCC; display:block;}
.gwc_jf_list .gwc_jf_list_ul li .right_con .price_and_options { font-size:1.6rem; position:relative;}
.gwc_jf_list .gwc_jf_list_ul li .right_con .price_and_options .options_con { width:60%; position: absolute; right: 0; bottom: .3rem; text-align:right;}
.gwc_jf_list .gwc_jf_list_ul li .right_con .price_and_options .options_con a {background:#eee; display:inline-block; height:2.6rem; width:2.6rem; line-height:2.6rem; text-align:center;}
.gwc_jf_list .gwc_jf_list_ul li .right_con .price_and_options .options_con span { background:#CCC; display:inline-block; height:2.6rem; width:2.6rem; line-height:2.6rem; text-align:center;}
.gwc_jf_list .gwc_jf_list_ul li .right_con .price_jf_product { color:#bea367; }
.gwc_jf_list .gwc_jf_list_ul li .right_con .price_jf_product i { font-size:2rem; font-style:normal;}
.gwc_jf .xiankuang { display:inline-block; background:#FCC; color:#C30; padding:.1rem .6rem; border-radius:.2rem; }
.gwc_jf_list .gwc_jf_list_ul li.gwc_jf_list_no-img .jf_hdnr { position:relative; width:57%; display:inline-block; padding:.1rem; padding-left: .5rem; overflow:hidden; height:1.8rem; vertical-align: bottom}
.gwc_jf_list .gwc_jf_list_ul li.gwc_jf_list_no-img .jf_hdnr::after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 1rem;
background: -webkit-linear-gradient(left, transparent, #fff 55%);
background: -o-linear-gradient(right, transparent, #fff 55%);
background: -moz-linear-gradient(right, transparent, #fff 55%);
background: linear-gradient(to right, transparent, #fff 55%);
}
.gwc_jf_list .gwc_jf_list_ul li.gwc_jf_list_no-img .notice_ico { width:1rem; height:1.1rem; display:inline-block; margin-right: .5rem; background: url('/images/template_7/icon-notice.png') center center no-repeat; background-size:100%; }
.snack_bt_gwc_yhxq { visibility: hidden; width:96%;margin-bottom:3.6rem; margin-left: -50%; background: rgba(255,255,255,.9); color: #333; border:.1rem solid #aaa; border-bottom:none; text-align: left; border-radius: 2px; padding: 1rem; padding-top:1.6rem; position: fixed; z-index: 999; left: 52%; bottom: 0px; font-size: 1.4rem; box-sizing:border-box; border-top-left-radius:.6rem; border-top-right-radius:.6rem; }
.snack_bt_gwc_yhxq .snack_close_bt { display:block; border-bottom:0; padding:.8rem 0; text-align:center; margin-top:3rem; background:#F90; color:#fff; border-radius:.6rem;}
.snack_bt_gwc_yhxq h4 { padding:0; margin:0; font-size:1.6rem; margin-bottom:.8rem; text-align:center;}
.snack_bt_gwc_yhxq p { text-align:left; line-height:1.8rem; background: rgba(255,255,255,.8); padding:1rem;}
.snack_bt_gwc_yhxq.show {visibility: visible; -webkit-animation: fadein 0.5s; animation: fadein 0.5s;}
.gwc_jf_list .gwc_jf_list_ul li.zengpin_con .type_jf_product { display:none;}
.gwc_jf_list .gwc_jf_list_ul li.zengpin_con .price_and_options { margin-top:2.8rem;}
.gwc_jf_list .gwc_jf_list_ul li.zengpin_con .price_and_options .options_con { display:none;}
.gwc_jf_list .gwc_jf_list_ul li.zengpin_con .right_con .price_jf_product { font-size:1.2rem; border:.1rem solid #f00; border-radius:.6rem; padding:.1rem .5rem}
@-webkit-keyframes fadein {
     from {bottom: -30px; opacity: 0;}
    to {bottom: 0px; opacity: 1;}
}
@keyframes fadein {
    from {bottom: -30px; opacity: 0;}
    to {bottom: 0px; opacity: 1;}
}
@-webkit-keyframes fadeout {
     from {bottom: -30px; opacity: 0;}
    to {bottom: 0px; opacity: 1;}
}
@keyframes fadeout {
    from {bottom: -30px; opacity: 0;}
    to {bottom: 0px; opacity: 1;}
}
.total_con { position:fixed; bottom:5rem; width:100%; background:#fff; padding:1.6rem 1.2rem; box-sizing:border-box;}
.total_con .icon-checkbox_label { font-size:1.6rem;}
.total_con .icon-checkbox_label:before { vertical-align: middle;}
.total_con .text_con { width:60%; float:right; text-align:right; font-size:1.2rem;}
.total_con .text_con p {display:inline-block; margin-right:.8rem;}
.total_con .text_con p span { color:#333}
.total_con .text_con p i { font-style:normal; font-weight:bold; font-size:2rem;}
.total_con .bt_paymow { display:inline-block; float:right; font-size:1.6rem; letter-spacing:.2rem; background:#bea367; color:#fff; padding:.6rem 1.2rem .4rem 1.5rem; font-weight:bold; border-radius: .4rem;}


/* 底部菜单 */
.fixed-footer { position: fixed; bottom: 0; width: 100%; z-index: 2;}
.goods-fixed-footer {position: fixed; bottom: 0; width: 100%; z-index: 2;}
.footer-box { color: #555; background: #fff; border-top: 1px solid #959595; padding-top: .5rem; padding-bottom: .8rem}
.footer-box .iconBox { margin: .3rem 0; font-size: 1.8rem; line-height: 1;}
.footer-box p { margin: 0; padding: 0 0 2px; font-size: 1.1rem;}
.footer-box a {color: #555;}
.footer-box a i { font-size: 1.9rem;}
.footer-active-1 .flex-1:nth-child(1) a, .footer-active-2 .flex-1:nth-child(2) a, .footer-active-3 .flex-1:nth-child(3) a, .footer-active-4 .flex-1:nth-child(4) a { 　background: transparent; color: #c1a06e }