@charset "UTF-8";
/* rem */
@media only screen and (max-width:1080px),only screen and (max-device-width:1080px){
    html{font-size:33.75px;}
}
@media only screen and (max-width:960px),only screen and (max-device-width:960px){
    html{font-size:30px;}
}
@media only screen and (max-width:800px),only screen and (max-device-width:800px){
    html{font-size:25px;}
}
@media only screen and (max-width:720px),only screen and (max-device-width:720px){
    html{font-size:22.5px;}
}
@media only screen and (max-width:640px),only screen and (max-device-width:640px){
    html{font-size:20px;}
}
@media only screen and (max-width:600px),only screen and (max-device-width:600px){
    html{font-size:18.75px;}
}
@media only screen and (max-width:540px),only screen and (max-device-width:540px){
    html{font-size:16.875px;}
}
@media only screen and (max-width:480px),only screen and (max-device-width:480px){
    html{font-size:15px;}
}
@media only screen and (max-width:414px),only screen and (max-device-width:414px){
    html{font-size:12.9375px;}
}
@media only screen and (max-width:400px),only screen and (max-device-width:400px){
    html{font-size:12.5px;}
}
@media only screen and (max-width:375px),only screen and (max-device-width:375px){
    html{font-size:11.71875px;}
}
@media only screen and (max-width:360px),only screen and (max-device-width:360px){
    html{font-size:11.25px;}
}
@media only screen and (max-width:320px),only screen and (max-device-width:320px){
    html{font-size:10px;}
}
@media only screen and (max-width:320px) and (max-height:416px),only screen and (max-device-width:320px) and (max-device-height:480px){
    html.narrow-screen{font-size:8.5px;}/* 窄屏 */
}
@media only screen and (max-width:240px),only screen and (max-device-width:240px){
    html{font-size:7.5px;}
}


body{background-color: #f1f1f1; font-size:14px;color:#333;}
html,body,div,p,form,label,ul,li,dl,dt,dd,ol,img,button,b,em,strong,small,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;list-style:none;font-style:normal;font-family: "微软雅黑"; } 

/*border*/
.border1{border: 1px solid #d7d7d7;margin: 0 5px 0 5px;}
.border2{border-bottom: 1px solid #f1f1f1;}
.border3{border-bottom: 1px solid #930b2b;}
.border4{border-right: 1px solid #d7d7d7;}
.border5{border-bottom: 1px solid #d7d7d7;}
.border6{border-bottom: 1px dashed #d7d7d7;}
.border7{border-top: 1px solid #d7d7d7;}
.bd1{border: 1px solid #d7d7d7;}

.border{
	border: 1px solid #930b2b;
}

/*position*/
.ab{position: absolute;}
.rel{position: relative;}

/*溢出省略号*/
/*.elipsis{text-overflow: ellipsis;}*/

/*color*/
.c1{color: #333333;}
.c2{color: #666666;}
.c3{color: #e86603;}
.c4{color: #ca1717;}
.c5{color: #fff;}
.c6{color: #484848;}
.c7{color: #c9c9c9;}
.c8{color: #999999;}
.c9{color: #54b911;}
.c10{color: #fe676e;}
.c11{color: #ff4b4c;}
.c12{color: #920b2b;}
.c13{color: #d7d7d7;}
.c14{color: #b8b8b8;}
.c15{color: #d9d9d9;}
/*bg-color*/
.bg1{background: #fff;}
.bg2{background: #e86603;}
.bg3{background: #f1f1f1;}
.bg4{background: #ff8400;}
.bg5{background: #ff8400;}
.bg6{background: #e86603;}

/*font-size*/
.f1{font-size: 1.4rem !important;}
.f2{font-size: 1.3rem;}
.f3{font-size: 1.1rem;}
.f4{font-size: 1.5rem;}
.f5{font-size: 0.33rem;}
.f6{font-size: 0.02rem;}
.f7{font-size: 1.8rem;}
.f8{font-size: 0.7rem;}
.f9{font-size: 3rem;}
.f10{font-size: 5rem;}
.f11{font-size: 0.5rem;}
.f12{font-size: 1.2rem;}
.f13{font-size: 1.3rem;}
.f14{font-size: 1.4rem;}
.f15{font-size: 1.5rem;}
.f16{font-size: 1.5rem;}
.f17{font-size: 1.7rem;}
.f18{font-size: 1.8rem;}

.width{width: 100% !important;}

/*font-weight*/
.fw{font-weight: bolder;}

/*text-align*/
.text-l{text-align: left !important;}
.text-c{text-align: center;}
.text-r{text-align: right;}

/*float*/
.flNo{float: none;}


/*padding*/
.pl{padding-left: 0 !important;}
.pl2{padding-left: 1rem !important;}
.pr{padding-right: 0 !important;}
.pt1{padding-top: 0.6rem !important;}
.pt2{padding-top: 1rem !important;}
.pt3{padding-top: 0 !important;}
.pt4{padding-bottom: 0.6rem !important;}
.pb1{padding-bottom: 0.5rem !important;}
.pb2{padding-bottom: 1rem !important;}
.pd1{padding:0 0.6rem !important;}
.pd2{padding: 0.6rem 0 !important;}
.pd3{padding: 20px !important;}
.pd4{padding: 5px !important;}
.pd5{padding: 0 !important;}
.pd6{padding-left:2%;}
.pd7{padding: 0 15px !important;}
.pd8{padding: 1rem 0 !important;}
.pd9{padding: 0.6rem 15px !important;}
.pd10{padding: 1rem 15px !important;}

/*margin*/
.mg1{margin-top: 10px !important;}
.mg2{margin-left: 10px !important;}
.mg3{margin-top: 2px !important;}
.mg4{margin-left: 0.3rem !important;}
.mg5{margin-top: 1rem !important;}
.mg6{margin-top: 0.1rem !important;}
.mg7{margin-left: 4%;}
.mg8{margin-bottom: 2rem !important;}
.mg9{margin-left: 2%;}
.mg10{margin: 2% 0 0 2%;}
.mgb1{margin-bottom: 4.5rem !important;}
.mgb2{margin-bottom: 5.5rem !important;}
.mg11{margin-left: 1%;}
.mg12{margin-top: 0.3rem;}
.mg13{margin: 0 15px !important;}
.mg14{margin-bottom: 1rem !important;}
.mg15{margin-top: 0.8rem;}


/*提示框*/
.pupTent{
    display: block;
    width: 240px;
    margin-top: 0;
    background: rgba(88,83,83,.8);
    position: fixed;
    top: 45%;
    border-radius: 5px;
    left: 50%;
    margin-left: -120px;
    z-index: 999;
}

.pupTent p{
    color: #FFFFFF;
    text-align: center;
	font-size: 2rem;
    padding: 10px 0;
}

/*列表最小高度*/
/*.list-bottom .wine-list .inUl li,.list-middle .wine-list .inUl li{
	min-height: 18px !important;
}*/
.list-bottom .wine-list .inUl li:nth-child(3),.list-middle .wine-list .inUl li:nth-child(3){
	height: 18px !important;line-height: 18px;
}
.list-bottom .wine-list .inUl li:nth-child(2),.list-middle .wine-list .inUl li:nth-child(2){
	height: 21px;
}
.list-middle .wine-list .inUl>li:first-child{
	height: 24px !important;
}
.list-bottom .wine-list .inUl li:first-child{height: 22px !important;line-height: 22px;}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{
	outline: none;
	outline-offset: inherit;
}


/*右下角联系客服样式*/
.service_logo img{width: 1.8rem;height: 1.8rem;}

.overSeasHint{
	font-size: 1rem;
    padding: 0 15px 1rem 15px !important;
    color: #666666;
}
/*补货中*/
.replenishment{
	position: absolute;
	left: 0;
	bottom: 3rem;
	z-index: 18;
	width: 100%;
}