.receiptInfo{display:none;}
li:{ width: 48%; height: 4.5em; margin-left: 1.3%; margin-top: 0.2rem; float: left; overflow: hidden; box-sizing: border-box; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
p:{ font-size: 0.5em; margin-top: 0.3em; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
img:{ width: auto; height: 80%; display: block; padding: 0.3em 0; box-sizing: border-box; margin: 0 auto;}
input[type="button"]{ cursor: pointer; border: 0; -webkit-appearance: none; appearance: none; background: none; border-radius: 0;}
.head_r_ss{display: inline-block; cursor: pointer; float: right; background: url(img/sousuo.png) no-repeat right 0px; font-size: 24px; margin-top: 20px; height: 34px; line-height: 34px; padding-right:8%;}


/*购物车图标*/
.zxzx{ z-index: 100; position: fixed; right: 0.5em; bottom: 3em; width: 1.8em; height: 1.8em; background: #fff url(../images/zxzx.png) no-repeat center; background-size: 0.9em; border-radius: 100px; box-shadow: 0 0 7px #ccc;}
.zxzx img{ width: 100%;height: 100%;}
.zxzx span{ width: 1.5em; height: 1.5em; border-radius: 50%; background-color: red; font-size: 0.45rem; line-height: 1.5em; text-align: center; color: rgb(255, 255, 255); position: absolute; left: 70%; top: -3px;}


/*字母排序*/
.initials {
 width: 12%;
 float: left;
 height: auto;
 position: fixed;
 right: 0.6rem;
 top: 6rem;
 font-size: 0.6rem;
 text-align: right;
}
.initials ul li {
 font-family: simsun;
 font-size: 0.6rem;
 padding-top: 0.15rem;
 color: #000;
}
.yaop ul li p.jiage img {
 width: 0.75rem;
 height: auto;
 float: right;
 margin-top: 0.05rem;
}


header{ height: 1.3rem; line-height: 1.3rem;}
.topbtn{ height: 0.9rem; width:1.2rem;background-size: auto 100%;margin-top:0.2rem;}
header span{ height: 1.3rem; line-height: 1.3rem; font-size: 0.6rem;}

.navbottom{ height: 1.5rem; line-height: 1.5rem;}
.navbottom ul{ height: 1.5rem; line-height: 1.5rem;}
.navbottom ul li{ height: 1.5rem; line-height: 1.5rem;}
.navbottom ul li a{ font-size: 0.5rem; height: 0.6rem; padding-top: 0.5rem;}

.navbottom ul li:nth-of-type(1){ background: url(/img/home.png) no-repeat center 3px;background-size: auto 0.7rem;}
.navbottom ul li:nth-of-type(2){ background: url(/img/sy011.png) no-repeat center 3px;background-size: auto 0.7rem;}
.navbottom ul li:nth-of-type(3){ background: url(/img/sy015.png) no-repeat center 3px;background-size: auto 0.7rem;}
/*.navbottom ul li:nth-of-type(3){ background: url(/img/sy016.png) no-repeat center 5px;}*/
.navbottom ul li:nth-of-type(4){ background: url(/img/sy014.png) no-repeat center 3px;background-size: auto 0.7rem;}
.navbottom ul li:nth-of-type(5){ background: url(/img/sy010.png) no-repeat center 3px;background-size: auto 0.7rem;}

.cometel{ font-size: 0.5rem; line-height: 0.9rem; margin-top: 1rem; margin-bottom: 2rem;}


/*网上商城首页*/
/*搜索*/
.search{ background: #478bd1; width: 94%; margin: 0; padding: 0.2rem 3%; height: 5.3rem; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; color: #fff; font-size: 0.6em; position: relative; overflow: hidden;}
.search .fenlei{ width: auto; height: 1.2rem; float: left;}
.search .sousuo{ width: 89%; height: 1.2rem; line-height: 1.2rem; float: right; overflow:hidden; border-radius: 50px; border: 1px solid #b8b8b8; background: #fff;}
.search .sousuo img{ width: auto; float: right; height: 0.7rem; margin-top: 0.2rem; margin-right: 0.5rem;}
.search .sousuo input{ float: left; width: 86%; height: 1.2rem; line-height: 1.2rem; display: block; -webkit-box-sizing: border-box; border: 0px; background: #fff;color: #666; padding: 0px 0.5rem; font-size: 0.55rem; box-sizing: border-box;; }


/*banner*/
.con1 { margin: -100px auto 0; width: 94%; height: 400px; position:relative; overflow: hidden; border-radius: 15px; }
.con1 ul { position:absolute; width: 300%; }
.con1 ul li { float: left;  width: 33.33%;height: 100%; }
.con1 ul li a{ display: block; }
.con1 ul li img{ width: 100%; height: auto;}
.con1 ol { height: 0.2rem; width: 124px; margin: 0; padding: 0; text-align: center; position: absolute; bottom: 1.1rem; left: 50%; margin-left: -62px; z-index: 20; }
.con1 ol li{ display: inline-block; height: 0.2rem; width: 0.5rem; border-radius: 20px; border: 1px solid #ff9900; background-color: rgba(255,255,255,0); margin-right: 0.2rem;}
.con1 ol li.current { background-color: #ff9900; }


/*功能*/
.function{ overflow: hidden; width: 94%; margin: 0.5rem 3%; padding: 0 0 0.8rem; background: #fff; border-radius: 0.2rem; box-sizing: border-box;}
.function li{ width: 25%; float: left; color: #333; font-size: 0.6rem; text-align: center; margin-top: 15px;}
.function li img{ padding-top: 0.3rem; padding-bottom: 0.2rem; width: 1.6rem; height: 1.6rem;}
.function li span{ display: block;}


/*导航*/
.navigation{ overflow: hidden; width: 94%; margin: 0.5rem 3%; box-sizing: border-box;}
.navigation li{ width: 20%; float: left; color: #333; font-size: 0.55rem; text-align: center; margin-top: 0.4rem;}
.navigation li img{ padding-top: 0.2rem; padding-bottom: 0.1rem; width: 1.6rem; height: 1.6rem;}
.navigation li span{ display: block;}


/*精选专区*/
.jxzq{ width: 94%; padding: 0 3%; margin-top: 0.8rem;}
.jxzq h3{ font-size: 0.7rem; color: #000; margin-bottom: 0.5rem; font-weight: bold;}
.jxzq ul{ overflow: hidden; margin-top: 0.5rem;}
.jxzq ul li{ float: left; width: 32%; margin-right: 2%; background: #fff; margin-bottom: 0.3rem; border-radius: 0.2rem;}
.jxzq ul li:nth-of-type(3n){ margin-right: 0;}
.jxzq ul li .yptp{ width: 100%; height: 3.5rem; margin-top: 0.5rem; overflow: hidden; cursor: pointer; justify-content: center; align-items: center; display: -webkit-flex;}
.jxzq ul li .yptp img{ height: auto; width: 90%;}
.jxzq ul li h4{ font-size: 0.55rem; color: #000; height: 1.2rem; line-height: 0.8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding: 0.4rem 0.3rem; margin: 0;}
.jxzq ul li h4 span{ font-size: 0.45rem; padding: 0 0.2rem; margin-top: 0.05rem; color: #ccc; border: 1px solid #ccc; border-radius: 0.2rem; margin-right: 0.1rem; display: inline-block; line-height: 0.6rem; float: left;}
.jxzq ul li h4 span.cfy{ color: #bb0808; border: 1px solid #bb0808;}
.jxzq ul li h4 span.fcfy{ color: #0aa247; border: 1px solid #0aa247;}
.jxzq ul li p.guige{ font-size: 0.5rem; color: #666; padding: 0 0.5rem 0.5rem;}
.jxzq ul li p.jiage{ font-size: 0.65rem; color: #fd3f3f; padding: 0.1rem 0.2rem 0.5rem;}
.jxzq ul li p.jiage i{ font-size: 0.6rem; color: #fd3f3f;}
.jxzq ul li p.jiage span{ font-size: 0.7rem; color: #b5b5b5; text-decoration: line-through; margin-left: 0.5rem;}


/*分类*/
.van-tab{ font-size: 0.55rem!important;}
.van-tab--active{ font-weight: bold!important;}
.jxfl{ width: 94%; height: 1.6rem; padding: 0 3%; overflow: auto; margin-top: 0.8rem;}
.jxfl.sfixed{ position: fixed; top: 82px; left: 0; border-bottom: 0; box-shadow: 0 0 10px #ccc; margin-top: 0; background: #fff; height: 100px; line-height: 100px;}
.jxfl.sfixed ul li{ height: 1.5em; line-height: 1.5rem;}
.jxfl ul{ overflow: auto; width: 150%; height: 100%; height: 1.6em; line-height: 1.6rem;}
.jxfl ul li{ float: left; margin-right: 1.2rem; font-size: 0.65em; height: 1.5rem; line-height: 1.5rem;}
.jxfl ul li:last-child{ margin-right: 0;}
.jxfl ul li.onc{ font-size: 0.7rem; color: #000; font-weight: bold; border-bottom: 0.1rem solid #478bd1;}

.yaop ul{ overflow: hidden; width: 94%; padding: 0 3%; margin-top: 0.8rem; display: none;}
.yaop ul:first-child{ display: block;}
.yaop ul li{ float: left; width: 49%; margin-right: 2%; background: #fff; margin-bottom: 0.5rem; border-radius: 0.2rem;}
.yaop ul li:nth-of-type(2n){ margin-right: 0;}
.yaop ul li .yptp{ width: 100%; height: 5rem; margin-top: 0.2rem; overflow: hidden; cursor: pointer; justify-content: center; align-items: center; display: -webkit-flex;}
.yaop ul li .yptp img{ height: auto; width: 90%;}
.yaop ul li h4{ font-size: 0.55rem; color: #000; height: 1.2rem; line-height: 0.8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding: 0.5rem; margin: 0;}
.yaop ul li h4 span{ font-size: 0.45rem; padding: 0 0.2rem; margin-top: 0.05rem; color: #ccc; border: 1px solid #ccc; border-radius: 0.2rem; margin-right: 0.1rem; display: inline-block; line-height: 0.6rem; float: left;}
.yaop ul li h4 span.cfy{ color: #bb0808; border: 1px solid #bb0808;}
.yaop ul li h4 span.fcfy{ color: #0aa247; border: 1px solid #0aa247;}
.yaop ul li h4 span.zw{ float: right; color: #ff0000; text-decoration: none; border: 0; font-size: 0.5rem;}
.yaop ul li p.guige{ font-size: 0.5rem; color: #666; padding: 0 0.4rem 0.2rem;}
.yaop ul li p.jiage{ font-size: 0.65rem; color: #fd3f3f; padding: 0 0.5rem 0.5rem;}
.yaop ul li p.jiage i{ font-size: 0.6rem; color: #fd3f3f;}
.yaop ul li p.jiage span{ font-size: 0.5rem; color: #b5b5b5; text-decoration: line-through; margin-left: 0.5rem;}
.yaop ul li p.jiage img{ width: 0.55rem; height: auto; float: right; margin-top: 0.15rem;}



/*全部分类*/
.flleft{ position: fixed; width: 20%; height: 100%; top: 1.7rem; left: 0; background: #f5f5f5; border-right: 1px solid #ccc;}
.flleft ul li{ height: 3rem; line-height: 3rem; text-align: center; font-size: 0.55rem; color: #000; border-bottom: 1px solid #ccc;}
.flleft ul li.onc{ color: #478bd1; border-right: 0; border-left: 0.2rem solid #478bd1; background: #fff; width: 95%;}
.flright{ width: 80%; height: auto; float: right; background: #fff;}
.quanbu h3{ font-size: 0.6rem; color: #000; width: 100%; padding: 1.4rem 0 0 0.8rem; box-sizing: border-box; font-weight: bold;}
.quanbu h3:first-child{ padding-top: 0.8rem;}
.flright ul{ font-size: 0.6em; color: #333; overflow: hidden;}
.flright ul li{ width: 32%; margin-right: 2%; margin-top: 0.8rem; float: left; text-align: center; font-size: 0.6rem; font-size: 0.9em; color: #666;}
.flright ul li:nth-of-type(3n){ margin-right: 0;}
.flright ul li img{ width: 52%; height: auto; display: block; margin: 0 auto 0.2rem;}
.fenl{ display: none;}
.fenl:first-child{ display: block; margin-bottom: 1rem;}


/*网上商城列表页*/
/*按症找药*/
.azzy{ width: 94%; padding: 0.7rem 3% 0; overflow: hidden; box-shadow: 0 0 10px #ccc; background: #fff;}
.azzy li{ padding: 0.1rem 0.5rem; margin-right: 0.5rem; margin-bottom: 0.4rem; background: #f5f5f5; border-radius: 0.5rem; float: left; display: inline-block; font-size: 0.5rem; color: #666;}
.azzy li.on{ background: #dfefff;}

.xiaol{ border-bottom: 1px solid #f0f0f0; width: 94%; overflow: hidden; border-radius: 0.3rem; border: 1px solid #ccc;  margin: 0.5rem 3%; background: #fff;}
.xiaol input{ font-size: 0.55rem; width: 88%; float: left; height: 1.3rem; line-height: 1.3rem; display: block; padding-left: 0.6rem; border: 0; background: #fff;}
.xiaol img{ float: right; margin: 0.3rem; width: auto; height: 0.7rem;}
/*.xiaol a{ font-size: 0.6em; width: 20%; height: 1.5em; line-height: 1.5em; display: inline-block; text-align: center; color: #333;}
.xiaol a.on{ color: #478bd1;}*/


/*药品列表*/
.ypxq{ padding: 0 3%; font-size: 1em; height: auto;margin-bottom: 3em;}
.ypxq a{color: #333;}
.ypxq li{ height: auto; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #eee; padding: 0.6em 0;}
.ypxq li .p_img{ float:left; width: 25%; margin-right: 2%; height: 4em; overflow: hidden; cursor: pointer; justify-content: center; align-items: center; display: -webkit-flex;}
.ypxq li .p_img img{ height: auto; width: 100%;}
.ypxq li .info{ width: 70%; float: left; padding-left: 0.3em; overflow: hidden; box-sizing: border-box;}
.ypxq li .info h3{ font-size: 0.65em; color: #000; max-height: 2.8em; line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 0.4em; font-weight: bold;}
.ypxq li .info h3 span{ font-size: 0.65em; padding: 12px 10px; margin-top: 5px; color: #ccc; border: 1px solid #ccc; border-radius: 5px; margin-right: 10px; display: inline-block; line-height: 0.6em; float: left;}
.ypxq li .info h3 span.da{ background: #478bd1; color: #fff; border: 1px solid #478bd1;}
.num_name{ font-weight: normal; font-size: 0.7em; max-height: 1.3em; line-height: 1.3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 0.3em; color: #333;}
.sort_list span{ display: inline-block; font-size: 0.5em; width: 15%; height: 1.8em; line-height: 1.8em; text-align: center; color: #fff; border-radius: 60%; margin-right: 0.3em;float: left;}
.rx{ background: #DC322E;}
.p_subtitle{ color: #666; font-size: 0.55em; margin-bottom: 0.5em;}
.p_price{ color: #FF3F00; font-size: 0.7em;}
.p_price span{ color: #FF3F00; font-size: 0.8em;}
.p_price img{ float: right; width: auto; height: 1.3em;}、



/*药品详情*/
/*banner*/
.clearfix::before,.clearfix::after{ content: ""; display: block; height: 0; line-height: 0; visibility: hidden; clear: both;}
.layout{ width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; position: relative;}
.banner{ height: 8rem; width: 100%; overflow: hidden; position: relative;}
.banner ul:first-child{ width: 1000%; -webkit-transform: translateX(0); transform: translateX(0);}
.banner ul:first-child li{ width: 10%; float: left;}
.banner ul:first-child li a{ display: block; width: 100%; height: 100%;}
.banner ul:first-child li a img{ width: auto; height: 100%; display: block; margin: 0 auto;}
.banner ul:last-child{ position: absolute; bottom: 6px; width: 100%; text-align: center; height: auto; left: 40%;}
.banner ul:last-child li{ height: 0.45em; width: 0.45em; border-radius: 50%; border: 2px solid #ff9900; background-color: rgba(255,255,255,0); margin: 0 0.1em; display: inline-block; box-sizing: border-box; list-style: none;}
.banner ul:last-child li:first-child{ margin-left: 0;}
.banner ul:last-child li.now{ background:  #ff9900;}


/*标签*/
.biaoqian{ position: fixed; left: 0; top: 0; z-index: 1000; width: 94%; padding: 6px 3%; height: 76px; background-color: #fff; color: #000; font-size: 0.6em; border-bottom: 1px solid #ccc; display: none;}
.biaoqian img{ position: absolute; left: 3%; top: 25px; z-index: 1000;}
.biaoqian .bq{ margin: 0 auto; width: 100%; height: 76px; line-height: 76px; text-align: center;}
.biaoqian .bq a{ margin-right: 0.8em; color: #000; display: inline-block;}
.biaoqian .bq a.on{ font-weight: bold; border-bottom: 5px solid #478bd1;}


/*详情*/
.goods_name{ position: relative; padding-left: 0%; color: #333; padding: 0.5em 3%; border-bottom: 0.3em solid #f5f5f5;}
.goods_name .pro_price{ font-size: 0.8rem; color: #f53935; margin-bottom: 0.5rem;}
.goods_name .pro_price i{ font-size: 0.75rem; color: #fd3f3f;}
.goods_name .pro_price span{ font-size: 0.55rem; color: #b5b5b5; text-decoration: line-through; margin-left: 0.5rem;}
.goods_name .pro_price span.zw{ float: right; color: #ff0000; text-decoration: none;}
.goods_name .names{ font-weight: bold; font-size: 0.65rem; max-height: 2rem; line-height: 1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 0.3rem;}
.goods_name .names span{ font-size: 0.45rem; padding: 0 0.3rem; margin-top: 0.2rem; color: #ccc; border: 1px solid #ccc; border-radius: 0.1rem; margin-right: 0.2rem; display: inline-block; line-height: 0.6rem; float: left;text-align: center;height: 1rem;line-height: 1rem;}
.goods_name .names span.cfy{ color: #bb0808; border: 1px solid #bb0808;}
.goods_name .names span.fcfy{ color: #0aa247; border: 1px solid #0aa247;}
.goods_name .pro_fl{ overflow: hidden; margin-bottom: 0.2rem;}
.goods_name .pro_fl a{ border: 1px solid #478bd1; border-radius: 0.6rem; color: #478bd1; font-size: 0.45rem; padding: 0.05rem 0.3rem; margin-right: 0.3rem; display: block; float: left;}
.goods_name .pro_note{ font-size: 0.55rem; margin-bottom: 0.3rem; color: #000;}
.goods_name .pro_sm{ font-size: 0.55rem; margin-bottom: 0.3rem; color: #999;}
.goods_name .beizhu{ font-size: 0.6rem; color: #f53935;}
.goods_sppj{ padding: 0.5rem 3%; color: #333; font-size: 0.65rem; font-weight: bold; border-bottom: 0.3rem solid #f5f5f5;}
.goods_sppj i{ font-style:normal;}
.goods_sppj span{ float: right; color: #666; font-size: 0.55rem; font-weight: normal;}
.goods_sppj.spxq{ border-bottom: 0;}

.goods_basic_boxs .basicBoxs{ padding: 0 3% 0; padding-bottom: 2rem;}
.goods_basic_boxs .basicBoxs .xiangqing img{ width: 100%; height: auto;}
.goods_basic_boxs .basicBoxs .xiangqing p{ padding-bottom: 0.5rem; font-size: 0.55rem; line-height: 0.8rem; height: auto; color: #f53935;}

.div-van{min-height: 10rem;}
.div-van-row{display: flex;height: 1.5rem;font-size: 0.65rem;align-items: center;}
.div-van-row-title{display: flex;flex: 1;}
.div-van-row-hint{display: flex;flex: 1;font-size:0.55rem;color:#999;}
.div-van-row-stepper{display: flex;flex: 2;justify-content: flex-end;}
.div-van-button{position: absolute;bottom: 0.8rem;left: 0;width: 100%;display: flex;justify-content: center;}
.div-van-button button{width: 80%;}

/*购物车*/
#listdiv ul{ margin-bottom: 2em;}
#listdiv ul li{ background: #fff; border-bottom: 2px solid #f0f0f0; height: auto; overflow: hidden; box-sizing: border-box; padding: 1em 3%; position: relative;}
#listdiv ul li .lable{ width: 5%; height: auto; float: left; overflow: hidden; margin-top: 43px;}
#listdiv ul li .lable input{ width: 80%; }

#listdiv ul li .p_img{position:relative; z-index:1; margin:0 auto; width:25%; height:5em; overflow:hidden; float:left;}
#listdiv ul li .p_img img{ position: absolute; top:0; left:50%; height:100%; transform:translateX(-50%);}
#listdiv ul li .info{ width: 65%; float: left; padding-left: 3%; overflow: hidden; box-sizing: border-box; text-align: left;}
#listdiv ul li .info h3{ font-size: 32px;max-height: 80px;line-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: 10px 0;color: #333;font-weight: bold;}
#listdiv ul li .info .p_subtitle{ color: #666; font-size: 26px; margin-bottom: 10px;}
#listdiv ul li .info .p_price{ color: #FF3F00; font-size: 26px;}
#listdiv ul li .num{ position: absolute; bottom: 25px; right: 3%; width: 152px; height: 42px; box-sizing: border-box; display: block; border-radius: 30px; background: #f5f5f5;}
#listdiv ul li .num a{ width: 40px; height: 42px; line-height: 42px; display: inline-block; box-sizing: border-box; text-align: center; color: #666;}
#listdiv ul li .num a:first-child{ width: 55px;}
#listdiv ul li .num a:last-child{ width: 55px;}

.gwctjdd{ display:flex;flex-direction: column;border-top: 1px solid #ccc; height: auto;width: 100%;  position: fixed; bottom: 0; margin: 0 auto; z-index: 99999; overflow: hidden; background: #fff;}
.gwctjdd .show_free{display: flex;background: rgba(255,0,0,0.1);padding: 5px 0;justify-content: center;}
.gwctjdd .crt{height: 90px;line-height: 90px; padding: 0 3%;}
.gwctjdd .crt .lable{ width: 20%; height: auto; float: left; overflow: hidden; height: 90px; line-height: 90px;}
.gwctjdd .crt .lable input{ width: 30px; height: 30px; float: left; margin-top: 30px;}
.gwctjdd .crt .lable label{ float: left; height: 90px; line-height: 90px; margin-left: 10px;}
.gwctjdd .crt .yingfu{ font-size: 30px; float: right; margin-right: 30px;}
.gwctjdd .crt .yingfu span{ color: #ff0000; font-size: 1.1em;}
.gwctjdd .crt button{ color: #fff; float: right; font-size: 30px; height: 1.8em; line-height: 1.8em; margin-top: 0.6em; text-align: center; margin-right: 5%; border-radius: 5px; float: right; box-sizing: border-box; background: #478bd1; padding: 0 30px; border: 0;}

.gwck{ display: none;}
.gwck p{ width: 50%; margin: 40% auto 10%; font-size: 26px; color: rgb(102, 102, 102); text-align: center;}
.gwck p img{ width: 30%; height: auto; margin: 0px auto 10px; display: block;}
.gwck button{ width: 40%; height: 65px; line-height: 65px; margin: 0px auto; font-size: 30px; color: rgb(255, 255, 255); background: rgb(71, 139, 209); border-radius: 5px; text-align: center; border: 0;}

.grayDiv { width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 999; display: none;}
.box{ width: 500px; height: 332px; border-radius: 10px; border: 2px solid #ccc; background: #fff; position: fixed; top: 50%; left: 40%; margin-top: -170px; margin-left: -170px; z-index: 1000; display: none;}
.box.show{ display: block;}
.box p{ text-align: center; margin: 50px; font-size: 36px;}

.box ul{text-align: center; margin: 83px 0 0px;font-size: 1.3em; color: #478bd1; display: block; border-bottom: 2px solid #ccc;}
.box ul li {float: left;}
.box ul .qx{width: 49.8%;  text-align: center; padding: 25px 0; font-size: 1.3em; display: block; border-right: 2px solid #ccc; float: left; color: #333;}
.box ul .bq{width: 47.7%;  text-align: center; padding: 25px 0; font-size: 1.12em; display: block;  float: left; color: #333;}
.box ul .bq .qd{display: block;border: 0;background: none;width: 100%;height: 54px;line-height: 54px;text-align: center;font-size: 1.12em;color: #333;border-radius: 0;text-indent: 0;}

#calendarPanel{position: absolute; display: none; z-index: 9999; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); width: 175px; font-size: 12px; margin-left: 25px;}








/*增加数量*/
.npup_count_push{ position: relative; margin: 0.4em 0; overflow: hidden; float: left;}
.npup_count_push em{ font-weight: normal; font-size: 1em; font-style: normal;}
.npup_count_push .qua_str,.npup_count_push .qua_add{ display: inline-block; height: 1.8em; line-height: 1.8em; width: 1.2rem; vertical-align: middle; border: 1px solid #ccc; text-align: center; color: #333; float: left;}
.npup_count_push .qua_str{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #aaa;}
.npup_count_push .qua_add{ border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.npup_count_push .qua_ipt{ color: #333; border: solid #ccc; border-width: 1px 0 1px 0; height: 1.8em; line-height: 1.8em; width: 2.5em; border-radius: 0; -webkit-appearance: none; text-align: center; display: inline-block; float: left;}

.goods_basic_boxs{ }
.goods_basic_boxs ul{ overflow: hidden; background: #f8f8f8;}
.goods_basic_boxs ul li{ width: 50%; height: 2.2em; line-height: 2em; box-sizing: border-box; float: left; font-size: 0.65em; text-align: center;}
.goods_basic_boxs ul li.current{ border-bottom: 0.1em solid #478bd1; color: #478bd1;}


.footfixed{border-top: 1px solid #ccc; height: 2em;line-height: 2rem; width: 100%;  position: fixed; bottom: 0; margin: 0 auto; z-index: 999; overflow: hidden; background: #fff;}
.foot-left{ height: 2em; line-height: 2rem; float: left; width: 45%; background-color: #fff; overflow: hidden;}
.foot-left .footLink{ float: left; width: 33%; height: 2em; line-height: 2em; text-align: center; box-sizing: border-box; position: relative;}
.foot-left .footLink .goods-tel{ background: url(img/Phone-v2.png) no-repeat center 0.6em; background-size: auto 1.5em;}
.foot-left .footLink .goods-chat{ background: url(img/zixun-v2.png) no-repeat center 0.4em; background-size: auto 1.5em;}
.foot-left .footLink .detail-tosy{ background: url(../../img/home.png) no-repeat center 0.4em; background-size: auto 1.5em;}
.foot-left .footLink .goods-clect{ background: url(img/carthover-v2.png) no-repeat center 0.6em; background-size: auto 1.5em;}
.foot-left .footLink .goods-clect p{ font-style: normal; font-weight: normal; font-size: 0.8em; color: #fff; display: block; width: 1.8em; height: 1.8em; line-height: 1.8em; border-radius: 50%; background-color: #f53935; text-align: center; position: absolute; top: 4%; left: 56%;}
.foot-left .footLink a{ display: block; padding-top: 1em; font-size: 0.48em; color: #333;}

.foot-left .qx{ float: left; overflow: hidden; height: 2em; line-height: 2em; margin-left: 5%;}
.foot-left .checkStyle{ width: 1em; height: 1em; border: 1px solid #666; background:url(img/checbox.png) no-repeat center; background-size: 1em; margin-top: 3px; margin-bottom: 1px; vertical-align: middle; outline:none; -webkit-appearance: none;}
.foot-left .checkIcon{ background:url(img/checboxed.png) no-repeat center; background-size: 1em;}
.foot-left span{ font-size: 0.6em; display: inline-block; height: 2em; line-height: 2em; margin-left: 0.2em;}
.foot-left .right{ float: right;  margin-right: 5%;}
.foot-left .right .total{ font-size: 1em; color: #f53935; display: block; height: 3em; line-height: 3em;}
.foot-left .right .total b{ font-weight: normal; font-size: 1.1em;}

.foot-right{ float: left; width: 55%; height: 2em; line-height: 2em; box-sizing: border-box;}
.foot-right a{ color: #fff; width: 42%; font-size: 0.7em; height: 1.8em; line-height: 1.8em; margin-top: 0.6em; text-align: center; margin-right: 5%; border-radius: 5px; float: right; box-sizing: border-box;}
.foot-right a:nth-of-type(1){ background: #38CC76;}
.foot-right a:nth-of-type(2){ background: #FDAF42;}


/*购物车*/
.cartItems{ padding-bottom: 2em;}
.cartItems dl{ background: #fff; margin-bottom: 0.2em; padding: 0.5em 3%; overflow: hidden; margin: 0; border-bottom: 1px dashed #ccc;}
.cartItems dl:last-child{ border-bottom: 0;}
.cartItems dt{ width: 43%; float: left; padding-right: 3%; box-sizing: border-box; margin: 0;}
.cartItems dt input{ width: 1em; height: 1em; border: 1px solid #666; background:url(img/checbox.png) no-repeat center; background-size: 1em; margin-top: -57%; margin-bottom: 1px; vertical-align: middle; outline:none; -webkit-appearance: none; margin-right: 0.3em;}
.cartItems dt input.checkIcon{ background:url(img/checboxed.png) no-repeat center; background-size: 1em;}
.cartItems dt a{ display: inline-block; width: 80%; height: 4em; overflow: hidden; border: 1px solid #ddd; border-radius: 0.2em; padding: 0.2em; box-sizing: border-box;}
.cartItems dt a img{ width: 100%; height: auto;}
.cartItems dd{ width: 57%; height: 100%; float: left; box-sizing: border-box; padding-top: 0.3em; margin: 0;}
.cartItems dd p{ font-weight: normal; font-size: 0.65em; max-height: 1.3em; line-height: 1.3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 0.2em;}
.cartItems dd p.gg{ font-size: 0.55em; color: #999;}
.cartItems dd .count-price{ position: relative; overflow: hidden; height: 2.2em; line-height: 2.2em; font-size: 0.6em; padding: 0.3em 0;}
.cartItems dd .count-price .jg{ color: #f53935; display: block; height: 2.2em; line-height: 2.2em; float: right; font-size: 1.2em;}
.cartItems dd span{ font-size: 0.6em; color: #999; display: block; }

.price{ overflow: hidden; height: 1em; line-height: 1em;}
.price .jg-left{ float: left; color: #f53935; display: block; font-size: 0.8em;}
.price .jg-right{ float: right; font-size: 0.6em; display: block;}


/*需求登记*/
.needPopup{ width: 100%; margin: 0 auto; background: #f5f5f5;}
.npup_prod{ background: #fff; padding: 0.3em 3% 0; margin-bottom: 0.3em;}
.goods_names{ position: relative; padding-left: 0; color: #333; padding-bottom: 0.2em;}
.goods_names .rx_icon{ display: block; font-size: 0.5em; width: 12%; height: 1.2em; line-height: 1.2em; text-align: center; position: absolute; left: 0; top: 0.4em; color: #fff; border-radius: 60%; background: #DC322E;}
.goods_names .icon{ display: block; font-size: 0.5em; width: 12%; height: 1.2em; line-height: 1.2em; text-align: center; position: absolute; left: 0; top: 0.4em; color: #fff; border-radius: 60%; background: #028F4B;}
.goods_names .names{ font-weight: normal; font-size: 0.65em; max-height: 2.6em; line-height: 1.3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 0.2em;}

.npup_count{ overflow: hidden; padding:0 0 0.4em ;}
.npup_count .npup_count-left{ width: 60%; float: left; overflow: hidden; font-size: 0.6em; padding: 0.3em 0;}
.npup_count .npup_count-left .npup_count_txt{ float: left; display: inline-block; color: #333; height: 1.8em; line-height: 1.8em; margin-right: 1em;margin-top: 0.4em}
.npup_count .npup_count-right{ font-size: 0.9em; color: #f53935; width: 40%; float: right; height: 2.2em; line-height: 2.2em;}

.npup_form{ padding: 0.3em 3%; background: #fff;}
.npup_form dl{ padding: 0.4em 0; margin: 0; overflow: hidden; font-size: 0.6em; color: #333; border-bottom: 1px solid #ddd;}
.npup_form dl dt{ float: left; width: 30%; box-sizing: border-box; height: 2em; line-height: 2em;}
.npup_form dl dt i{ font-style: normal; color: #f53935;}
.npup_form dl dd{ float: left; width: 70%; box-sizing: border-box; margin: 0; height: 2em; line-height: 2em;}
.npup_form dl dd .sctp{ width: 4em; height: 4em; overflow: hidden; background: #f3f4f6 url(img/icon-plus.png) no-repeat center center; background-size: 4em;}
.npup_form dl dd input{ width: 100%; border: none; font-size: 0.9em; color: #333; background: #fff; height: 2em; line-height: 2em;}
.commitCheck{ text-align: center;}
.commitCheck input{ width: 7em; height: 2em; line-height: 2em; background: #478bd1; border-radius: 0.2em; color: #fff; font-size: 0.7em; margin-top: 1em;}

.gray{ background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 100;}
.tishi{ width: 70%; height: 6em; position: fixed; top: 50%; left: 50%; margin-top: -3em; margin-left: -35%; background: #fff; z-index: 110; display: none; border-radius: 0.2em;}
.tishi h3{ height: 1.8em; line-height: 1.8em; color: #478bd1; text-align: center; font-size: 0.7em; border-bottom: 1px solid #ddd;}
.tishi p{ color: #333; text-align: left; font-size: 0.65em; padding: 0.6em;}


/*需求登记*/
.xqdj{ padding-top: 88px;}
.xqdj li{ padding: 20px 3%; border-bottom: 1px solid #f0f0f0; color: #666; font-size: 30px; overflow: hidden;}
.xqdj li span{ display: inline-block; float: left; margin-right: 20px; color: #666; font-size: 30px;}
.xqdj li span i{ font-style: normal; color: #ff0000; margin-right: 5px;}
/*.xqdj li input{ width: 70%; height: 40px; line-height: 40px; float: left; color: #666; font-size: 30px; }*/
/*.xqdj li.xxyqzjb input{ margin-top: 15px; width: 100%; height: 40px; line-height: 40px; float: left; color: #666; font-size: 30px; }*/
.xqdj li input[type="radio"]{ width: 30px; height: 30px; float: none; border-radius: 50%;}
.xqdj li.cfd span{ display: block; width: 100%;}
.xqdj li.cfd .imgs{ display: block; float: left;}
.xqdj li.cfd .imgs img{ margin-top: 10px;}
.xqdj li.dianhua{ text-align: center; font-size: 28px; line-height: 44px;}
.xqdj li.dianhua i{ font-style: normal; color: #478bd1;}

.xqdj li input{ width: 70%; height: 40px; line-height: 40px; float: left; color: #666; font-size: 30px !important; margin-top: 0 !important; border: 0; -webkit-appearance: auto;}
.xqdj li.xxyqzjb input{ margin-top: 15px !important; width: 100%; height: 40px; line-height: 40px; float: left; color: #666; font-size: 30px;}


/*订单结算*/
.address{ font-size: 0.6em; padding: 1.2em 3% 1.2em; background: #fffbef; position: relative;}
.address p{ font-size: 32px; color: #000;}
.address p.userAdd{ color: #666; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 0.3rem; box-sizing: border-box; font-size: 28px;}
.address .borderB{ width: 100%; height: 0.2em; background: url(img/border_b.jpg) repeat-x left top;  background-size: contain; position: absolute; left: 0; bottom: 0;}
.address .xgdz{ position: absolute; right: 3%; top: 50px; font-size: 35px; color: #666;}

.ddjsyp{ overflow: hidden;}
.ddjsyp li{ background: #fff; border-bottom: 2px solid #f0f0f0; height: auto; overflow: hidden; box-sizing: border-box; padding: 18px 3%; position: relative;}
.ddjsyp li .p_img{position:relative; z-index:1; margin:0 auto; width:25%; height:3.5em; overflow:hidden; float:left;}
.ddjsyp li .p_img img{ position: absolute; top:0; left:50%; height:100%; transform:translateX(-50%);}
.ddjsyp li .info{ width: 75%; float: left; padding-left: 3%; overflow: hidden; box-sizing: border-box; text-align: left;}
.ddjsyp li .info h3{ font-size: 32px;max-height: 80px;line-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: 10px 0;color: #333;font-weight: bold;}
.ddjsyp li .info .p_subtitle{ color: #666; font-size: 26px; margin-bottom: 10px;}
.ddjsyp li .info .p_price{ color: #FF3F00; font-size: 26px;}
.ddjsyp li .num{ position: absolute; bottom: 25px; right: 6%; height: 30px; box-sizing: border-box; display: block; font-size: 30px;}
.ddjsyp li.xiaoji{ border: 0; float: right; font-size: 30px;}
.ddjsyp li.xiaoji span{ color: #ff0000;}

.conditions{ overflow: hidden; padding: 0.3em 3%;}
.conditions li{ overflow: hidden; border-bottom: 1px solid #e5e5e5; padding: 0.5em 0; font-size: 0.6em; height: 1.5em; line-height: 1.5em;}
.conditions li a{ display: block; color: #333;}
.conditions li .tl{ float: left;}
.conditions li .tr{ float: right; margin-right: 0.3em;}
.conditions li select.tr{ font-size: 30px; color: #666; background: url(../订单结算_files/xiala.png) no-repeat right center; background-size: auto 14px; width: 18%;}
.conditions li input{ border: 0; color: #666; border-radius: 0; background: #fff; width: 70%; height: 1.5em; line-height: 1.5em; font-size: 30px;}

.ddjsbottom{ border-top: 1px solid #ccc; height: 90px; line-height: 90px; width: 100%; position: fixed; bottom: 0; margin: 0 auto; z-index: 99999; overflow: hidden; background: #fff; padding: 0 3%;}
.ddjsbottom .total{ float: right; font-size: 30px; color: #333; margin-right: 20px;}
.ddjsbottom .total span{ color: #ff0000;}
.ddjsbottom button{ float: right; color: #fff; float: right; font-size: 30px; height: 1.8em; line-height: 1.8em; margin-top: 0.6em; text-align: center; margin-right: 5%; border-radius: 5px; float: right; box-sizing: border-box; background: #478bd1; padding: 0 30px;}


.exchange ul li{ display:flex;background: #fff; border-bottom: 2px solid #f0f0f0; height: auto; overflow: hidden; box-sizing: border-box; padding: 0.2em 3%; position: relative;}
.exchange ul li .lable{ width: 5%; height: auto; float: left; overflow: hidden;display: flex;align-items: center;justify-content: center;}
.exchange ul li .lable input{ width: 80%; }

.exchange ul li .p_img{display:flex;align-items: center;justify-content: center;position:relative; z-index:1; margin:0 auto; width:25%; height:5em; overflow:hidden; float:left;}
/*.exchange ul li .p_img img{ position: absolute; top:0; left:50%; height:100%; transform:translateX(-50%);}*/
.exchange ul li .info{ display:flex;flex-direction: column;width: 65%; float: left; padding-left: 3%; overflow: hidden; box-sizing: border-box; text-align: left;}
.exchange ul li .info>.info_title{ font-size: 32px;max-height: 80px;line-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: 10px 0;color: #333;font-weight: bold;}
.exchange ul li .info .p_subtitle{ color: #666; font-size: 26px; margin-bottom: 10px;}
.exchange ul li .info .p_price{ color: #FF3F00; font-size: 26px;}
.exchange ul li .info>.info_price{ font-size: 26px;display: flex;flex-direction: row;}
.exchange ul li .info>.info_price p{display: flex;}
.exchange ul li .info>.info_price p.p_price{display: flex;flex: 1;}



/*地址信息*/
.dzxx ul li{ padding: 30px 3%; background: #fff; border-bottom: 15px solid #f5f5f5; overflow: hidden;}
.dzxx ul li p{ font-size: 32px; color: #000;}
.dzxx ul li p.userAdd{ color: #666; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 0.3rem; box-sizing: border-box; font-size: 28px;}
.dzxx ul li a{ float: right; margin-right: 20px; color: #666; font-size: 32px;}
.dzxx ul input{ width: 80%; height: 80px; line-height: 80px; border-radius: 5px; background: #478bd1; font-size: 32px; color: #fff; margin: 80px 10% 0;}


/*添加地址*/
.xjdz{ overflow: hidden; padding-top: 88px; font-size: 30px;}
.xjdz li{ border-bottom: 1px solid #f0f0f0; padding: 0.5em 3%; overflow: hidden;}
.xjdz li span{ display: inline-block; width: 24%; box-sizing: border-box; float: left;height: 1.5em;line-height: 1.5em;}
.xjdz li input{ display: inline-block; width: 70%; box-sizing: border-box; float: left;height: 1.5em;line-height: 1.5em;margin-top: 0!important;font-size: 30px !important;}
.xjdz li select{ display: inline-block; width: 70%; box-sizing: border-box; float: left;height: 1.5em;line-height: 1.5em;}
.btn button{ width: 80%; height: 80px; line-height: 80px; border-radius: 5px; background: #478bd1; font-size: 32px; color: #fff; margin: 80px 10% 0;border: 0;}


/*购物车*/
/*.gwc{ width:950px;overflow:hidden;}*/
.gwc_tb1{ width:100%; border-top:5px solid #48b9e5; background:#d0e7fa;  margin-top:20px; overflow:hidden;padding: 10px 0}
.tb1_td0{width: 8%}
.tb1_td1{ width:12%; text-align:center;}
.tb1_td3{ width:20%; text-align:center; background:url(../images/td1.jpg) right no-repeat;}
.tb1_td4{ width:20%; text-align:center; background:url(../images/td1.jpg) right no-repeat;}
.tb1_td5{ width:15%; text-align:center; background:url(../images/td1.jpg) right no-repeat;}
.tb1_td6{ width:15%; text-align:center; background:url(../images/td1.jpg) right no-repeat;}
.tb1_td7{ width:15%; text-align:center;}

.gwc_tb2{ width:100%; margin-top:20px; background:#eef6ff; border:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px;}
.tb2_td1{ width:60px; text-align:center;}
.tb2_td2{ width:100px; text-align:center;}
.tb2_td2 img{ width:96px; height:96px; border:2px solid #c9c6c7;}
.tb2_td3{ width:170px; padding-left:12px; padding-right:18px;}
.tb2_td3 a{ font-size:26px; line-height:22px;}

.gwc_tb3{ width:100%; border:1px solid #d2d2d2; background:#e7e7e7; height:46px; margin-top:20px; }
.gwc_tb3 tr td{font-size:14px;}
.tb3_td2{ width:100px;text-align:center;}
.tb3_td2 span{ color:#ff5500;font-size:14px; font-weight:bold; padding-left:5px; padding-right:5px; }
.tb3_td3{ width:220px;text-align:center;}
.tb3_td3 span{ font-size:18px; font-weight:bold;}
.tb3_td4{ width:110px;text-align:center;}
.jz2{ width:100px; height:46px; line-height:46px; text-align:center; font-size:18px; color:#fff; background:#ee0000; display:block; float:right;}
#jz1{font-size:18px;}
.allselect{border: 1px #ccc solid;width: 25px; height:25px;margin-top: 5px;float: right;}
.checked{background-image: url(../images/checboxed.png);}

/*首页优惠*/
.youhui{ border-radius: 2%; padding: 0; margin: 0.8rem 3% 0; background: #fff; overflow: hidden;}
.youhui .yhimg{ width: 100%; height: auto;}
.youhui ul{ overflow: hidden;}
.youhui ul li{ float: left; width: 33.33%;}
.youhui ul li .yptp{ width: 100%; height: 3.5rem; margin-top: 0.5rem; overflow: hidden; cursor: pointer; justify-content: center; align-items: center; display: -webkit-flex;}
.youhui ul li .yptp img{ height: auto; width: 90%;}
.youhui ul li h4{ font-size: 0.55rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; padding: 0.4rem 0.3rem 0; margin: 0;}
.youhui ul li p.jiage{ font-size: 0.6rem; color: #fd3f3f; padding: 0.1rem 0.2rem 0.5rem;}
.youhui ul li p.jiage i{ font-size: 0.55rem; color: #fd3f3f;}


.jklj{ width: 94%; padding: 0 3%; margin-top: 0.8rem;}
.jklj h3{ font-size: 0.7rem; color: #000; margin-bottom: 0.5rem; font-weight: bold;}
.jklj h3 span{ font-size: 0.55rem; margin-left: 0.2rem; color: #666; font-weight: normal;}
.jklj .ljul{ width: 100%; margin-top: 0.5rem; overflow-x: auto;}
.jklj .ljul ul li{ float: left; width: 6rem; height: 2rem; margin-right: 0.3rem; background: #fff; overflow: hidden; border-radius: 0.2rem;}
.jklj .ljul ul li img{ width: 100%; height: auto;}


/*优惠列表*/
.yhhd{ width: 94%; height: auto; margin: 0 auto 0.5rem; border-radius: 0.3rem; overflow: hidden;}
.yhhd img{ width: 100%; height: auto; display: block;}
.yhyp{ width: 94%; height: auto; padding: 0 3%; background: #fff;}
.yhyp ul li{ padding: 0.5rem 0; border-bottom: 1px solid #eee; width: 100%; height: auto; overflow: hidden;}
.yhyp li .yptp{ float:left; width: 25%; margin-right: 2%; height: 3.5rem; overflow: hidden; cursor: pointer; justify-content: center; align-items: center; display: -webkit-flex;}
.yhyp li .yptp img{ height: auto; width: 100%;}
.yhyp li .info{ width: 73%; float: left; padding-left: 0.3rem; overflow: hidden; box-sizing: border-box;}
.yhyp li .info h4{ font-size: 0.6rem; color: #000; max-height: 1.7rem; line-height: 0.8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; margin-bottom: 0.2rem;}
.yhyp li .info h4 span{ font-size: 0.45rem; padding: 0 0.2rem; margin-top: 0.1rem; color: #ccc; border: 1px solid #ccc; border-radius: 0.2rem; margin-right: 0.2rem; display: inline-block; line-height: 0.6rem; float: left;}
.yhyp li .info h4 span.cfy{ color: #bb0808; border: 1px solid #bb0808;}
.yhyp li .info h4 span.fcfy{ color: #0aa247; border: 1px solid #0aa247;}
.yhyp li .info .zp{ margin-bottom: 0.2rem; overflow: hidden;}
.yhyp li .info .zp span{ display: block; float: left; margin-right: 0.2rem; background: #ffebeb; border-radius: 3px; font-size: 0.4rem; color: #bb0808; padding: 2px 0.2rem;}
.yhyp li .info p.jiage{ font-size: 0.7rem; color: #fd3f3f; }
.yhyp li .info p.jiage i{ font-size: 0.5rem; color: #fd3f3f;}
.yhyp li .info p.jiage span{ font-size: 0.5rem; color: #b5b5b5; text-decoration: line-through; margin-left: 0.5rem;}
.yhyp li .info p.jiage img{ width: 0.55rem; height: auto; float: right; margin-top: 0.15rem;}


/*详情优惠*/
.biaoqian{ position: fixed; left: 0; top: 0; z-index: 1000; width: 94%; padding: 6px 3%; height: 1.3rem; background-color: #fff; color: #000; font-size: 0.6rem; border-bottom: 1px solid #ccc; display: none;}
.biaoqian img{ position: absolute; left: 3%; top: 0.6rem; height: 0.7rem; width: auto; z-index: 1000;}
.biaoqian .bq{ margin: 0 auto; width: 100%; height: 1.3rem; line-height: 1.3rem; text-align: center;}
.biaoqian .bq a{ margin-right: 0.8rem; color: #000; display: inline-block;}
.biaoqian .bq a.on{ font-weight: bold; border-bottom: 0.1rem solid #478bd1;}

.xqyh{ padding: 0.5rem 3%; color: #333; font-size: 0.55rem; border-bottom: 0.3rem solid #f5f5f5; overflow: hidden;}
.yhleft{ float: left; width: 10%; font-size: 0.55rem; font-weight: bold;}
.yhright{ float: left; margin-left: 2%; width: 88%;}
.yhright li{ overflow: hidden; margin-bottom: 0.5rem;}
.yhright li:last-child{ margin-bottom: 0;}
.yhright li span{ display: block; float: left; background: #ffebeb; border-radius: 3px; font-size: 0.4rem; color: #bb0808; padding: 2px 0.2rem; margin-right: 0.5rem;}
.yhright .lj p{ float: left; border: 1px solid #bb0808; border-radius: 20px; font-size: 0.35rem; color: #bb0808; padding: 1px 0.2rem; margin-right: 0.2rem;}
.yhright .lj img{ float: right; width: 0.6rem; height: auto;}
.yhright .mj p,.yhright .zp p{ overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

.gray{ background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; display: block; z-index: 100000; display: none;}
.yhtk{ width: 94%; padding: 0.5rem 3%; height: 80%; background: #f5f5f5; position: fixed; bottom: 0; left: 0; z-index: 1000000; display: none;}
.yhtk h3{ height: 1.5rem; line-height: 1.5rem; width: 100%; position: absolute; top: 0; left: 0; font-size: 0.6rem; color: #333; text-align: center; font-weight: bold;}
.yhtk h3 img{ float: right; width: 0.45rem; height: 0.45rem; margin-top: 0.5rem; margin-right: 0.5rem;}
.yhtk .yhcx{ margin-top: 1.5rem; height: 93%; overflow-y: auto;}
.yhtk h4{ font-size: 0.55rem; color: #999; margin: 0; padding: 0; margin-top: 0.5rem; margin-bottom: 0.3rem;}
.yhtk .manj,.yhtk .zengp{ margin-bottom: 0.4rem;}
.yhtk .manj span,.yhtk .zengp span{ display: block; float: left; background: #ffebeb; border-radius: 3px; font-size: 0.4rem; color: #bb0808; padding: 2px 0.2rem; margin-right: 0.5rem;}
.yhtk .manj p,.yhtk .zengp p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.55rem;}
.yhtk ul li{ overflow: hidden; margin-bottom: 0.5rem; background: #fff; border-radius: 0.3rem;}
.yhtk ul li .yhi{ float: left; width: 32%; height: 3.5rem;}
.yhtk ul li .yhi img{ width: 100%; height: auto;}
.yhtk ul li .right{ float: left; padding: 0.4rem 2%; width: 64%; position: relative;}
.yhtk ul li .right.on{ background: url(../images/ylq.png) no-repeat right top; background-size: 2.5rem auto;}
.yhtk ul li .right h4{ font-size: 0.55rem; color: #000; margin: 0; margin-bottom: 0.2rem;}
.yhtk ul li .right p{ font-size: 0.45rem; color: #666; margin-bottom: 0.1rem;}
.yhtk ul li .right img{ position: absolute; right: 3%; bottom: 0.3rem; height: 0.9rem; width: auto;}


/*订单结算*/
.ddyhj{ width: 94%; padding: 0.5rem 3%; height: 80%; background: #f5f5f5; position: fixed; bottom: 0; left: 0; z-index: 1000000; display: none;}
.ddyhj h3{ height: 1.5rem; line-height: 1.5rem; width: 100%; position: absolute; top: 0; left: 0; font-size: 0.6rem; color: #333; text-align: center; font-weight: bold;}
.ddyhj h3 img{ float: right; width: 0.45rem; height: 0.45rem; margin-top: 0.5rem; margin-right: 0.5rem;}
.kydd{ margin: 0 auto; width: 100%; height: 1.5rem; line-height: 1.5rem; text-align: center; position: absolute; top: 1.5rem; left: 0; font-size: 0.6rem;}
.kydd a{ width: 50%; color: #000; display: inline-block;}
.kydd a.on{ font-weight: bold; border-bottom: 0.1rem solid #478bd1;}
.kyyhj{ margin-top: 3rem; height: 87%; overflow-y: auto;}
.kyyhj ul{ display: none;}
.kyyhj ul li{ overflow: hidden; margin-bottom: 0.5rem; background: #fff; border-radius: 0.3rem;}
.kyyhj ul li .yhi{ float: left; width: 32%; height: 3.5rem;}
.kyyhj ul li .yhi img{ width: 100%; height: auto;}
.kyyhj ul li .right{ float: left; padding: 0.4rem 2%; width: 64%; position: relative;}
.kyyhj ul li .right.on{ background: url(img/ylq.png) no-repeat right top; background-size: 2.5rem auto;}
.kyyhj ul li .right h4{ font-size: 0.55rem; color: #000; margin: 0; margin-bottom: 0.2rem;}
.kyyhj ul li .right p{ font-size: 0.45rem; color: #666; margin-bottom: 0.1rem;}
.kyyhj ul li .right span{ width: 0.7rem; height: 0.7rem; position: absolute; right: 3%; bottom: 0.3rem; background: url(img/wxz.png) no-repeat left top; background-size: 0.7rem auto;}
.kyyhj ul li.onc .right span{ background: url(img/xz.png) no-repeat left top; background-size: 0.7rem auto;}

