@charset "utf-8";
/* CSS Document */


img { width:100%;}
a { display:block;}
body { background:url(http://imgcon.tea7.com/6371227761845053519101241.jpg) !important;}

.topbanner a { position:absolute; top:5px; background:rgba(0,0,0,.5); width:1rem; height:1rem; text-align:center; line-height:1rem; color:#fff; border-radius:50%; z-index:10;}
.topbanner a.back { left:10px;}
.topbanner a.home { right:10px;}


.tmtea-bd{background:#fff;  border-radius:.15rem; overflow:hidden; margin:0rem .15rem .45rem; box-shadow:0px 2px 5px rgba(0,0,0,0.25);}
.up{position: relative; width: 100%; height: 97px; background-color: #fff8ec;}
.up img{position: absolute; top: 18.5px; left: 15px; width: 60px; height: 60px; border-radius: 50%;}
.up .info{position: absolute; top: 20px; left: 88px;}
.up .info .name{padding-right: 10px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.up .info b{color: #333; font-size:16px; padding-right:5px; display:inline;}
.up .btn-attention{position: absolute; top: 52px; left: 88px;}
.up .btn-attention a{width:90px; height: 25px; line-height:13px; text-align:center; padding:5px 10px; border:1px solid #b0352f; border-radius: 20px; font-size:0.3rem; box-sizing: border-box; color:#b0352f; display:inline-block; margin-right:10px; background: #fff;}
.down{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 42px; border: 1px solid #f3f5f9; border-top: 0; box-sizing: border-box;}
.down .article-count{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-pack: left; -webkit-justify-content: left; justify-content: left; margin-left: 15px;}
.down .read-count{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; margin-right: 40px; text-align: right;}
.down .article-count, .down .read-count{font-size:14px; color: #999;}
.down .article-count span, .down .read-count span{color: #333;}
.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; position:relative;}
.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 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.buy { position:absolute; right:.0rem; bottom:-.1rem; background:url(http://imgcon.tea7.com/6368011901803212682377498.png) center center no-repeat; background-size:.8rem; width:1.2rem; height:1.2rem; z-index:1;}

.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,.5); color: #fff; z-index:2;}

.tm_product_list ul li.shouqing a:after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url(http://imgcon.tea7.com/6367530939134437297024552.png) center 25% no-repeat rgba(0,0,0,0.5); background-size:50%; border-radius:.15rem; overflow:hidden; z-index:2;}














































/*购物车*/
.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: 1.31rem;}
.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: 0px 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; /*content: attr(attr-quantity);*/ font-size: .266667rem;}
.bottomNav-price{-webkit-box-flex: 1; -ms-flex: 1; flex: 1;color: #fff;font-size:0.4rem;}
.bottomNav-price b{font-size:.6rem}
.submit-btn-none{height: 100%; width: 2.8rem; background-color: #999999; 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);bottom: 1.8rem; z-index:5001;}
.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:.34rem; 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{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 0.5rem; list-style: none; -webkit-box-flex: 0; -ms-flex: none; flex: none;transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);}
.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 .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:0.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:normal;}
.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: #cf3232; border-radius: 50%; width: 0.35rem; height: 0.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)}