@charset "utf-8";
/* CSS Document */
img { width:100%;}


.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; box-sizing:border-box;}
.indexheader .bd a:visited { color: #fff;}
.indexheader .bd h2 { -webkit-box-flex: 1; font-size: 16px;-webkit-box-pack: center; -webkit-flex-direction: column; flex-direction: column; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;}
.indexheader .bd a.logo-icon { width:85px; height:44px; display:inline-block; text-align:center;}
.indexheader .bd a.logo-icon i { font-size:65px; line-height: 44px;}
.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 i{ font-size:24px;  text-align:center;}


.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; padding-right:0.4rem;}
.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:#b0352f;}
.m-tabs .inner ul li.active a:after { content: ' '; position: absolute; left: 0; bottom: 0; width: 100%; height:2px; background-color: #b0352f; 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;}


.service { padding:0 0.4rem; background:#f8f8f8; display:none;}
.service ul{ display: -webkit-box; display: -webkit-flex;display:flex;flex-wrap: nowrap; box-lines:single; -webkit-box-lines:single; justify-content:space-between; box-pack:justify;}
.service ul li { height:1rem; line-height:1rem;}
.service ul li i { background:url(http://imgcon.tea7.com/6363726761698425775421648.png) center center no-repeat; background-size:contain; vertical-align:middle; display:inline-block; width: 0.4rem; height: 0.4rem;}
.service ul li span { margin-left:5px; display:inline-block; white-space:nowrap; color:#d0ba9f; height: 0.4rem;}


.m-nav { display:-webkit-box; display: -webkit-flex; display:flex; background:#fff; padding:15px 0;}
.m-nav a { -webkit-flex: 1; flex: 1; text-align:center; padding:0 0.1rem; font-size: 0.4rem;}
.m-nav a i { display:block; padding:0 0.4rem 0.3rem;}


.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;}


.m-tuijian { background:#fff; margin-top:10px;}
.m-tuijian .bd { }
.m-tuijian .bd ul { display:-webkit-box; display: -webkit-flex; display:flex; flex-wrap: wrap;-webkit-flex-wrap:wrap;-webkit-box-lines:multiple; padding:0 0.15rem 0.15rem;}
.m-tuijian .bd ul li { width:50%; box-sizing:border-box; padding:0.05rem;display: inline-block;}
.m-tuijian .bd ul li a { position:relative; display: block; background-color: #f3f3f3;}
.m-tuijian .bd ul li a .cnt { position:absolute; width:100%; height:100%; left:0; top:0; color:#fff; padding:0.2rem 0 0 0.2rem;}
.m-tuijian .bd ul li a .cnt h1 { font-size:0.4rem; color:#333333; font-weight:bold; display:block;}
.m-tuijian .bd ul li a .cnt span { font-size:0.32rem; color:#999999; display:block; }
.m-tuijian .bd ul li a .cnt i { position: relative; display: inline-block; margin-top:5px; padding:2px 5px; font-size:0.32rem; height:0.32rem; line-height:0.32rem; }
.m-tuijian .bd ul li a .cnt i:after, .m-tuijian .bd ul li a .cnt i:before { border: solid transparent; content: ' '; height: 0; width: 0; position: absolute;}
.m-tuijian .bd ul li a .cnt i:before{ border-width: 6px 0 0px 6px; border-style: solid; border-color: transparent transparent transparent #6c6; left: -1px; top: -6px;}
.m-tuijian .bd ul li a .cnt i:after{ border-width: 4px 0 0px 4px; border-style: solid; border-color: transparent transparent transparent #F3F3F3;left: 0px; top: -4px;} 
.m-tuijian .bd ul li a .cnt i.remai { color:#fbb92a; border: 1px solid #fbb92a;}
.m-tuijian .bd ul li a .cnt i.remai:before{ border-color: transparent transparent transparent #fbb92a;}
.m-tuijian .bd ul li a .cnt i.xinpin { color:#9ec878; border: 1px solid #9ec878;}
.m-tuijian .bd ul li a .cnt i.xinpin:before{ border-color: transparent transparent transparent #9ec878;}

/*首页特价*/
 .seckill-item{margin-top: 10px;}
.seckill-bd{background: #fff;overflow: hidden;display: box;display: -webkit-box;display: flex;display: -webkit-flex;}
.seckill-iteml{background: #fff;float: left;width:45%;padding: 0.2rem 0 0.2rem 0.4rem;box-sizing: border-box;-webkit-box-pack: center;-webkit-flex-direction: column;flex-direction: column;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
.seckill-title{font-size: 0.5rem; height: 0.5rem;line-height: 0.5rem;margin-bottom: 0.1rem;}
.seckill-iteml .seckill_time{padding: 0.1rem 0;overflow: hidden;vertical-align: middle;color: #fff; box-sizing: border-box; border-radius: 5px;font-size: 0.5rem;}
.seckill-iteml .seckill_time .timebox{background: #333333;width:1rem;height: 0.7rem;display: inline-block;border-radius: 5px;line-height: 0.7rem;text-align: center;font-size: 0.4rem; }
.seckill-iteml .seckill_time .colon{display: inline-block;text-align: center;width: 0.15rem;color: #333;}
.ns_time{margin-top: 0.1rem;font-size: 0.4rem;}
.seckill-itemr{box-sizing: border-box;-webkit-box-pack: center;-webkit-flex-direction: column;flex-direction: column;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;float: left;width:55%;position: relative;padding: 0.5rem 0;}
.seckill-itemr img{width: 80%; display: block; margin-left:0.2rem}
.seckill-itemr .price{position: absolute;right: 0.4rem;bottom: 0.4rem;border-radius: 50%;background:#fbb92a;padding: 0.2rem 0;box-sizing: border-box;color: #fff;width:1.6rem;height:1.6rem;text-align: center;display: flex;-webkit-box-direction: normal;-webkit-box-orient: vertical;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;}
.seckill-itemr .price p{color: #fff;height: 0.5rem;line-height: 0.5rem;font-size:0.32rem;}
.seckill-itemr .price b{font-size: 0.5rem; font-weight:normal;}
.seckill-itemr .price del{color: #fff;overflow: hidden;font-size:0.32rem;line-height:0.32rem;}


.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 > header a img { max-height:3.75rem; }
@media (min-width: 541px){
    .m-indexFloor > header a img{ max-height: 240px;
    }
}

.m-indexFloor .inner { background:#fff; padding:0.4rem 0.4rem 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:relative; 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:after {content:""; position:absolute; margin: 5px; border:1px solid #e4e4e4; top: 0; left: 0; right: 0; bottom: 0;}
.m-indexFloor .inner ul li .pic .seemore > div { display:block; text-align:center; width:50%; font-size:0.32rem;}
.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;}


.m-item { background:#fff; margin-top:15px; padding:0.2rem 0;}
.floortitle { text-align:center; padding:0.2rem 0; font-size:0.5rem; color:#333333;}
.floortitle span { position:relative; display:inline-block;}
.floortitle span:before, .floortitle span:after { content:""; position:absolute; width:8px; height:8px; border-radius:50%; display:block; background:#d4c0a7; top:50%; margin-top:-4px;}
.floortitle span:before { left:-0.5rem;}
.floortitle span:after { right:-0.5rem;}
.banswiper { padding:0.2rem 0; padding-right:0.4rem;}
.banswiper ul:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;clear:both}
.banswiper li{ float:left; width:7.4rem; margin-left:0.4rem; box-shadow:0 5px 10px rgba(0,0,0,0.1); border-radius:8px; overflow:hidden;}
.m-item .banswiper_more { display:table; text-align:center; margin:0.2rem auto; border:1px solid #333; border-radius:50px; padding:3px 0.4rem;}


.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;}
.bk_list a .pic img{ max-height: 4rem;}
@media (min-width:541px){
    .bk_list a .pic img{ max-height: 240px;
    }
}

.m-culture { padding:0.2rem 0.1rem; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between;}
.m-culture a { position:relative; display:block; box-sizing:border-box; padding:0 0.1rem; overflow:hidden;width: 50%;}
.m-culture a img { border-radius:8px;}
.m-culture a .cnt { position:absolute; width:100%; height:100%; left:0; top:0; color:#fff; padding:0.3rem 0 0 0.3rem; box-sizing:border-box;}
.m-culture a .cnt h1 { font-size:0.4rem; color:#333333; font-weight:bold; display:block;}
.m-culture a .cnt span { font-size:0.32rem; color:#999999; display:block;}


.m-product { background:#fff;}
.m-product ul { padding:0.1rem;}
.m-product ul:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;clear:both}
.m-product ul li { float:left; width:50%; padding:0.1rem; box-sizing:border-box; margin-bottom:0.4rem;}
.m-product ul li a .pic { background:#f3f3f3; position:relative;}
.m-product 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);}
.m-product ul li a .name { padding:8px 0; font-size:0.4rem; height: 0.4rem; line-height: 0.4rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.m-product ul li a .price { color:#b0352f; height:0.5rem;}
.m-product ul li a .price span{ font-size:0.34rem;}
.m-product ul li a .price b{ font-size:0.5rem; font-weight:normal;}


.m-footer { padding:18px 0 0; font-size:0.4rem;}
.m-footer .m-footertxt { text-align: center; color:#999;}
.m-footer .m-footerbtn { display:-webkit-box; display:-webkit-flex; display:flex; justify-content: center; align-items:center;}
.m-footer .m-footerbtn span { padding:5px 15px; background:#fff; border:1px solid #cccccc; border-radius:50px; margin:15px 0.6rem;}



/*20171102特价*/
.tejia { background:#f9f8f8;}
.tejia .shizhong { background:url(http://imgcon.tea7.com/6364524144058050749535542.png) center center no-repeat; background-size:contain; display:inline-block; vertical-align:middle; position:relative; top:-2px; margin-right:5px; height:.5rem; width:.5rem;}
.tejia .tj_bd { background:#fff; border:1px solid #f3f3f3; margin:0 .5rem .2rem; border-radius: 5px; padding:10px; box-sizing:border-box;}
.tejia .tj_bd .time{padding:0rem 0 10px;overflow: hidden;vertical-align: middle;color: #fff; box-sizing: border-box; border-radius: 5px;font-size: 0.4rem;}
.tejia .tj_bd .time .tit, .tejia .tj_bd .time .timebox, .tejia .tj_bd .time .colon {display:inline-block;height: 0.6rem;line-height: 0.6rem;}
.tejia .time .tit { color:#333333;}
.tejia .time .timebox{background: #333333;border-radius: 5px;text-align: center;font-size: 0.4rem; padding:0 5px; }
.tejia .time .colon{ text-align: center;width: 0.15rem;color: #333;}

.tejia .tj_product { display:-webkit-box;}
.tejia .tj_product .pic { width:2.5rem; height:2.5rem; margin-right:10px;}
.tejia .tj_product .tj_product_bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align:right;box-sizing: border-box;  -webkit-box-pack: center; -webkit-flex-direction: column; flex-direction: column; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between;}
.tejia .tj_product .tj_product_bd h2 {overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-size:.4rem;}
.tejia .tj_product .tj_product_bd .price del{ color:#999999; font-size:.35rem;}
.tejia .tj_product .tj_product_bd .price span{ color:#b0352f; font-size:.5rem;}
.tejia .tj_product .tj_product_bd .tj_b span{ color:#999999; height:.8rem; line-height:.8rem; margin-right:10px; font-size:.35rem;}
.tejia .tj_product .tj_product_bd .tj_b .jtbtn { float:right; background:#ffde00; border-radius:5px; height:.8rem; line-height:.8rem; overflow:hidden; padding:0 10px;}