/*快速导航*/
.public-aside-wrap{position: fixed;top: 19rem;right: -14rem;width: 17.6rem;z-index: 101;
min-height: 3rem;
transition: 1s right;
-webkit-transition: 1s right;
-moz-transition: 1s right;
-ms-transition: 1s right;
}

.public-aside-top{background: rgba(0,0,0,0.75);color: white;cursor:pointer;
padding: 0.58823rem 0.58823rem 0.58823rem 0.3rem;float: left;
border-top-left-radius: 0.3rem;-webkit-border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;-webkit-border-bottom-left-radius: 0.3rem;}
.ce_slide_left{right:0}
.public-aside-wrap .title{font-size: 0.71rem;float: left;padding: 0 !important;background: none !important;width:1.5rem;height:1.8rem;}
.public-aside-wrap .aside-dx{width:1.3rem;height: 1.3rem;position: relative;top: 0.315rem;
background:url(../images/pro-icon.png) no-repeat top left;background-size: 8rem auto;
background-position: -6rem -2rem;
}
.public-aside-wrap .aside-dx img{width: 100%;height: 100%;}
.public-aside-wrap .aside-nav{background: white;padding-top: 0.49rem;overflow: hidden;height: 3.5rem;position: absolute;
width: 14rem;right: 0;font-size: 0.8rem;top: -0.5rem;
border-top-left-radius: 0.3rem;-webkit-border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;-webkit-border-bottom-left-radius: 0.3rem;
}
.public-aside-wrap .aside-nav .aside-nav-icon{display: block;margin: auto;width: 1.3rem;height: 1.3rem;margin-top: 0.4rem;margin-bottom: 0.1rem;
background:url(../images/pro-icon.png) no-repeat top left;background-size: 8rem auto;background-position: -4rem 0;
}
.public-aside-wrap .aside-nav .ani-2{background-position: -4rem -4rem;}
.public-aside-wrap .aside-nav .ani-3{background-position: -4rem -2rem;}
.public-aside-wrap .aside-nav .ani-4{background-position: -5.9rem -6.02rem;}
.public-aside-wrap .aside-nav:after{content: "";display: block;clear: both;}
.public-aside-wrap .aside-nav li{float: left;width: 25%;text-align: center;}
.public-aside-wrap .aside-nav img{width: 1rem;height: 1rem;margin-top: 0.5rem;}
.ce_icon{background-position:-6rem -4rem !important}
/*遮罩层*/
.mask{position: fixed;top: 0;left:0;width: 100%;background: rgba(0,0,0,0.5);z-index: 100;opacity:0;transition: 0.5s opacity;}
.mask-html{overflow:hidden;width: 100%;}/*遮罩层时设置根节点*/

/*加减*/
.btn_number{float: right;margin-right: 1rem;}
.btn_number button{background: rgb(242,242,242);color: rgb(204,204,204);width: 1.7647rem;height: 1.7647rem;text-align: center;line-height: 1.7647rem;font-size: 0.9rem;}
.btn_number input[type="text"]{width: 3rem;text-align: center;text-align: center;}
.btn_number input[type="number"]{width: 3rem;text-align: center;text-align: center;}
.btn_number .active{background: rgb(230,230,230);color: rgb(153,153,153);}
/*加减--带border*/
.border-btn-number{position: relative;height: 1.7647rem;width: 6.47rem;border: 1px solid rgb(245,245,245);padding-top: 0;margin-top: 0.5rem;float: none;}
.border-btn-number input[type="text"]{position: absolute;height: 1.6rem;left: 1.8rem;width: 2.9rem;margin: 0;padding: 0;z-index: 1;}
.border-btn-number button{background: #fff;color: rgb(100,100,100);position: absolute;z-index: 2;}
.border-btn-number .btn_minues{left: 0;top: 0rem;border-right: 1px solid rgb(245,245,245);}
.border-btn-number .btn_add{right: 0;top: 0rem;border-left: 1px solid rgb(245,245,245);}
.border-btn-number .active{background:#FFFFFF !important;color:black;}

/*加入购物车*/
.list_btn button{width: 50%;text-align: center;padding: 0;color: white;background: red;float: left;font-size: 0.8823rem;line-height:2.941rem}
.list_btn .goods_btn{background: rgb(255,150,0);}
.list_btn .buy_btn{background: rgb(242,48,49);}
.list_btn .confirm{width: 100%;}
/*正在加载*/
.count-add{font-size:0.8235rem;color:Rgb(153,153,153);padding:0.4111rem 0;text-align:center;width:3.3rem;overflow:hidden;margin:auto;white-space:nowrap;
animation:c_width 3s linear infinite;-webkit-animation:c_width 3s linear infinite;-moz-animation:c_width 3s linear infinite;
}
@keyframes c_width{
    0%{width:3.3rem}
    24.5%{width:3.3rem}
    25%{width:3.5rem}
    49.5%{width:3.5rem}
    50%{width:3.7rem}
    74.5%{width:3.7rem}
    75%{width:3.9rem}
    100%{width:3.9rem}
}
@-webkit-keyframes c_width {
   0%{width:3.3rem}
    24.5%{width:3.3rem}
    25%{width:3.5rem}
    49.5%{width:3.5rem}
    50%{width:3.7rem}
    74.5%{width:3.7rem}
    75%{width:3.9rem}
    100%{width:3.9rem}
}
@-moz-keyframes c_width{
    0%{width:3.3rem}
    24.5%{width:3.3rem}
    25%{width:3.5rem}
    49.5%{width:3.5rem}
    50%{width:3.7rem}
    74.5%{width:3.7rem}
    75%{width:3.9rem}
    100%{width:3.9rem}
}
.count-none{font-size:0.8235rem;color:Rgb(153,153,153);padding:0.4111rem 0;text-align:center}

/*猜你喜欢*/
.public_love{background: rgb(245,245,245);}
.public_love .public_img_Wrap{width: 100%;height: 10.5rem;}
.public_love .list{width: 49.3%;background: #fff;margin-bottom: 0.4411rem;padding-bottom: 0.4411rem;min-width: 40%;}
.public_love .price{color: rgb(242,48,49);padding: 0.8823rem 0.5882rem 0 0.5882rem !important;white-space: nowrap;
font-size: 0.8823rem !important;line-height: 0.8823rem !important;
}
.public_love .list:nth-child(even){margin-right:1.4%;}
.public_love .title{padding: 0.5882rem 0.5882rem 0 0.5882rem;}
.public_love .liang{color: rgb(102,102,102);font-size: 0.71rem;line-height: 0.8823rem;}
.public_love img{width: 100%;max-height: 100%;}
.drop-parent a:after{content:"";display:block;clear:both}
.public_love:after{content: "";display: block;clear: both;}
.public_love .product-img{width: 100%;height:10.8465rem;}
@media only screen and (min-width: 640px) {
	.public_love .product-img{width: 100%;height:315px;}
    .public_love .public_img_Wrap{width: 100%;height: 320px;}
}

/*隐藏消息/商品详情头部*/
.hide_nav{position: absolute;right: 0.5rem;top: 2.5rem;width: 3.2rem;background: #FFFFFF;z-index: 105;padding: 0.3rem;font-size: 0.8rem;line-height: 1.7rem;display: none;}
.hide_nav img{float: left;width: 1rem;margin-right: 0.2rem;margin-top: 0.3rem;}

/*头部返回*/
.public-back-wrap{text-align: center;font-size: 1rem;line-height: 1rem;padding: 0.7647rem 0;color: #000000;background: #fff;border-bottom: 1px solid rgb(245,245,245);position: relative;}
.public-back-a{position:absolute;left: 0.7333rem;top: 0.7647rem;width: 1rem;height: 1rem;background: url(../images/left.png) no-repeat center left;background-size:auto 1rem;cursor: pointer;}
.public-edi{display: block;position: absolute;right: 0.7333rem;font-size: 0.8823rem;top: 0.7647rem;padding: 0;line-height: 1rem;color: rgb(102,102,102);}
#back_Wrap{position: fixed;left: 0;top: 0;width: 100%;max-width: 640px;background: #fff;z-index: 999;}
@media only screen and (min-width: 640px) {
	#back_Wrap{left: 50%;margin-left: -320px;}
}


/*产品列表*/
.public-od-con{padding: 0.7588rem 0.7333rem;background: #FFFFFF;display:flex;display:-webkit-flex;justify-content:space-between }
.public-od-con:after{content:"";display: block;clear: both;}
.public-od-con-img{width: 4.5rem;height: 4.5rem;min-width:4.5rem;min-height:4.5rem;
}
/*border: 1px solid rgb(230,230,230);padding: 0.3rem;**/
.public-od-con h1{padding: 0;font-size: 0.7647rem;font-weight: normal;color:black;line-height: 1.2rem;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
/*min-height: 2.3474rem;*/
}
.public-od-cen{width: 11rem;font-size: 0.71rem;color: rgb(153,153,153);flex-grow:111}
.public-od-cen .od-cen-btn{border: 1px solid rgb(242,48,49);color: rgb(242,48,49);font-size: 0.71rem;line-height: 0.71rem;
padding: 0.3rem 0.6rem;
}
.public-od-cen .mg-bottom-3{margin-bottom: 0.2rem;}
.public-od-cen .yuyue{
    border:1px solid rgb(242,48,49);color:rgb(242,48,49);padding:0.31rem 0.7666rem;margin-right:0.5rem;margin-top:0.3rem;font-size:0.71rem;
    border-radius:0.2rem;-webkit-border-radius:0.2rem;-ms-border-radius:0.2rem;-moz-border-radius:0.2rem;cursor:pointer;
}
.public-od-cen a{
    display:inline-block;
    border:1px solid rgb(242,48,49);color:rgb(242,48,49);padding:0.31rem 0.7666rem;margin-right:0.5rem;margin-top:0.3rem;font-size:0.71rem;
    border-radius:0.2rem;-webkit-border-radius:0.2rem;-ms-border-radius:0.2rem;-moz-border-radius:0.2rem;cursor:pointer;
}
.public-od-price{overflow: hidden;text-align: right;}
.public-od-price .price{color: rgb(242,48,49);}
.public-count{color: rgb(153,153,153);line-height: 1.2rem;}

.public-od-or{background: #FFFFFF;margin-top: 1rem;}
input[type="checkbox"]{width: 1.2rem;height: 1.2rem;border: 1px solid rgb(124, 115, 115);}
.public-od-pay .title{position: relative;text-indent: 1.8rem;}
.public-od-pay .pay-icon{position: absolute;width: 1.5rem;height: 1.5rem;left: 0.5rem;top: 0.7rem;}
.public-od-mes input[type="text"]{font-size: 0.8rem;width: 95%;}
.public-od-oder{padding-bottom: 1rem;}
.public-od-oder button{color: white;background: rgb(242,48,49);width: 100%;padding: 0.6rem 0;font-size: 0.9rem;}
.public-od-con .price{color: rgb(242,48,49);font-size: 0.8823rem;line-height: 1.2rem;}
.public-od-con .count{color: rgb(102,102,102);font-size: 0.8235rem;line-height: 1.2rem;}
.public-od-auto{position: relative;overflow: hidden;width: auto;}
.public-od-con .red{color: rgb(242,48,49);}
/*产品列表*/

/*footer-slide 底部滑出部分*/
.public-footer-slide{bottom:0;left: 0;width: 100%;z-index: 110;background: #fff;opacity: 0;transition: 0.5s bottom,1s opacity;-webkit-transition: 0.5s bottom,1s opacity;}
.public-footer-slide .group{height: 15rem;overflow-y: scroll;clear: both;min-height: 10rem;}
.public-footer-slide .group::-webkit-scrollbar{
    width:0;
}

.public-footer-slide .top .close{position: absolute;top: 0.5rem;right: 0rem;width: 1.5rem;height: 1.5rem;cursor:pointer}
.public-footer-slide .select_ready{word-break: break-all;}
.public-footer-slide .list{font-size: 0.9rem;}
.public-footer-slide .list ul .active{border: rgb(242,48,49);border: 1px solid rgb(242,48,49);color: rgb(242,48,49);}
.public-footer-slide .list ul li{display:inline-block; margin-right: 0.8235rem;border:1px solid rgb(200,200,200);color: rgb(146,146,146);padding: 0 1.411rem;border-radius: 0.2rem;-webkit-border-radius: 0.2rem;margin-bottom: 0.8235rem;line-height: 1.7rem;}
@media only screen and (min-width: 640px) {
	.public-footer-slide{width: 640px;left: 50%;margin-left: -320px;}
}
.public-footer-slide .img{top: -1rem;background: #fff; width: 6rem;height: 6rem;}
.public-footer-slide .right{overflow: hidden;}
.public-footer-slide .right .price{color: rgb(242,48,49);font-size: 1rem;}
.public-footer-slide .footer-slide .img img{width: 6rem;height: 6rem;}
.public-footer-slide .btn_number{float: right !important;margin-right: 1rem;}
.public-footer-slide .public-info{text-align: center;padding: 0.8rem 1rem;}
.public-footer-slide .public-info .close{position: absolute;right: 1rem;width: 1.5rem;top: 0.6rem;}

/*关闭弹窗*/
.del_comfirm{position: fixed;z-index: 121;width:17rem;background: #FFFFFF;left:50%;margin-left: -8.5rem;top: 25%;padding: 0.8235rem 0rem 1.41rem 0;font-size: 1rem;
}
.del_comfirm_icon{height: 1.5rem;margin:0 0.7333rem;
}
.del_phone input[type="text"]{box-shadow: 0 0 0 1px rgb(245,245,245);width: 100%;font-size: 0.70588rem;margin: 0;padding: 0.7rem 0;text-indent: 0.35rem;margin-bottom: 0.8235rem;margin-top: 0.8235rem;}
.del_phone_item .dpi_left{width: 9rem;float: left;margin-right: 0.94rem;}
.del_phone_item:after{content: "";display: block;clear: both;}
.del_phone_item .dpi_right{position: relative;overflow: hidden;padding-bottom: 0.3rem;}
.del_phone_item .dpi_left input[type="text"]{box-shadow: 0 0 0 1px rgb(245,245,245);width: 100%;font-size: 0.70588rem;margin: 0;padding: 0.7rem 0;text-indent: 0.35rem;margin-bottom: 0.8235rem;}
.del_comfirm_icon span{display: inline-block;height: 100%;width: 1.5rem;background: url(../images/close.png) no-repeat right;
background-size: 1.5rem 1.5rem;float: right;cursor: pointer;}
.del_phone_item .dpi_right button{font-size: 0.70588rem;color: rgb(242,48,49);padding: 0.7rem 0;margin: 0;width: 98%;box-shadow: 0 0 0 1px rgb(242,48,49);margin-top: 1px;margin-left: 1px;}
.del_phone_item .dpi_right .dpi_clicked{color: rgb(153,153,153);box-shadow: 0 0 0 1px rgb(204,204,204);-webkit-box-shadow: 0 0 0 1px rgb(204,204,204);}
.bind_btn{color: white;background: rgb(242,48,49);width: 100%;padding: 0.7647rem 0;font-size: 0.8823rm;margin: 0;border-radius: 0.3rem;-webkit-border-radius: 0.3rem;cursor: pointer;}
.del_comfirm .del-close{width: 1.5rem;}
.del_title{text-align:left;padding:0 1.52rem;font-size:1rem;margin-bottom:2rem;}
.del_btn{text-align: right;}
.del_btn button{margin-right: 1rem;background: #FFFFFF;font-size: 0.8823em;cursor: pointer;}
.del_btn a{margin-right: 1rem;background: #FFFFFF;font-size: 0.8823em;cursor: pointer;}
.del_btn #queding{color: rgb(242,48,49);}
.del_icon{padding:0 1rem;text-align:right;}
.del_icon em{display:inline-block;width:1.2rem;height:1.2rem;background:url(../Images/close.png) no-repeat center;background-size:100% 100%;}
@media only screen and (min-width: 640px) {
	.del_comfirm{left: 50%;margin-left: -160px;}
}
/*关闭弹窗---end*/

/*底部菜单*/
.bottom-nav{width: 100%;max-width: 640px;height: 3.2rem;background: #FFFFFF;position: fixed;left: 0;bottom: 0;border-top: 1px solid rgb(245,245,245);font-size: 0.8rem;z-index:99}
@media only screen and (min-width: 640px) {
	.bottom-nav{left: 50%;margin-left: -320px;}
}
.bottom-nav:after{content: "";display: block;clear: both;}
.bottom-nav ul{width: 100%;}
.bottom-nav li{width: 25%;text-align: center;padding-top: 0.52rem;float: left;cursor:pointer}
.bottom-nav img{width: 1rem;height: 1rem;}
.bottom-nav em{font-style: normal;display: block;margin-top: 0.2rem;}
.bottom-nav .bottom-icon{
    width: 1.4rem;height: 1.2rem;line-height: 1.2rem;margin: auto;
    background: url(../images/footer-icon.png) no-repeat top left;
    background-size: 6.5rem;
}
.bottom-nav .bottom-icon2{
    width: 1.4rem;height: 1.2rem;line-height: 1.2rem;margin: auto;
    background-size: 6.5rem;
}
.bottom-nav .nav1{background-position:-2% 0;}
.bottom-nav .nav2{width: 1.6rem;background-position:31% 0;}
.bottom-nav .nav3{background-position:70% 0;}
.bottom-nav .nav4{background-position:102.5% 0;}
.bottom-nav .active{color: rgb(242,48,49);}
.bottom-nav .active .nav1{background-position:-2% 100%;}
.bottom-nav .active .nav2{width: 1.6rem;background-position:31% 100%;}
.bottom-nav .active .nav3{background-position:70% 100%;}
.bottom-nav .active .nav4{background-position:102.5% 100%;}
/*底部菜单--end*/
.checked_bg {
    background:url(../Images/xiangqing-icon.png) top left no-repeat !important;background-size:0.8rem auto !important;
    background-position:100% 89% !important;
}

/*所有的联系客服*/
.public-server{color: rgb(102,102,102);text-align: center;margin: 1.17rem 0;}
.public-server img{width: 1rem;height: 1rem;margin-right: 0.2rem;position: relative;top: 0.15rem;}
/*联系客服--end*/

/*版权*/
.copy_wrap{padding: 0.5rem 1.4rem;text-align: center;color: rgb(153,153,153);line-height: 1.35rem;}
.copy_wrap .dp_link{display: block;margin: 1.5rem 0;background: white;font-size: 0.8823rem;line-height: 2.3529rem;}
.copy_fixed{position:fixed;width:100%;padding:1rem 0;left:0;bottom:0}
.copy_wrap img{max-width:4rem;}
.three-link{font-size: 0.71rem;margin-bottom: 1.5rem;}
.three-link a{display: inline-block;margin: 0 0.5rem;}
.copy_title{font-size: 0.8823rem;}
.copy_name{font-size: 0.71rem;}
.once-link{margin-top:0.5rem}
.once-name{padding-top:0.5rem}
/**/

/*关注我们头部*/
.mdl-dp-top{color: white;font-size: 0.8823rem;position:fixed;top:0;left:0;width:100%;z-index:99;max-width:640px;}
.mdl-dp-topw{display: flex;display: -webkit-flex;justify-content: space-between;background: rgba(0,0,0,0.7);
padding: 0 1rem;line-height: 2.3rem;}
.mdl-dp-topw div{cursor:pointer}
.mdl-dp-name{padding-left: 1.2rem;background: url(../images/top_dp.png) no-repeat center left;background-size: 1rem 1rem;
max-width: 8rem;white-space: nowrap;overflow: hidden;color:white}
.mdl-dp-tan-w{position: fixed;top: 0;left:0;width: 100%;z-index: 105;color: white;font-size: 0.8235rem;max-width:640px}
@media only screen and (min-width: 640px) {
	.mdl-dp-tan-w{left: 50%;margin-left: -320px;}
    .mdl-dp-top{left:50%;margin-left:-320px}
}
.tan-close{height: 1.7rem;background: url(../Images/close-white.png) no-repeat right;background-size: 1.5rem 1.5rem;background-position-x:96%;padding: 0.5rem 1rem 2rem 0;}
.tan-emw{width: 10rem;height: 10rem;margin: 0 auto;}
.tan-emw img{width: 100%;height: 100%;}
.tan-tip{text-align: center;line-height: 3rem;;border-bottom: 1px solid rgba(255,255,255,0.5);margin: 0 1rem;}
.tan-b-tip{margin: 0;}
.tan-b-t{text-align: center;line-height: 2rem;font-size: 0.8823rem;padding-top: 0.5rem;padding-bottom:0.3rem}
.tan-b-c{padding-left: 25%;line-height: 1.3rem;}
@media only screen and (min-width: 640px) {
	.tan-b-c{padding-left:34%}

}
/*关注我们头部顶部*/

/*没有数据--显示*/
.show-nolist{text-align:center;color:rgb(153,153,153);font-size:0.8235rem;}
.show-nolist img{margin-bottom:1rem;width:20%;margin-top:1.5rem}
.index-nolist{margin-top:40%}