/**
* @ description: 鍩虹鍏敤鏍峰紡锛屽簲鐢ㄤ簬鎵�鏈夐〉闈�
* @ author: kennen
* @ update: kennen(2017.04.20)
* name: model
* tips: 妯″潡鎻忚堪
****************************************/
html,body,div,p,ul,ol,li,span,img,h1,h2,h3,h4,h5,h6,table,tr,td,thead,tbody,tfoot,a{margin: 0;padding: 0;}
html,body,div,p,ul,ol,li,img,h1,h2,h3,h4,h5,h6,table,tr,td,thead,tbody,tfoot{box-sizing: border-box;} 

li{list-style: none;}
a{text-decoration: none;} 
body{width: 100%;font-family:"Microsoft Yahei",Helvetica,Tahoma,Arial,Verdana,Sans-serif;} 
table{border-collapse:collapse;border-spacing:0;}
img{border: 0;}
.fl{float: left;}
.fr{float: right;}
.inline{display: inline-block;} 
.overflow{overflow: hidden;}
.center{text-align: center;}
.vmiddle{vertical-align: middle;}
.vtop{vertical-align: top;}
.mauto{margin: 0 auto;}
.box{box-sizing: border-box;}
.red{color: #ff0000;}
.greyFont{color: #a9a9a9;}
.darkGrey{color: #666666;}
.fontClass{color: #777777;} 
.priceColor{color:#f69623!important;}
.fontWhite{color:#FFFFFF;}
.fontBlack{color: #000000;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font22{font-size: 22px;}
.font32{font-size: 32px;}

.marginl42{margin-right: 42px;}
.marginl28{margin-right: 28px;}
.marginl20{margin-right: 20px;}
.marginl17{margin-right: 17px;}
.marginl14{margin-right: 14px;}
.marginl12{margin-right: 12px;}
.marginl10{margin-right: 10px;}

.margint30{margin-top: 30px;}
.margint22{margin-top: 22px;}
.margint16{margin-top: 16px;}
.margint12{margin-top: 12px;}
.margint8{margin-top: 8px;}

.paddingt30{padding-top: 30px;}
.paddingl30{padding-right: 30px;}
.paddingl8{padding-right: 8px;}
.paddingt22{padding-top: 22px;}
.paddingt8{padding-top: 8px;}
 
 .posabsolute{position: absolute;}
 .posrelative{position: relative;}
 
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
.dot-top {font-size: 0;line-height: 0; border-width: 8px;border-color: #cccccc; border-top-width: 0;
border-style: dashed; border-bottom-style: solid;border-left-color: transparent;border-right-color: transparent;top: 20px;}  

.dot-top-active{font-size: 0;line-height: 0; border-width: 8px;border-color: #f69623; border-top-width: 0;
border-style: dashed; border-bottom-style: solid;border-left-color: transparent;border-right-color: transparent;top: 20px;} 

.dot-bottom {font-size: 0;line-height: 0;border-width: 8px;border-color: #cccccc;border-bottom-width: 0;
border-style: dashed;border-top-style: solid;border-left-color: transparent; border-right-color: transparent;top: 30px;} 

.dot-right-active {font-size: 0;line-height: 0;border-width: 8px;border-color: #f69623;border-right-width: 0;
border-style: dashed;border-left-style: solid;border-top-color: transparent; border-bottom-color: transparent;top: 13px;}  

.dot-bottom-active {font-size: 0;line-height: 0;border-width: 8px;border-color: #f69623;border-bottom-width: 0;
border-style: dashed;border-top-style: solid;border-left-color: transparent; border-right-color: transparent;top: 30px;} 

.dot-bottom-activem {font-size: 0;line-height: 0;border-width: 8px;border-color: #f69623;border-bottom-width: 0;
border-style: dashed;border-top-style: solid;border-left-color: transparent; border-right-color: transparent;margin-top: 3px;display: inline-block;} 

.hoverAnimate{transition:0.3s ease;box-shadow: 5px 5px 15px rgba(0,0,0,0);}
 
.hoverAnimate:hover{box-shadow: 5px 5px 15px rgba(0,0,0,0.5); }
.hoverAnimate:hover img{-webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02);}
.layui-layer-dialog .layui-layer-content{overflow-y: hidden!important;text-align: right;}
/*orderProgressBar 璐墿杞︽祦绋�*/
.shopcar_head_wrap>.shopcar_head{position:relative;z-index:0;}
.orderProgressBar{width:480px;height:70px;position:absolute;left:0;top:30px;}
.orderProgressBar .progressBar{width:464px;height:22px;background:url(../img/ico-order-progress.png);background-repeat:no-repeat;}
.orderProgressBar.step-01 .progressBar{background-position:-2px -2px;}
.orderProgressBar.step-02 .progressBar{background-position:-2px -27px;}
.orderProgressBar.step-03 .progressBar{background-position:-2px -52px;}
.orderProgressBar.step-04 .progressBar{background-position:-2px -77px;}
.orderProgressBar .progressDes{height:20px;width:100%;position:relative;z-index:0;}
.orderProgressBar .progressDes .desItem{position:absolute;top:0;text-align:center;width:120px;font-size:12px;line-height:20px;color:#999;}
.orderProgressBar .progressDes .desItem.on{color:#f59523;}
.orderProgressBar .progressDes .desItem-01{left:-5px;}
.orderProgressBar .progressDes .desItem-02{left:115px;}
.orderProgressBar .progressDes .desItem-03{left:230px;}
.orderProgressBar .progressDes .desItem-04{left:345px;}
/*鍓ご*/
.arrowRight{width: 8px;height: 8px;border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform: rotate(-135deg);}
.arrowRightGrey{width: 8px;height: 8px;border-top: 2px solid #999999;border-right: 2px solid #999999;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform: rotate(-135deg);}
/**/
.headDotTop {font-size: 0;line-height: 0; border-width: 8px;border-color: #FFFFFF; border-top-width: 0;width: 8px;height:10px;margin: 0 auto;
border-style: dashed; border-bottom-style: solid;border-left-color: transparent;border-right-color: transparent;top: 0px;}
 /*layer*/
.layui-layer-title{font-size: 18px!important;text-align: right;padding: 0px 20px!important;}
.layui-layer-setwin{left: 15px;}
.layui-layer-content{font-size: 16px!important;}
.layui-layer-btn0,.layui-layer-btn1{width: 52px!important;height: 38px!important;border-radius: 8px!important;background: #E6E6E6!important;color: #FFFFFF!important;text-align: center!important;line-height: 38px!important;border: 0!important;}
.layui-layer-btn1{background: #f59524!important;}
/*notfound*/
.notfound{width: 100%;height: 500px;background: #f8f8f8;text-align: center;overflow: hidden;}
.notfound .img-item{width: 178px;height: 226px;}
.notfound .box-wrap{width: 178px;height: 300px;margin: 0 auto;margin-top: 120px;}
.notfound .box-wrap .aItem{display: block;width: 120px;height: 36px;text-align: center;line-height: 36px;color: #f5a451;font-size: 18px;
border: 1px solid #f5a451;border-radius: 5px;background: #f8f8f8;margin: 0 auto;margin-top: 20px;}


/* switch 氓录鈧モ�β趁ε掆�懊┾�櫬�*/
.switch{
    display: none;
}
.label-switch,.label-switch:before,.label-switch:after{-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
.label-switch{  width:50px;  height:30px;  background-color: #eee;  display: inline-block;  border-radius: 30px;  position:relative;  }
.label-switch:before{  content:''; width:50px; height:30px;  background-color: #aaa;  display: inline-block;  border-radius: 30px;  /*border:1px solid #ccc; */ }
.label-switch:after{  content:'';  width:30px;  height:30px;  background-color: #fff;  position:absolute;  left:50%;  top:50%;  margin-left:-25px;  margin-top:-15px;  border-radius: 50%;;  transition: all 0.3s;  }
.switch:checked+.label-switch:before{  background-color: #f69623;  border-color:#f69623;  }
.switch:checked+.label-switch:after{  transform: translateX(20px);  }