li { list-style: none; }
body, html { overflow-x: hidden; background-color: #f5f5f5; margin: 0 auto; }
.flexbox { display: -webkit-box; display: box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.tea7red, a.tea7red { color: #b0352f !important; }
.orange { color: #ff6600; }
.green { color: #3ec234; }
.cle:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }
.mb15 { margin-bottom: 15px; }
.mt15 { margin-top: 15px; }
.mb10 { margin-bottom: 10px; }
.mt10 { margin-top: 10px; }
.hidden { display: none; }
.block { display: block; }


.sold_out { position: absolute; width: 2.4rem; height: 2.4rem; top: 35%; margin-top: -1.2rem; left: 50%; margin-left: -1.2rem; background: url(/images/teamaster/icon_floridian.png) center center no-repeat; background-size: 80%; z-index: 99; }
/*垂直居中*/
.box-center { -webkit-box-flex: 1; box-flex: 1; display: block; -webkit-box-pack: center; -webkit-flex-direction: column; flex-direction: column; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
.tcenter { display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }


.indexheader { height: 44px }
.indexheader .bd { display: -webkit-box; background-color: #b0352f; height: 44px; line-height: 44px; color: #fff }
.indexheader .bd a { display: block; width: 44px; height: 44px; color: #fff; font-size: 18px; text-align: center; }
.indexheader .bd a:visited { color: #fff }
.indexheader .bd h2 { -webkit-box-flex: 1; font-size: 16px }
.indexheader .bd a.logo-icon { width: 85px; height: 44px; display: table-cell; vertical-align: middle; text-align: center; }
.logo-icon i { font-size: 1.6rem; line-height: 48px; }
.indexheader .bd h2 input { border-radius: 30px; box-sizing: border-box; width: 100%; height: 30px; border: 0; padding: 5px; font-size: 14px; padding-left: 30px; background: url(http://imgcon.tea7.com/6363728082065746198414502.png) 10px center no-repeat #fff; background-size: 15px 15px; }
.indexheader .bd a.appfont i { font-size: 26px; text-align: center; }





/*搜索-------------------------*/
.tj_hd { border-bottom: 1px #f5f5f5 solid; padding: 20px; font-size: 16px; }


/*新闻左右版式 左图 右标题  点赞 浏览量*/
.f_card { display: -webkit-box; background-color: #fff; padding: 0.25rem; margin-bottom: 0.1rem; height: 1rem; }
.f_card .f_card_dt { width: 1.3333rem; height: 1rem; margin-right: 12px; position: relative; background-color: #f6f6f6; box-sizing: border-box; -webkit-box-pack: center; }
.f_card_dt img { width: 100%; height: 100%; }
.f_card .f_card_dd { -webkit-box-flex: 1; flex: 1; display: -webkit-box; -webkit-box-align: center; }
.f_card .f_card_h4 { font-size: 0.386rem; color: #000; display: -webkit-box; }
.f_card .f_card_icon { height: 17px; background-color: #fff; font-size: 0.25rem; }
.f_card .f_card_icon span { margin-right: 10px; color: #555; }
.f_card .f_card_icon span i { padding-right: 5px; }

/*新闻左右版式 左图 右标题+简介 点赞 浏览量*/
.pt-item { display: -webkit-box; padding: 0.25rem; background-color: #fff; margin-bottom: 10px; }
.pt-item .newspic { width: 3rem; height: 2.25rem; margin-right: 0.25rem; overflow: hidden; }
.pt-item .news-t { height: 2.25rem; -webkit-box-flex: 1; flex: 1; position: relative; }
.pt-item .news-t h1 { font-size: 0.386rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 0.125rem; }
.pt-item .news-t p { font-size: 0.338rem; color: #999; display: -webkit-box; display: box; box-sizing: border-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pt-item .news-t .news-icon { font-size: 0.338rem; position: absolute; bottom: 0; color: #999; display: -webkit-box; -webkit-box-pack: left; -webkit-box-align: bottom; }
.pt-item .news-t .news-icon span { margin-right: 5px; }
.pt-item .news-t .news-icon i { margin-right: 2px; }


/*产品列表版式1 左右--------------------------------------*/
.index_product_list { background: #f5f5f5; }
.index_product_list ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 15px; }
.index_product_list ul:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }
.index_product_list li { float: left; width: 50%; box-sizing: border-box; padding-bottom: 0.05rem; position: relative; }
.index_product_list li:nth-child(2n+1) { padding-right: 0.025rem; }
.index_product_list li:nth-child(2n) { padding-left: 0.025rem; }

.index_product_list li a { padding: 0.2rem; background: #fff; display: block; }
.index_product_list li a img { width: 100%; display: block; }
.index_product_list li a .txt { font-size: 0.35rem; color: #333; display: -webkit-box; display: -moz-box; display: box; line-height: 0.6rem; padding: 0.1rem 0 0rem; height: 1.2rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.index_product_list li p { color: #000; }
.index_product_list li p:last-child { margin-bottom: 5px; }
.index_product_list li p.price { padding: 0.15rem 0; }
.index_product_list li a .red { color: #b0352f; font-size: 0.386rem; }
.index_product_list li a span.tip { font-size: 0.35rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; color: #999; }
.index_product_list del { padding-top: 9px; padding-left: 5px; }
.index_product_list li a p em { font-weight: normal; white-space: nowrap; display: inline-block; border: 1px solid #ffd580; background: #ffffe5; padding: 1px 3px 0; font-size: 0.25rem; color: #b0352f; margin-left: 5px; }


/*产品列表版式2 右侧按钮 左右--------------------------------------*/
.list_lable { border-bottom: 1px solid #ededed; padding: 10px 10px; background: #fff; font-size: 16px; }
.list_lable a { color: #b0352f; font-size: 13px; vertical-align: middle; }


.shop_product_list { background: #f5f5f5; }
.shop_product_list ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 2px; background: #f5f5f5; }
.shop_product_list li { float: left; width: 50%; box-sizing: border-box; padding-bottom: 0.05rem; position: relative; }
.shop_product_list li:nth-child(2n+1) { padding-right: 0.025rem; }
.shop_product_list li:nth-child(2n) { padding-left: 0.025rem; }
.shop_product_list li a:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }
.shop_product_list li a { padding: 0.2rem 0.2rem 0.1rem; background: #fff; display: block; }
.shop_product_list li a img { width: 100%; display: block; }
.shop_product_list li a .txt { font-size: 14px; color: #333; line-height: 0.6rem; padding: 0.1rem 0 0rem; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop_product_list li a .tip { font-size: 14px; color: #999; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop_product_list li a .pb { display: -webkit-box; min-height: 1rem; }
.shop_product_list .price { width: 60%; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-lines: multiple; -moz-flex-flow: row wrap; box-orient: horizontal; box-lines: multiple; flex-flow: row wrap; min-height: 0.9rem; }
.shop_product_list .price span { min-width: 80px; display: -webkit-box; -webkit-box-align: center; flex-direction: row; flex-wrap: wrap; }
.shop_product_list .pl-btn { width: 40%; display: box; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; }
.shop_product_list li a.pb .price span { display: block; }
.shop_product_list li a .pb .price em { display: block; font-size: 0.25rem; color: #999; min-width: 80px; }
.shop_product_list .pl-btn span { display: block; padding: 0.1rem 0.2rem; font-size: 100%; color: #fff; background-color: #b0352f; vertical-align: middle; text-align: center; border-radius: 5px; font-size: 0.34rem; white-space: nowrap; }

/*产品列表版式3  简介在图片上-----------------------------------*/

.i_product_list { background: #f5f5f5; padding-top: 1px; }
.i_product_list ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 2px; }
.i_product_list li { float: left; width: 50%; box-sizing: border-box; padding-bottom: 0.2rem; position: relative; }
.i_product_list li:nth-child(2n+1) { padding-right: 0.5px; }
.i_product_list li:nth-child(2n) { padding-left: 0.5px; }
.i_product_list li a:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }
.i_product_list li a { background: #fff; display: block; padding: 0.3rem; }
.i_product_list li a .pic { position: relative; width: 100%; }
.i_product_list li a .pic .tip { position: absolute; bottom: 0; background: rgba(0,0,0,0.4); font-size: 12px; color: #fff; width: 100%; padding: 0.1rem 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 -0.3rem; }
.i_product_list li a img { width: 100%; display: block; }
.i_product_list li a .txt { font-size: 14px; color: #333; line-height: 0.5rem; padding: 0.15rem 0.0rem 0.15rem; height: 1.2rem; display: -webkit-box; display: -moz-box; display: box; box-sizing: border-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.i_product_list li a .price { padding-top: 5px; /* padding:0.3rem; */ }
.i_product_list li a .price span { float: left; font-size: 18px; }
.i_product_list li a .price span i { font-size: 0.3rem; }
.i_product_list li a .price em { float: right; color: #999999; font-size: 12px; padding: 5px 5px 0; }
.i_product_list li a .price em i { font-size: 14px; padding-right: 3px; }



/*产品列表版式4 右侧按钮 左右--------------------------------------*/
.list_lable2 { border-bottom: 1px solid #ededed; padding: 10px 10px; background: #fff; text-align: center; font-size: 20px; }
.list_lable2 a { color: #b0352f; font-size: 13px; vertical-align: middle; }

.shop_product_list2 { background: #f5f5f5; }
.shop_product_list2 ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 10px; }
.shop_product_list2 li { float: left; width: 50%; box-sizing: border-box; margin-bottom: 2px; background: #fff; position: relative; }
.shop_product_list2 li:nth-child(2n+1) { border-right: 1px solid #f5f5f5; }
.shop_product_list2 li:nth-child(2n) { border-left: 1px solid #f5f5f5; }
.shop_product_list2 li a:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }
.shop_product_list2 li a { background: #fff; display: block; padding: 0.3rem; }
.shop_product_list2 li a { padding: 0.2rem 0.2rem 0.1rem; background: #fff; display: block; text-align: center; }
.shop_product_list2 li a img { width: 100%; display: block; }
.shop_product_list2 li a .txt { font-weight: bold; font-size: 14px; color: #333; line-height: 0.6rem; padding: 0.1rem 0 0rem; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop_product_list2 li a .tip { display: block; font-size: 14px; color: #999; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop_product_list2 .price { margin: 5px auto; color: #b0352f; }
.shop_product_list2 .price span { font-size: 0.386rem; font-weight: 700; }
.shop_product_list2 .price em { color: #999; padding-left: 5px; border-left: 1px solid #ededed; margin-left: 5px; font-size: 12px; }
.shop_product_list2 .pl-btn { width: 70%; padding: 2px; margin: 0 auto 5px; background: #cc9900; color: #fff; border-radius: 5px; display: block; }
.shop_product_list2 li:last-child { position: relative; overflow: hidden; }
.shop_product_list2 .lastli { text-align: center; font-size: 20px; color: #333; position: absolute; background-color: rgba(255,255,255,0.95); width: 100%; height: 100%; padding-top: 50%; box-sizing: border-box; pointer-events: none; padding-bottom: 50%; }
.shop_product_list2 .lastli i { font-size: 0.5rem; border: 1px solid #333; border-radius: 50%; padding: 0.3rem; margin-top: 5rem; display: block; width: 0.6rem; height: 0.6rem; margin: 20px auto; text-align: center; line-height: 0.6rem; }


/*产品列表版式5 底部有更多--------------*/
.shop_product_list3 { background: #f5f5f5; padding-bottom: 10px; }
.shop_product_list3 ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; }
.shop_product_list3 li { float: left; width: 50%; box-sizing: border-box; margin-bottom: 2px; background: #fff; position: relative; }
.shop_product_list3 li:nth-child(2n+1) { border-right: 1px solid #f5f5f5; }
.shop_product_list3 li:nth-child(2n) { border-left: 1px solid #f5f5f5; }
.shop_product_list3 li a:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }
.shop_product_list3 li a { background: #fff; display: block; padding: 0.3rem; }
.shop_product_list3 li a { padding: 0.2rem 0.2rem 0.1rem; background: #fff; display: block; text-align: center; }
.shop_product_list3 li a img { width: 100%; display: block; }
.shop_product_list3 li a .txt { font-weight: bold; font-size: 14px; color: #333; line-height: 0.6rem; padding: 0.1rem 0 0rem; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop_product_list3 li a .tip { display: block; font-size: 14px; color: #999; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop_product_list3 .price { margin: 5px auto; color: #b0352f; }
.shop_product_list3 .price span { font-size: 0.386rem; font-weight: 700; }
.shop_product_list3 .price em { color: #999; padding-left: 5px; border-left: 1px solid #ededed; margin-left: 5px; font-size: 12px; }
.shop_product_list3 .pl-btn { width: 70%; padding: 2px; margin: 0 auto 5px; background: #cc9900; color: #fff; border-radius: 5px; display: block; }
.sp_list_moreb { background: #fff; display: block; text-align: center; color: #cc9900; font-size: 16px; font-weight: bold; padding: 15px 0; }

/*产品列表版式6 有查看详细跟加入购物车按钮 底部有更多--------------*/
.shop_product_list4 { background: #f5f5f5; padding-bottom: 10px; }
.shop_product_list4 ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; }
.shop_product_list4 li { float: left; width: 50%; box-sizing: border-box; margin-bottom: 2px; background: #fff; position: relative; }
.shop_product_list4 li:nth-child(2n+1) { border-right: 1px solid #f5f5f5; }
.shop_product_list4 li:nth-child(2n) { border-left: 1px solid #f5f5f5; }
.shop_product_list4 li .sp_4:after { visibility: hidden; display: block; font-size: 0; content: '\20'; clear: both; height: 0 }
.shop_product_list4 li .sp_4 { padding: 0.2rem 0.2rem 0.1rem; background: #fff; display: block; text-align: center; }
.shop_product_list4 li .sp_4 img { width: 100%; display: block; }
.shop_product_list4 li .sp_4 .txt { font-weight: bold; font-size: 14px; color: #333; line-height: 0.6rem; padding: 0.1rem 0 0rem; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop_product_list4 li .sp_4 .tip { display: block; font-size: 14px; color: #999; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop_product_list4 .price { margin: 5px auto 15px; color: #b0352f; }
.shop_product_list4 .price span { font-size: 0.386rem; font-weight: 700; }
.shop_product_list4 .price em { color: #999; padding-left: 5px; border-left: 1px solid #ededed; margin-left: 5px; font-size: 12px; }
.shop_product_list4 .pl-btn { display: -webkit-box; margin: 0 auto 5px; }
.shop_product_list4 .pl-btn a { -webkit-box-flex: 1; margin: 0 5px; display: block; padding: 5px 0; box-sizing: border-box; font-size: 0.3rem; white-space: nowrap; }
.shop_product_list4 .pl-btn a.see { background: #fff; color: #666; border: 1px #ededed solid; }
.shop_product_list4 .pl-btn a.add { background: #cb0006; color: #fff; border: 1px #cb0006 solid; }
.sp_list_moreb { background: #fff; display: block; text-align: center; color: #cc9900; font-size: 16px; font-weight: bold; padding: 15px 0; }


/*红色喜庆型模板*/
.red_product_list { padding: 5px 0px; background: #c1031f; }
.red_product_list ul { padding-bottom: 30px; }
.red_product_list ul li { width: 50%; float: left; box-sizing: border-box; padding: 3px; position: relative; }
.red_product_list ul li a { position: relative; margin: 5px 2px; background: #fff; display: block; }
.red_product_list ul li a .shouqing { position: absolute; width: 100%; height: 100%; display: block; background: url('/Themes/Mobile/images/red_product_shouqing.png') center center rgba(0,0,0,0.5) no-repeat; z-index: 999; }
.red_product_list ul li:nth-child(2n+1) { padding-right: 1px; }
.red_product_list ul li:nth-child(2n) { padding-left: 1px; }
.red_product_list ul li a h1 { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #c1031f; font-weight: bold; font-size: 0.386rem; padding: 0 5px; text-align: center; box-sizing: border-box; }
.red_product_list ul li a h1 small { padding: 5px 0; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-weight: normal; font-size: 0.3rem; }
.red_product_list ul li a .pic { padding: 5px; }
.red_product_list ul li a .pic img { width: 100%; height: 100%; }
.red_product_list ul li a .price { background: #eb233f; padding: 5px 5px 2px; color: #fff; }
.red_product_list ul li a .price .left_p { -webkit-box-flex: 1; font-size: 0.25rem; }
.red_product_list ul li a .price .left_p del { display: block; }
.red_product_list ul li a .price .left_p p { display: inline-block; }
.red_product_list ul li a .price .left_p p em { color: #fde428; padding-right: 0.3rem }
.red_product_list ul li a .price .left_p b { font-size: 0.8rem; display: inline-block; }
.red_product_list ul li a .price .right_p { width: 1.2rem; float: right; }
.red_product_list ul li a .price .right_p img { width: 1.2rem }



/*穿插滚动新闻--------------------------------*/
.newline { background: #fff; padding: 5px 0; overflow: hidden; }
.newline .caption { padding: 0 .2rem; position: relative; }
.newline .caption .title { min-width: 1.2rem; line-height: 0.6rem; background: #fff; color: #b0352f; font-weight: bold; text-align: center; }
.newline .caption:after { content: ''; display: inline-block; height: 0.6rem; border-left: 1px solid #e6e6e6; position: absolute; right: 0; top: 0rem; }
.newline .caption .title, .newline .content li, .newline .headlineScroll { height: 0.6rem; overflow: hidden; }
.newline .content { padding: 0 0.5rem 0 .3rem; font-size: 0.36232rem; overflow: hidden; }
.newline .content li { line-height: 0.6rem; color: #333; }
.newline .content .tag { border: 1px solid #b0352f; color: #b0352f; border-radius: 2px; font-size: 0.36232rem; text-align: center; padding: .05rem .1rem; height: 0.5rem; margin-right: .2rem; margin-top: 0.05rem; white-space: normal; box-sizing: border-box; white-space: nowrap; }
/*穿插滚动新闻 end--------------------------------*/

/*头条--------------------------------*/
.teanews { background: #fff; display: -webkit-box; display: box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0.3rem 0.2rem; border-top: 1px solid #f3f3f3; }
.teanews .caption { width: 2rem; height: 0.5rem; max-width: 120px; padding: 0px 5px 0px 0; margin-right: 0.4rem; box-sizing: border-box; position: relative; background: url(http://imgcon.tea7.com/6363726507138286614601463.png) center center no-repeat; background-size: contain; }
.teanews .caption:after { content: ''; width: 1px; height: 100%; border-right: 1px solid #f3f3f3; position: absolute; top: 0; right: -0.2rem; transform: scaleX(.5); -webkit-transform: scaleX(.5); z-index: 10; }
.teanews .content { padding-left: 5px; line-height: 0.5rem; padding: 0px 0; box-sizing: border-box; display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; }
.teanews .content .headlineScroll { height: 0.5rem; line-height: 0.5rem; }
.teanews .content a { font-size: 0.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 0.5rem; line-height: 0.5rem; display: block; }
/*头条 end--------------------------------*/


/*底部导航条 st-------------------------------------*/
.fb-btnitem { position: fixed; bottom: 0; z-index: 6000; width: 100%; left: auto; right: auto; max-width: 640px; }
/*左浮动按钮-------------------------------*/
.left_btn { position: absolute; line-height: 1.2rem; text-align: center; color: #fff !important; font-size: 0.5rem; left: 10px; width: 1.2rem; height: 1.2rem; border-radius: 25px; display: block; background: rgba(0, 0, 0, .4); box-shadow: 1px 1px 4px rgba(0, 0, 0, .3); -webkit-tap-highlight-color: rgba(255,0,0,0); top: -1.4rem; }

.fixed_cart { background: rgba(181, 79, 74, .9); }
.fixed_cart a i { color: #fff !important; }

/*右浮动按钮-------------------------------*/
.right_btn { position: absolute; right: 10px; color: #fff !important; font-size: 0.65rem; line-height: 1.1rem; background: rgba(0, 0, 0, .4); box-shadow: 1px 1px 4px rgba(0, 0, 0, .3); text-align: center; top: -1.4rem; z-index: 5000; width: 1.2rem; height: 1.2rem; border-radius: 25px; display: block; }

.bottom-menu { width: 100%; min-height: 54px; background-color: #fff; bottom: 0; display: -webkit-box; position: relative; }
.bottom-menu nav { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -moz-box-align: justify; -ms-flex-align: center; justify-content: space-between; align-content: center; }
.bottom-menu nav a { display: block; -webkit-box-flex: 1; width: 20%; font-size: 12px; text-align: center; color: #666666; position: relative; -webkit-tap-highlight-color: transparent; }
.bottom-menu nav a i { display: block; font-size: 0.6rem; line-height: 0.7rem; padding-top: 5px; }
.bottom-menu nav a em { position: absolute; right: 0.3rem; top: 1px; display: block; padding: 2px 4px; font-size: 12px; background-color: #b54f4a; color: #fff; border-radius: 40px; line-height: 1; }
.bottom-menu nav a span { display: none; font-size: 0.6rem; line-height: 0.7rem; padding-top: 0.15rem; }
.bottom-menu nav a.tea7red span { display: block; color: #b54f4a; }
.bottom-menu nav a.tea7red i { display: none; }
.bottom-menu:after { content: ''; width: 200%; height: 1px; border-top: 1px solid #f3f3f3; position: absolute; top: 0px; left: -50%; transform: scaleX(.5); -webkit-transform: scaleX(.5); z-index: 10; }


/*茶师产品列表------------------*/
/*.tm_product_list { margin:10px auto;}*/
.tm_product_list h1 { text-align: left; background: #fff; font-size: 16px; margin: 6px 6px 0; padding: 10px 0; box-sizing: border-box; }
.tm_product_list h1 i { color: #b0352f; padding-left: 3px; }
.tm_product_list ul { width: 100%; display: flex; flex-wrap: wrap; padding: 3px; box-sizing: border-box; }
.tm_product_list ul li { width: 50%; float: left; padding: 3px; box-sizing: border-box; }
.tm_product_list ul li a { display: block; background: #fff; }
.tm_product_list ul li a .tm_product_img { position: relative; }
.tm_product_list ul li a .tm_product_img img { width: 100%; }
.tm_product_list ul li a .tm_product_img .mpdj { width: 100%; bottom: 0; position: absolute; background: rgba(0,0,0,0.6); color: #fff; text-align: center; padding: 2px 0; }
.tm_product_list ul li a p { padding: 5px; position: relative; }
.tm_product_list ul li a .title { margin: 5px 5px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.386rem; height: 1.1rem; }
.tm_product_list ul li a .price { color: #b0352f; }
.tm_product_list ul li a .price b { font-size: 0.5rem; }
.tm_product_list ul li a span.account { position: absolute; right: 5px; bottom: 8px; color: #999999; font-size: 12px; float: right; }
.tm_product_list ul li a p.titlecode { color: #999999; }
.tm_product_list ul li a .tm_product_img .disable_mark { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 2.5rem; height: 2.5rem; font-size: 0.5rem; text-align: center; line-height: 2.5rem; border-radius: 50%; background-color: rgba(0,0,0,.7); color: #fff; z-index: 2; }

/*茶师产品列表2------------------*/
.tm_product_list2 { }
.tm_product_list2 ul { padding: 0 5px; }
.tm_product_list2 ul li { float: left; width: 50%; box-sizing: border-box; padding: 0 5px 10px; }
.tm_product_list2 ul li a .pic { position: relative; }
.tm_product_list2 ul li a .pic .shouqing { position: absolute; width: 2rem; height: 2rem; display: block; left: 50%; margin-left: -1rem; top: 50%; margin-top: -1rem; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.5); line-height: 2rem; border-radius: 50%; font-size: 0.5rem; text-shadow: 0px 1px 2px rgba(0,0,0,1); }
.tm_product_list2 ul li a .pic img { width: 100%; }
.tm_product_list2 ul li a .pic .des { position: absolute; bottom: 0; background: rgba(175,122,118, 0.6); width: 100%; box-sizing: border-box; padding: 2px 5px; color: #f4f4f4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.5; font-size: 14px; }
.tm_product_list2 ul li a .info_name { color: #555555; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-justify: inter-ideograph; line-height: 22px; height: 48px; padding: 5px 5px 0; }
.tm_product_list2 ul li a .code { color: #999999; height: 0.36rem; line-height: 0.36rem; font-size: 14px; padding: 5px 5px 0; }
.tm_product_list2 ul li a .pd_price { height: 0.6rem; padding: 10px 5px 0; position: relative; }
.tm_product_list2 ul li a .pd_price span { color: #b0352f; height: 0.6rem; line-height: 0.6rem; overflow: hidden; }
.tm_product_list2 ul li a .pd_price b { font-size: 0.6rem; }
.tm_product_list2 ul li a .pd_price em { color: #999999; margin-left: 5px; }


/*茶师头条*/
.chashi-headlines { height: 30px; padding: 5px 0 5px; overflow: hidden; background-color: #fff; margin-bottom: 10px; border-top: 1px solid #ededed; }
.chashi-headlines .icon { font-weight: 700; font-size: .4rem; float: left; height: 30px; line-height: 30px; padding: 0 .2rem 0 .2rem; color: #000; }
.chashi-headlines .icon b { color: #810015; }
.chashi-headlines .slide { height: 30px; overflow: hidden; position: relative; }
.chashi-headlines .slide:before { position: absolute; content: ' '; top: 50%; left: 0; width: 1px; height: 20px; margin-top: -10px; background-color: #e9e9e9; }
.chashi-headlines .slide li { height: 30px; line-height: 20px; padding: 5px 0; }
.chashi-headlines .slide li a { display: block; color: #3d4245; margin-left: 10px; font-size: .37333333rem; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }




/*产品弹窗----------------------------------*/
.shopsku { position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 10000; display: none; }

.shopsku:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0; -webkit-transition: all .3s ease; }

.shopsku > div { position: absolute; bottom: 0; left: 0; right: 0; max-height: 90%; overflow-y: auto; -webkit-transition: all .3s ease; -webkit-transform: translateY(100%); }

.shopsku.show:before { opacity: .7; }

.shopsku.show > div { -webkit-transform: translateY(0); }


.d-prop { background-color: #fff; color: #666; font-size: .7rem; }

.d-prop { background-color: #fff; color: #666; font-size: 14px; }

.dpc-tl { border-bottom: 1px #cdcdcd solid; }

.dp-top { padding-top: .3rem; overflow: hidden; width: 100%; }

.dp-detail-btn { height: 1.05rem; line-height: 1.05rem; padding: .1rem .35rem; border-radius: 5px; color: #666; margin-left: .3rem; background: #ededed; }

.dpt-l { width: 100%; padding: .3rem; box-sizing: border-box; }


.dpt-r { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-align: center; margin-left: 12px; font-size: 12px; line-height: 140%; margin-top: -2px; }

.dpt-rt { display: inline-block; width: 100%; }

.dpt-pri { color: #ff5000; font-weight: 700; font-size: 14px; margin: 1px 0; font-family: arial; }

.dpt-opt { color: #999; }

.dpt-gray { color: #666; }

.dpt-c { width: 1.2rem; height: 1.2rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAA3NCSVQICAjb4U/gAAAAHlBMVEX////5+fn39/f09PTU1NTR0dGZmZmVlZV3d3d1dXVz+zGOAAAACnRSTlMA////////////fokUVgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAC3SURBVCiRbdO7EcJADARQ3YxxTAIxESXQDwTXCiXQLtLJsj4rj53cvEC3K9N2JXw22t94Oia/yO8f/oCP+aCGC0a+MHLFlR+4csOZnzhzx5EHHHnEzhN2nrHxgo1XrBywcsTCGyz82WDm3wbz8a9bgjFfzRLwGN0SyBi4BGtm5DozcL1g5XbBwi2NzD2NxD26yGN0gcecneecT55LMV5LOXhtUDk2uDjWLbyrm/ne1M2/6wVPiW5/sggn4SG2FKIAAAAASUVORK5CYII=) center center no-repeat; background-size: .6rem; top: 0; right: 0; position: absolute; }

.dp-cont, .dp-oto { padding: 0 .4rem; }

.dpc-p { margin-bottom: .3rem; }



.dpc-tl { padding-bottom: .2rem; }

.dpc-pr { margin-right: -.3rem; font-size: .36rem; }

.dpc-pr > span { border: 1px #c5c8cf solid; height: .7rem; line-height: .7rem; border-radius: 3px; padding: 0 .3rem; margin: .3rem .3rem 0 0; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; }

.dpc-pr .sel { border-color: #ff5000; color: #ff5000; }

.dp-num { border-top: 1px #cdcdcd solid; display: -webkit-box; margin: 0 .4rem; padding: .35rem 0; line-height: .5rem; }

.dpn-l { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-align: center; }

.dpn-r { display: -webkit-box; border-radius: 2px; width: 2.7rem; border: 1px #b4b4b4 solid; text-align: center; font-size: 1rem; color: #5f646e; }

.dpn-del, .dpn-buy, .dpn-add { -webkit-box-flex: 1; width: 100%; display: block; }

.dpn-del { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAGAgMAAACkxbaAAAAAA3NCSVQICAjb4U/gAAAADFBMVEX///9kaHJiZnBfZG518K+4AAAABHRSTlMA////sy1AiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAATSURBVAiZY8haBQIM+/+DAD4KAIFhIF/tW9ysAAAAAElFTkSuQmCC) center center no-repeat; background-size: .3rem; }

.dpn-buy { text-align: center; height: .78rem; line-height: .78rem; border: 1px #b4b4b4 solid; border-width: 0 1px; font-size: .5rem; }

.dpn-add { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAAA3NCSVQICAjb4U/gAAAADFBMVEX///9kaHJiZnBfZG518K+4AAAABHRSTlMA////sy1AiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAlSURBVAiZY2BgkFrBAAL6f8ihslbt/7dqFcP+/yCAlyLXBggFAD7ONWXRZoD8AAAAAElFTkSuQmCC) center center no-repeat; background-size: .3rem; }

.dp-btom { text-align: center; display: -webkit-box; }

.dp-bton { display: block; width: 25%; padding: 0 .2rem; box-sizing: border-box; height: 1.2rem; line-height: 1.2rem; color: #fff; background-color: #ff5000; font-size: .386rem; }
.add-btn { background-color: #ffb03f; }
.dp-top h2 { padding-left: .3rem; padding-right: 1.2rem; font-size: .4rem; font-weight: 400; }

.swiper-container2 { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container2 img { border-right: 1px solid #fff; border-left: 1px solid #fff; box-sizing: border-box; }

/*.swiper-container2 .swiper-slide {
        background-color: #000;
    }*/

.swiper-container2 .swiper-slide img { opacity: 0.4; }

.swiper-container2 .swiper-slide-active img { opacity: 1; }


.dp-btnprice { display: block; -webkit-box-flex: 1; font-size: .4rem; color: #ff5000; padding: 0 .2rem; height: 1.2rem; line-height: 1.2rem; color: #fff; background-color: #333; font-size: .4rem; }


.dp-btnprice span.price { font-size: .5rem; line-height: 1; }

.dpc-tl li { font-size: .32rem; line-height: 18px; color: #666; padding: 2px 5px; width: 48%; box-sizing: border-box; display: inline-block; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-slide img { height: auto; overflow: hidden; width: 100%; display: block; }

.dot_li_c { position: absolute; bottom: 0.5em; width: 100%; text-align: center; z-index: 2; }

.dot_li_c span.swiper-pagination-bullet { display: inline-block; margin-right: 0.5em; width: 0.5em; height: 0.5em; border-width: 0.1em; border-style: solid; border-color: rgba(0,0,0,0); background: #88878D; border-radius: 50%; }

.dot_li_c span.swiper-pagination-bullet-active { border-bottom-width: 0.1em; border-style: solid; border-color: #c5c5c5; background: #fff; }

.wrapper .service { text-align: center; height: .9rem; }

.wrapper .service .button { display: inline-block; background-color: #f2f2f2; color: #333; height: .9rem; width: 50%; margin: 0; font-size: .38rem; float: left; position: relative; box-sizing: border-box; }

.wrapper .service .button:first-child { border-right: 1px solid #fff; }

.wrapper .service .button img { width: .6rem; height: .6rem; position: absolute; top: .15rem; left: 1rem; }

.wrapper .service .button .sertxt { position: absolute; top: 0; left: 1.7rem; line-height: .9rem; }

.wrapper .item-list::after { content: ""; clear: both; display: block; }
.refpage { width: 96%; margin: 0 auto; }

.refpage .button { display: inline-block; background-color: #f2f2f2; color: #666; height: .9rem; margin: 0; width: 100%; font-size: .38rem; position: relative; box-sizing: border-box; border-radius: 3px; }

.wrapper .refpage .button img { width: .6rem; height: .6rem; position: absolute; top: .15rem; left: 3.8rem; }

.wrapper .refpage .button .sertxt { position: absolute; top: 0; left: 4.6rem; line-height: .9rem; }
/*产品弹窗 end*/


/*角标含产品列表*/
.corner_product { background: #fff; }
.corner_product:after { clear: both; display: block; visibility: hidden; overflow: hidden; width: 0; height: 0; content: '\0020'; }
.corner_product ul { padding: 3px; }
.corner_product ul li { float: left; box-sizing: border-box; margin-bottom: 5px; padding: 2px; width: 50%; }
.corner_product ul li a { display: block; border: 1px solid #ededed; }
.corner_product ul li a .pic { position: relative; }
.corner_product ul li a .pic label { position: absolute; top: 0; left: 0; display: block; padding: 2px 3px; background: rgba(255,102,0,.7); color: #fff; }
.corner_product ul li a .pic img { width: 100%; }
.corner_product ul li a h3 { overflow: hidden; box-sizing: border-box; padding: 5px; height: 24px; color: #333; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 14px; }
.corner_product ul li a p { padding: 5px; }
.corner_product ul li a p.titlecode { overflow: hidden; color: #999; text-overflow: ellipsis; white-space: nowrap; }
.corner_product ul li a p span { float: left; font-weight: 700; font-size: 18px; }
.corner_product ul li a p span i { font-size: .3rem; }
.corner_product ul li a p em { float: right; padding: 2px 5px; border-radius: 3px; background: #f60; color: #999; color: #fff; font-size: 9pt; }


/*文章组合样式*/
.gift_fiws img { width: 100%; }
.gift_fiws { }
.gift_fiws a { position: relative; display: block; }
.gift_fiws a:before { position: absolute; background: rgba(0,0,0,0.4); height: 100%; width: 100%; display: block; z-index: 2; content: ''; }
.gift_fiws a label { position: absolute; left: 2px; top: 2px; z-index: 3; color: #fff; border: 1px solid #999; padding: 2px 3px; }
.gift_fiws_l { width: 6rem; overflow: hidden; float: left; padding: 2px 3px 3px 2px; box-sizing: border-box; }
.gift_fiws_r { width: 4rem; overflow: hidden; float: left; padding: 2px 2px 3px 2px; box-sizing: border-box; }
.gift_fiws_w { float: left; width: 50%; padding: 0 2px 2px; box-sizing: border-box; }
.gift_fiws a p { position: absolute; z-index: 3; top: 0; left: 0; width: 80%; margin-left: 10%; height: 100%; -webkit-box-pack: center; display: -webkit-box; -webkit-box-orient: vertical; }
.gift_fiws a p span { color: #fff; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.newsin_img { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; background-size: cover; background-position: center center; }

/* 图片滚动轮播 开始 */
.swipe_slide, .swipe_slide ul { overflow: hidden; }

.swipe_slide { width: 100%; min-height: 90px; visibility: hidden; position: relative; }

.swipe_slide ul { position: relative; width: 100%; overflow: hidden; z-index: 1; }

.swipe_slide li { float: left; width: 0px; position: relative; }

.swipe_slide li:first-child { width: 100%; min-width: 320px; }
.swipe_slide li a { display: block; width: 100%; }

.swipe_slide li img { width: 100%; vertical-align: top; }

.swipe_nav { width: 100%; position: absolute; bottom: 5px; left: 0; z-index: 100; height: 10px; text-align: center; }

.swipe_nav span { display: inline-block; width: 8px; height: 8px; background-color: #fff; text-indent: -9999px; border-radius: 5px; margin: 0 4px; vertical-align: top; }

.swipe_nav span.on { background-color: #b0352f; opacity: 1; }

/* angular使用 开始 */
.angularContent { display: none; }
/* angular使用 结束 */

/* 加载样式 开始 */
.spinner_fullbg { width: 100%; height: 100%; opacity: 0; background-color: #000; position: fixed; top: 0px; left: 0px; z-index: 999999999; display: none; }
.spinner_bg { width: 100%; height: 100%; opacity: 0.5; background-color: #000; position: fixed; top: 0px; left: 0px; z-index: 999999999; display: none; }
.spinner_fw { position: absolute; top: 40%; width: 100%; }
.spinner { margin: 0px auto; width: 50px; height: 50px; position: relative; }
.spinner_bgv1 { width: 96px; height: 96px; opacity: 0.5; background-color: #000; position: fixed; top: 50%; left: 50%; z-index: 999999999; margin-top: -48px; margin-left: -48px; display: block; border-radius: 10px; }
.spinner_fwv1 { position: absolute; top: 30%; width: 100%; }


.container1 > div, .container2 > div, .container3 > div { width: 15px; height: 15px; background-color: #808080; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }



.spinner .spinner-container { position: absolute; width: 100%; height: 100%; }



.container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }



.container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }



.circle1 { top: 0; left: 0; }

.circle2 { top: 0; right: 0; }

.circle3 { right: 0; bottom: 0; }

.circle4 { left: 0; bottom: 0; }
.container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

.container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }

.container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }

.container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes bouncedelay {

    0%, 80%, 100% { -webkit-transform: scale(0.0) }

    40% { -webkit-transform: scale(1.0) }
}



@keyframes bouncedelay {

    0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }
    40% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}
/* 加载样式 结束 */


/* 产品模板 10 ，简约版本 开始 */
.s_product_list { }
.s_product_list ul { border-top: 1px solid #e7e7e7; }
.s_product_list ul:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both; }
.s_product_list ul li { float: left; width: 50%; overflow: hidden; padding: 3px; box-sizing: border-box; position: relative; }
.s_product_list ul li a { font-size: 0.35rem; position: relative; display: block; background: #fff; }
.s_product_list ul li a img { width: 100%; padding: 5px; box-sizing: border-box; }
.s_product_list ul li a p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 5px; text-align: left; font-size: 14px; height: 1rem; line-height: 1.5 }
.s_product_list ul li a .price { padding: 5px 5px; color: #f40; font-size: 14px; margin-top: 5px; }
.s_product_list ul li a .price span { font-size: 18px; font-weight: 700; padding-left: 2px; }
.s_product_list ul li a .buybtn { position: absolute; padding: 0 5px; height: 25px; line-height: 27px; background: #FF4400; right: 5px; bottom: 5px; text-align: center; color: #fff; border-radius: 2px; z-index: 10; overflow: hidden; }
.s_product_list ul li a .buybtn i { vertical-align: middle; display: inline-block; font-size: 14px; margin-right: 5px; position: relative; top: -1px; }
.s_product_list ul li:after { content: ''; width: 1px; height: 100%; border-right: 1px solid #e7e7e7; position: absolute; top: 0; left: -1px; transform: scaleX(.5); -webkit-transform: scaleX(.5); z-index: 10; }
.s_product_list ul li:before { content: ''; height: 1px; width: 100%; border-top: 1px solid #e7e7e7; position: absolute; left: 0; bottom: -1px; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10; }

/* 产品模板 9 ，单产品带轮播模式 开始 */
.cj_cqtj { margin-top: 15px; }
.cj_cqtj a { margin-bottom: 15px; padding: 0 15px }
.cj_cqtj a:last-child { margin-bottom: 0 }
.cj_cqtj a .imglist { overflow: hidden; margin: 0 0 10px; border-radius: 5px }
.cj_cqtj a h1 { display: -webkit-box; display: box; overflow: hidden; color: #232326; font-weight: 700; font-size: 1pc; -webkit-line-clamp: 2; line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical }
.cj_cqtj a h1, .cj_cqtj a p { padding-bottom: 10px; line-height: 1.5 }
.cj_cqtj a p { color: #999; font-size: 14px }
.cj_cqtj a .price { position: relative; width: 100%; height: 44px }
.cj_cqtj a .price span { height: 44px; color: #ff5000; font-size: 14px; line-height: 44px }
.cj_cqtj a .price span b { font-size: 24px }
.cj_cqtj a .price .buybtn { position: absolute; right: 0; bottom: 10px; float: right; display: block; overflow: hidden; box-sizing: border-box; padding: 0 10px; height: 25px; border-radius: 3px; background: #ff5000; color: #fff; text-align: center; line-height: 27px }
.cj_cqtj a .price .buybtn i { position: relative; top: -1px; display: inline-block; margin-right: 5px; vertical-align: middle; font-size: 14px }
.cj_cqtj .swipe_slide, .swipe_slide ul { overflow: hidden }
.cj_cqtj .swipe_slide { position: relative; visibility: hidden; width: 100%; min-height: 120px }
.cj_cqtj .swipe_slide ul { position: relative; z-index: 1; overflow: hidden; width: 100% }
.cj_cqtj .swipe_slide li { position: relative; float: left; width: 0 }
.cj_cqtj .swipe_slide li:first-child { width: 100%; min-width: 320px }
.cj_cqtj .swipe_slide li a { display: block; width: 100% }
.cj_cqtj .swipe_slide li img { width: 100%; vertical-align: top; border-radius: 5px; }
.cj_cqtj .swipe_nav { position: absolute; bottom: 5px; left: 0; z-index: 100; width: 100%; height: 10px; text-align: center }
.cj_cqtj .swipe_nav span { display: inline-block; margin: 0 4px; width: 8px; height: 8px; border-radius: 5px; background-color: #fff; vertical-align: top; text-indent: -9999px }
.cj_cqtj .swipe_nav span.on { background-color: #c40000 }




/*滚动菜单*/
.mt44 { margin-top: 44px; }
.m-tabs { background: #fff; box-sizing: border-box; width: 100%; max-width: 640px; overflow: hidden; }
.m-tabs .inner { height: 44px; line-height: 44px; position: relative; }
.m-tabs .inner ul { }
.m-tabs .inner ul:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both }
.m-tabs .inner ul li { float: left; margin-left: 0.4rem; }
.m-tabs .inner ul li a { display: block; position: relative; padding: 0 0.2rem; font-size: 0.4rem; }
.m-tabs .inner ul li.active a { color: #b4282d; }
.m-tabs .inner ul li.active a:after { content: ' '; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #b4282d; z-index: 2; }
.m-tabs:after { content: ' '; width: 100%; height: 1px; bottom: 0; left: 0; position: absolute; background-color: #d9d9d9; -webkit-transform-origin: 50% 100% 0; transform-origin: 50% 100% 0; z-index: 1; }


/*滑动商品*/
.m-indexFloor { }
.m-indexFloor > header { position: relative; }
.m-indexFloor > header:after { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -5px; }
.m-indexFloor .inner { background: #fff; padding: 0.4rem 0; }
.m-indexFloor .inner ul:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both }
.m-indexFloor .inner ul li { float: left; width: 3.5rem; margin-left: 0.4rem; text-align: center; }
.m-indexFloor .inner ul li .pic { position: relative; background: #f3f3f3; }
.m-indexFloor .inner ul li .pic span { position: absolute; top: 0; left: 0.2rem; padding: 5px; border-radius: 0 0 8px 8px; color: #fff; font-size: 0.3rem; background: #D4C0A7; }
.m-indexFloor .inner ul li .pic .seemore { background: #f3f3f3; position: absolute; width: 3.5rem; height: 3.5rem; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.m-indexFloor .inner ul li .pic .seemore > div { display: block; text-align: center; width: 50%; font-size: 0.4rem; }
.m-indexFloor .inner ul li .pic .seemore > div:first-child { border-bottom: 1px solid #cccccc; color: #999999; padding-bottom: 0.1rem; margin-bottom: 0.1rem; }
.m-indexFloor .inner ul li .name { padding: 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.4rem; color: #333; }
.m-indexFloor .inner ul li .price { color: #b0352f; height: 0.5rem; line-height: 0.5rem; }
.m-indexFloor .inner ul li .price span { font-size: 0.32rem; }
.m-indexFloor .inner ul li .price b { font-size: 0.5rem; font-weight: normal; }

/*爆款推荐*/
.bk_list { padding: 0.2rem; }
.bk_list a { border-radius: 8px; overflow: hidden; display: block; position: relative; box-sizing: border-box; margin-bottom: 0.2rem; }
.bk_list a:last-child { margin: 0; }
.bk_list a .status { position: absolute; left: 0.4rem; top: 0; color: #fff; border-radius: 0 0 8px 8px; padding: 5px; }
.bk_list a .status.bk { background: #D4C0A7; }
.bk_list a .cnt { position: absolute; right: 0; box-sizing: border-box; width: 50%; height: 100%; padding-right: 0.4rem; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; justify-content: center; }
.bk_list a .cnt .name { text-align: right; }
.bk_list a .cnt .name h1 { color: #666666; font-size: 0.34rem; }
.bk_list a .cnt .name .txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #333333; font-size: 0.4rem; }
.bk_list a .cnt .price { margin-top: 10%; color: #b0352f; height: 0.5rem; }
.bk_list a .cnt .price span { font-size: 0.34rem; }
.bk_list a .cnt .price b { font-size: 0.5rem; font-weight: normal; }

/*微信订单完成页新闻*/
.WeChatnews .news { display: -webkit-box; background: #fff; padding: 10px; }
.WeChatnews .news .pic { overflow: hidden; width: 2rem; height: 2rem }
.WeChatnews .news .pic img { width: 100%; height: 100%; border-radius: 8px; }
.WeChatnews .news .title { -webkit-box-flex: 1; text-align: left; padding-left: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.WeChatnews .news .title h1 { color: #333; font-size: 0.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.WeChatnews .news .title p { color: #999; font-size: 0.35rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



/*PC版浮动提示条*/
.test_site.pc { background: #fefcee; border: 1px solid #f3d995; padding: 10px 60px; position: fixed; bottom: 64px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 999999999; border-radius: 30px; font-size: 14px; }

/*wap版浮动提示条*/
.test_site { background: #fefcee; border: 1px solid #f3d995; padding: 10px 20px; position: fixed; bottom: 64px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 999999999; border-radius: 30px; }
.test_site a { padding-right: 8px; position: relative; color: #df9c1f; }


/*代理*/
.agent { background: #fff; padding: 0px 5px 5px; }
.agent a { float: left; width: 50%; display: block; box-sizing: border-box; padding: 0 5px 5px; position: relative; }
.agent:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both }
.agent a h2 { position: absolute; top: .3rem; left: .3rem; font-size: .386rem; }
.agent a span { position: absolute; top: .8rem; left: .3rem; font-size: .3rem; color: #999; }
.agent a img { width: 100%; }


/* 公告栏 start */

.notice_main { width: 100%; position: relative; display: flex; background-color: #fbefd1; border-bottom: 1px solid #ece8dc; }
.notice_main .notice_title { height: 35px; background-color: #fbefd1; line-height: 35px; padding: 0px 0.4rem 0px 0.3rem; font-size: 16px; color: #e4393c; }
.notice_main .notice_contentarea { flex: 1; height: 35px; position: relative; background-color: #fbefd1; }
.notice_main .notice_contentarea .notice_content { width: 100%; line-height: 35px; height: 35px; font-size: 14px; }

.notice_main .hb_head_act { display: flex; box-sizing: border-box; position: relative; display: -webkit-box; padding: 0px !important; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.notice_main .hb_head_act .tag { align-self: flex-start; display: inline-block; background: #e4393c; color: #fff; font-size: 12px; padding: 0 5px; margin-top: 0.23rem; height: 18px; line-height: 18px; margin-right: 5px; vertical-align: top; text-align: center; border-radius: 3px; }
.notice_main .hb_head_act .title { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; margin-top: 1px; box-sizing: border-box; display: inline-block; font-size: 14px; line-height: 35px; margin-right: 10px; width: 100%; }
.notice_main .hb_head_act .a_head_right_text { padding-right: 20px; font-size: 14px; color: #999; position: relative; line-height: 35px; }
.notice_main .hb_head_act .a_head_right_text:after { content: ""; position: absolute; right: .32rem; top: 50%; width: .18rem; height: .18rem; border-left: 1px solid currentColor; border-top: 1px solid currentColor; transform: translate3d(0,-50%,0) rotateZ(135deg); -webkit-transform: translate3d(0,-50%,0) rotateZ(135deg); }

/* 公告栏 end */

/*购物车样式*/
.fixed_fill { position: fixed; bottom: 0; height: 0; width: 100%; height: constant(safe-area-inset-bottom); background-color: #86151b; }
.bottomNav { position: fixed; right: auto; bottom: 0; max-width: 640px; box-sizing: border-box; width: 100%; left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 2.3rem; background-color: #333; height: calc(1.31rem + constant(safe-area-inset-bottom)); padding-bottom: constant(safe-area-inset-bottom); }
.carticon { position: absolute; left: .32rem; bottom: .2rem; width: 1.5rem; height: 1.5rem; box-sizing: border-box; border-radius: 100%; will-change: transform; background: url(http://imgcon.tea7.com/6366157753161240809210477.png) center center no-repeat #535353; background-size: 50%; border: 0 solid #e7c990 }
.carticon.carticon-shake { -webkit-animation: bottomNav-shake_2waDn_0 .5s ease-in-out; animation: bottomNav-shake_2waDn_0 .5s ease-in-out }

@-webkit-keyframes bottomNav-shake_2waDn_0 {
    0% { -webkit-transform: scale(1); transform: scale(1) }
    25% { -webkit-transform: scale(.8); transform: scale(.8) }
    50% { -webkit-transform: scale(1.1); transform: scale(1.1) }
    75% { -webkit-transform: scale(.9); transform: scale(.9) }
    to { -webkit-transform: scale(1); transform: scale(1) }
}

@keyframes bottomNav-shake_2waDn_0 {
    0% { -webkit-transform: scale(1); transform: scale(1) }
    25% { -webkit-transform: scale(.8); transform: scale(.8) }
    50% { -webkit-transform: scale(1.1); transform: scale(1.1) }
    75% { -webkit-transform: scale(.9); transform: scale(.9) }
    to { -webkit-transform: scale(1); transform: scale(1) }
}

.carticon:before { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(http://imgcon.tea7.com/6364418123596950659744812.png) 50% no-repeat; background-size: .7rem; content: "" }
.carticon em { position: absolute; right: -.12rem; top: -.133333rem; line-height: 1; background-color: #ff461d; color: #fff; border-radius: .32rem; padding: .053333rem .133333rem; font-size: .266667rem }
.bottomNav-price { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #fff; font-size: .4rem }
.bottomNav-price b { font-size: .6rem }
.submit-btn-none { height: 100%; width: 2.8rem; background-color: #999; color: #fff; text-align: center; text-decoration: none; font-size: .4rem; font-weight: 700; line-height: 1.28rem }
.submit-btn-have { height: 100%; width: 3rem; background-color: #be1d2c; color: #faf5ef; text-align: center; text-decoration: none; font-size: .4rem; font-weight: 700; line-height: 1.28rem }
.cartview { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .4; transition: opacity .3s ease; -webkit-transition: opacity .3s ease }
.cartlist { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; max-width: 640px; margin: 0 auto; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) }
.cartlist_on { transform: translateZ(0); -webkit-transform: translateZ(0); bottom: 1.28rem }
.discount-tip { background: #f6ebda; text-align: center; box-sizing: border-box; height: .5rem; line-height: .5rem; font-size: .3rem; color: #231816 }
.discount-tip b { color: #5f2426 }
.cartview-342ET { padding: 0 .333333rem; border-bottom: 1px solid #ddd; background-color: #f3f3f3; color: #666; line-height: 1.066667rem }
.cartview-Tfsux { padding-left: .133333rem }
.cartview-2WfO3 { line-height: inherit; float: right; padding-left: .4rem; background-size: .266667rem; color: #666; text-decoration: none; font-size: .346667rem }
.entityList { overflow: auto; -webkit-overflow-scrolling: touch; max-height: 8rem; background: #fff; padding-bottom: .5rem }
.entityList ul { padding: 0 0 .5rem; list-style: none; -webkit-box-flex: 0; -ms-flex: none; flex: none }
.entityList ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .2rem .333333rem .2rem 0; min-height: 1.2rem; margin-left: .333333rem; font-size: .4rem }
.entityList ul li:not(:last-child) { border-bottom: 1px solid #f3f3f3 }
.entityList ul li .pic { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: normal; border: 2px solid #f2f4f3; margin-right: 10px }
.entityList ul li .pic img { width: 100% }
.entityList ul li .name { -webkit-box-flex: 5.5; -ms-flex: 5.5; flex: 5.5; line-height: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 4.666667rem }
.entityList ul li .price { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; color: #cf2338; text-align: right; white-space: nowrap; font-weight: 700 }
.entityList ul li .number { -webkit-box-flex: 2.5; -ms-flex: 2.5; flex: 2.5; text-align: right; font-size: .377777rem }
.entityList ul li .number a { display: inline-block; vertical-align: middle; text-decoration: none; box-sizing: border-box; padding-bottom: 2px }
.entityList ul li .number a img { width: .5rem }
.entityList ul li .number .num { display: inline-block; vertical-align: middle; text-align: center; color: #666; font-size: .37777rem; min-width: .5rem; max-width: 2em; overflow: hidden }
.entityList ul li.shouqing .name { color: #999 }
.entityList ul li.shouqing .price b { color: #999; font-weight: 400 }
.entityList ul li.shouqing .number { color: #999 }
.flyball { position: fixed; top: 0; left: 0; transition: -webkit-transform .5s linear; transition: transform .5s linear; transition: transform .5s linear,-webkit-transform .5s linear; z-index: 9999999 }
.flyball .inner { position: absolute; top: 0; left: 0; background-color: #008300; border-radius: 50%; width: .35rem; height: .35rem }
.flyball, .flyball .inner { will-change: transform; -webkit-transform: translateZ(0); transform: translateZ(0) }
.flyball .inner { transition: -webkit-transform .5s cubic-bezier(.3,-.2,1,0); transition: transform .5s cubic-bezier(.3,-.2,1,0); transition: transform .5s cubic-bezier(.3,-.2,1,0),-webkit-transform .5s cubic-bezier(.3,-.2,1,0) }

/* 弹窗公告 pc or mobile */
.pop_announcement { background-color: #ac0000; opacity: 0.95; display: flex; z-index: 999; align-items: center; text-align: center; margin: 0 auto; justify-content: center; }
.pop_announcement.pop_announcement-pc { width: 1200px; height: calc(100vh - 165px); }
.pop_announcement.pop_announcement-mobile { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.pop_announcement .pop_announcement_window { position: absolute; z-index: 1000; }
.pop_announcement .pop_announcement_window img { width: 100%; max-width: 90%; }