html{-webkit-text-size-adjust:100%; font-size:100px;}
* { margin:0; padding:0; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body { font: normal 100%; font-size:.3rem; background:#fff; color:#333; font-family:"PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif; max-width:750px; min-width:320px; margin:0 auto;}
a,button,input,optgroup,select,textarea { -webkit-appearance:none; font-family:"PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/}
ul,li,dl,dt { list-style:none;}
h1,h2,h3,h4,h5 { font-size:100%; font-weight: normal;}
em,i { font-style:normal;}
img,object { max-width: 100%;}
img{-ms-interpolation-mode: bicubic; border:none;}
.clearfix:after{ content:''; clear:both; display:block}
.bk10{ height:.2rem; clear:both; display:block; background: #f5f5f5}
.bk12{ height:1rem; clear:both; display:block}
.head{ width:7.5rem; margin:0 auto; background:#ffda44; height:1rem; position:relative; line-height:1rem; color:#333333; font-size:.36rem; text-align:center }
.head .back{ position:absolute; left:0; padding-left:.3rem; width:.9rem; top:0; background:url(images/back.png) .3rem center no-repeat; background-size:0.2rem 0.4rem; height:1rem; z-index:1}
.titimg img{ float:left; width:.4rem; height:.4rem; margin-top:.3rem; margin-right:.1rem}
/* 首页导航 */
.nav{ padding:.5rem .3rem .1rem; background:#fff;}
.nav li{ float:left; width:25%; padding:0 0; text-align:center; margin-bottom:.3rem;}
.nav li img{ width:1rem; height:1rem}
.nav li h1{ line-height:.4rem; margin-top:.1rem; color:#333; font-size:.28rem; height:.4rem; overflow:hidden;}
/* 首页列表 */
.indexlist{ background:#fff; padding:0 .3rem;}
.indexlist li{ position:relative; padding:.3rem 0; border-bottom:1px solid #e4e4e4}
.indexlist li:last-child{ border-bottom:0}
.indexlist li .img{ width:2rem; height:2rem; float:left;}
.indexlist li .img img{ border:1px solid #f5f5f5; width:2rem; height:2rem;}
.indexlist li .txt{ position:relative; margin: 0 0 0 2.2rem; height:2rem;}
.indexlist li .txt h1{ line-height:.45rem; color:#333; font-weight:bold; font-size:.32rem; text-align: justify; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:.9rem; overflow:hidden}
.indexlist li .txt h2{ position:absolute; width:100%; bottom:0;}
.indexlist li .txt h2 span{ color:#ff345b; font-size:.4rem; }
.indexlist li .txt h2 em{ color:#888; font-size:.24rem; text-decoration:line-through; margin-left:.15rem; margin-top:-1px;}
.indexlist li .txt h2 i{ position: absolute; left:0; top:-.4rem; background:#ff345b; color:#fff; font-size:.24rem; padding:.05rem .05rem; border-radius:.08rem; -webkit-border-radius:.08rem; -moz-border-radius:.08rem; line-height:.24rem;}
.indexlist li .txt h4{ position:absolute; bottom:0; left:0; font-size:.24rem; width:100%; color:#888; height:.4rem; line-height:.4rem;}
.indexlist li .txt h4 span{ float:left; background:#6cbdea; font-size:.24rem; height:.4rem; padding:0 .1rem; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-right:.1rem}
.indexlist li .txt .num{ color:#888; position:absolute; right:0; bottom:2px; font-size:.24rem;}
/* 全部商品 */
.main-nav{ background:#fff; width:7.5rem; height:.9rem; line-height:.9rem; padding-right:.9rem; position:relative; overflow:hidden; border-bottom:1px solid #e4e4e4;}
.main-nav .swiper-slide{ text-align:center; width:auto;}
.main-nav .swiper-slide a{ color:#888; padding:0 .3rem;}
.main-nav .swiper-slide .on{ color:#ff345b; font-weight:bold}
.main-nav .search-btn{ position:absolute; right:0; top:0; width:.9rem; height:.9rem; z-index:1; box-shadow:0 0 40px rgba(0,0,0,.2); -webkit-box-shadow:0 0 40px rgba(0,0,0,.2); -moz-box-shadow:0 0 40px rgba(0,0,0,.2);}
/* 详情页 */
.show2{ background:#fff; padding:.34rem;}
.show2 h1{ font-size: .36rem; line-height: .48rem; font-weight:bold; color:#333; text-align:justify; margin-bottom:.14rem;}
.show2 h3{ vertical-align:bottom; height:.48rem; line-height:.48rem;}
.show2 h3 span{ float:left; vertical-align:bottom; line-height:.48rem;}
.show2 h3 span em{ font-size:.4rem; margin-left:2px}
.show2 h3 .ss1{ float:left; color:#ff345b;}
.show2 h3 .ss2{ color:#888; font-size:.28rem;}
.show2 h3 .ss2 b{ text-decoration:line-through; font-weight:normal; margin-right:.2rem;}
.show2 h3 i{ float:right; font-size:.24rem; color:#888;}
.show2 h3 i em{ font-size:.4rem;}
.show2 .buy{ border:1px dashed #e4e4e4; margin-top:.4rem; padding:.4rem .5rem .5rem;}
.show2 .buy .tit{ font-size:.28rem; text-align:center; margin-bottom:.3rem;}
.show2 .buy .input1{ height:.9rem; border:0; background:#ddd; padding:0 .2rem; width:100%; font-size:.3rem; margin-bottom:.3rem;}
.show2 .buy .sub1{ height:.9rem; font-size:.3rem; width:100%; border:0; background:#ff345b; color:#fff;}
.show3{ background:#fff; padding:0 .34rem;}
.show3 .tit{ line-height:1rem; position:relative; color:#333; margin:0 -.3rem; padding:0 .3rem; border-bottom:1px solid #ddd;}
.show3 .tit img{ float:left; width:.5rem; height:.5rem; margin-right:.1rem; margin-top:.25rem;}
.show3 .txt{ line-height:1.6; color: #333; padding:.3rem 0 .5rem; text-align:justify}
.s2_company{ padding:.3rem 0; line-height:2; color:#666; position:relative}
.s2_company .s2_l { margin-right:1.5rem; border-right:1px solid #ddd; padding-right:10px;}
.s2_company .s2_l h2{ color:#000; font-weight:bold; font-size:.3rem;}
.s2_company .s2_l p{ padding-bottom:.1rem; font-size:.28rem; line-height:1.2}
.s2_company .s2_l a{ text-decoration:none; color:#666}
.s2_company .s2_phone{ width:1.5rem; height:100%; background:url(images/phone.png) .4rem center no-repeat; background-size:.8rem .8rem; -webkit-background-size:.8rem .8rem; -moz-background-size:.8rem .8rem; position:absolute; right:0; top:0}
.showinfo{ padding:.3rem 0;}
.show_btn{ width:7.5rem; height:1rem; position:fixed; bottom:0; left:50%; margin-left:-3.75rem; background:#fff; z-index:111;}
.show_btn a{ background:#ff345b; color:#fff; display:block; float:left; width:50%; height:1rem; line-height:1rem; text-align:center}
.show_btn .btn1{ width:65%; font-size: .36rem; font-weight: bold;}
.show_btn .btn2{ width:35%; background:#fd6969}
/* 搜索 */
.search{ margin:.3rem; position:relative}
.search .input{ float:left; width:5.5rem; border:0; background:#f1eff6; height:.9rem; padding:0 .2rem; font-size:.3rem; padding-left:.7rem; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.search i{ width:.8rem; height:.8rem; background:url(images/search-btn.png) 0 0 no-repeat; background-size:contain; -webkit-background-size:contain; -moz-background-size:contain; position:absolute; left:0; top:.05rem;}
.search .sub{ float:right; width:1.2rem; height:.9rem; border:0; font-size:.3rem; background:#ff345b; color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
/* 个人中心首页 */
.my1{ text-align:center; position:relative; margin-bottom:.2rem; line-height:0}
.my1 .logo{ width:1.8rem; height:1.8rem; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; background:#fff; top:50%; left:50%; margin:-1.4rem 0 0 -.9rem;}
.my1 .logo img{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:3px solid #fff; }
.my1 h1{ color:#fff; margin-top:.3rem;}
.my2 ul{ background:#fff; border:1px solid #e4e4e4; border-width:1px 0;}
.my2 ul li{ height:1rem; line-height:1rem; padding-left:.3rem; position:relative }
.my2 ul li:after{ position:absolute; content:''; width:100%; left:.9rem; bottom:0; height:1px; background:#e4e4e4;}
.my2 ul li:last-child:after{ display:none}
.my2 ul li a{ color:#333; display:block}
.my2 ul li a i{ position:absolute; width:.5rem; height:.5rem; background:url(images/my_arrow.png) 0 0 no-repeat; background-size:contain; -webkit-background-size:contain; -moz-background-size:contain; right:.3rem; top:.25rem;}
.my2 ul li img{ float:left; width:.5rem; height:.5rem; margin-top:.25rem; margin-right:.1rem}
/* 我的订单 */
.mynav{ width:100%; padding:0 5%; height:1rem; line-height:1rem; font-size:.28rem; text-align:center; background:#fff;}
.mynav a{ min-width:21%; display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:0 2%; color:#999; font-size:.28rem; position:relative}
.mynav .cur{color:#ff345b;}
.mynav .cur:after{ content:''; position:absolute; width:.6rem; height:2px; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; background:#ff345b; left:50%; bottom:0; margin-left:-.3rem;}
.mycard{ margin:.3rem .3rem 0;}
.mycard li{ box-shadow:1px 1px 4px #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-bottom:.3rem}
.mycard .card_tit{ background:#42b6ff; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; height:1.6rem; line-height:.8rem; padding:.4rem .3rem; color:#fff;}
.mycard .nopay .card_tit{ background:#bbb;}
.mycard .card_tit img{ float:left; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:.8rem; height:.8rem;}
.mycard .card_tit h1{ position:relative; margin:0 0 0 1rem; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; height:.8rem; color:#fff}
.mycard .cart_txt{ height:.8rem; line-height:.8rem; background:#fff; border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; position:relative}
.mycard .cart_txt i{ height:6px; background:url(images/cart_txt_bg.png) 0 0 repeat-x; background-size:12px 6px; -webkit-background-size:12px 6px; -moz-background-size:12px 6px; position:absolute; top:-3px; width:100%; left:0;}
.mycard .cart_txt .state{ float: left; font-size:.24rem; color:#999; margin-left:.3rem;}
.mycard .cart_txt span{ float:left; font-size:.24rem; line-height:.8rem; color:#999; padding-right:.4rem; background:url(images/time_ico.png) 0 center no-repeat; background-size:16px 16px; -webkit-background-size:16px 16px; -moz-background-size:16px 16px; padding-left:18px; margin-left:.3rem;}
.mycard .cart_txt .btn1{ position:absolute; right:.3rem; top:.15rem; height:.5rem; line-height:.5rem; font-size:.28rem; padding:0 .2rem; background:#ff345b; color:#fff; border-radius:.08rem; -webkit-border-radius:.08rem; -moz-border-radius:.08rem;}
.mycard .cart_txt .paysel{ float: left; width:100%; padding:0 .3rem .3rem;}
.mycard .cart_txt .paysel a{ float:left; width:49%; margin-right:2%; background:#42b6ff; color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; height:.6rem; line-height:.6rem; text-align:center; display:block}
.mycard .cart_txt .paysel a:last-child{ margin-right:0}
.mycard .timeup .card_tit{ background:#bbb}
/* 底部 */
.foot{ width:7.5rem; height:1rem; position:fixed; bottom:0; left:50%; margin-left:-3.75rem; background:#fff; box-shadow:0 0 6px #bbb; -webkit-box-shadow:0 0 6px #bbb; -moz-box-shadow:0 0 6px #bbb; z-index:111; padding:0 .5rem;}
.foot a{ float:left; width:50%; text-align:center; color:#bbb; font-size:.24rem; height:1.2rem}
.foot .active h1{ color:#ff345b; font-weight:bold}
.foot .foot_ico{ width:.72rem; height:.72rem; background:url(images/nav_ico.png) 0 0 no-repeat; background-size:.72rem auto; -webkit-background-size:.72rem auto; -moz-background-size:.72rem auto; display: inline-block;}
.foot .active .foot_ico{ background-image:url(images/nav_ico1.png)}
.foot .foot_ico1{ background-position:0 0;}
.foot .foot_ico2{ background-position:0 -.72rem;}
.foot .foot_ico3{ background-position:0 -1.44rem;}
.foot h1{ margin-top:-.1rem; font-size:.24rem;}
.gotop,.left-side-menu{position:fixed;bottom:15%;z-index:20}
.fixbtn{ position:fixed; top:15%; right: 10px; width:44px;}
.fixbtn a{ width:44px; height:44px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-bottom:10px; background:rgba(0,0,0,.5); float:left; text-align:center; font-size:.26rem; color:#fff; line-height:16px;}
.fixbtn .btn1{ padding:6px 0;}
.fixbtn .btn2{ padding:14px 0;}
.fixback{ position:fixed; bottom:15%; right: 10px; width:44px;}
.fixback a{ width:44px; height:44px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-bottom:10px; background:rgba(0,0,0,.5); float:left; text-align:center; font-size:.26rem; color:#fff; line-height:16px; padding:14px 0;}
.pages{ padding:40px 8px; text-align:center;}
.pages a{ padding:8px 10px; font-size:14px; margin:3px; background-color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.pages a:last-child{ margin-right:6px;}
.nolist{ text-align:center; width:200px; margin:0 auto; padding-top:100px;}
.nolist h1{ color:#888; font-size:14px;}

.bk10{ background: #f5f5f5}
.bltit1{text-align:center;position:relative;margin:.5rem 0 0;height:.5rem;display:flex;align-items:center;justify-content:center}
.bltit1 .inline{position:relative}
.bltit1 .s1{position:relative;z-index:10;font-size:.4rem;font-weight:700;line-height:.5rem}
.bltit1 .bg{position:absolute;width:100%;height:.16rem;left:0;bottom:0;background:#fed73b}