@charset "utf-8";
/*header*/
header{position:relative;}
header #logo{width:80%; display:block;}
header .link{position:absolute; top:.1rem; right:.1rem;}
header .link a:first-child{margin-right:.3rem;}
header .link i{margin-right:.05rem; color:#fe9800;}
header p{text-align:right;}
header p a{padding:5px; background:#740000; color:#fe9800;}

/*tab*/
#tab{background:#fff; border:1px solid #e3e3e3; border-radius:2px;}
#tab li{float:left; width:33.3333%; text-align:center; color:#555; font-size:.3rem; padding:.1rem 0; background:#ededed; border-bottom:1px solid #e3e3e3;}
#tab li:nth-child(2){border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; box-sizing:border-box;}
#tab li.on{border-bottom-color:#fff; background:#fff;}
#tab a{display:block; padding:.2rem;}
#tab a .wine{width:30%;}
#tab a div.fr{width:70%;}
#tab a h3{font-weight:normal; color:#765639; font-size:.25rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:.1rem 0;}
#tab a time{display:block; padding-bottom:.1rem; color:#555;}
#tab a span{color:#740000;}
#tab a i{margin-right:.05rem; color:#fe9800;}

/*#nav1*/
#nav1 div{float:left; width:33.3333%; box-sizing:border-box; text-align:center; padding:.1rem;}
#nav1 div a{display:block; background:#bb8f67; color:#fff; padding:.2rem 0;}
#nav1 div a.n1{background:#bb8f67;}
#nav1 div a.n2{background:#fe9800;}
#nav1 div a.n3{background:#e84242;}
#nav1 div i.fa{display:block; margin-bottom:.1rem; font-size:.5rem;}

/*hot*/
#hot{display:block; background:#fe9800;}
#hot span{width:25%; text-align:center; color:#740000; box-sizing:border-box; padding:.1rem;}
#hot span b{display:block; margin-top:.25rem;}
#hot span em{font-size:.2rem;}
#hot img{width:75%;}

/*list*/
#list{background:#fff; border:1px solid #e3e3e3;}
#list a.item{display:block; padding:.2rem; border-bottom:1px dashed #740000;}
#list a.item .wine{width:20%;}
#list a.item div.des{width:75%;}
#list a.item h3{font-weight:normal; color:#765639; font-size:.25rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:.1rem 0;}
#list a.item time{display:block; padding-bottom:.1rem; color:#555;}
#list a.item span{color:#740000;}
#list a.item i{margin-right:.05rem; color:#fe9800;}
#list a.item em{width:5%; font-size:.4rem; font-family:"宋体"; text-align:right; padding-top:.5rem;}
#list a.more{display:block; color:#fff; text-align:center; background:#FE9800;}
#list a.more i{margin-right:.05rem;}

/*nav2*/
#nav2{background:#fff; border:1px solid #e3e3e3;}
#nav2 i{margin-right:.05rem;}
#nav2 a{text-align:center; font-size:.3rem; color:#555; width:33.333%; float:left;}
#nav2 a:nth-child(2){border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; box-sizing:border-box;}

/*footer*/
footer{font-size:.22rem; color:#555; text-align:center; padding:.3rem;}






@media (max-width:560px){
	html{font-size:500%;}
}

@media (max-width:450px){
	html{font-size:400%;}
}
@media (max-width:414px){
	#tab a .wine img{max-height:1.5rem;}
	#list a.item .wine img{max-height:1.35rem;}
}

@media (max-width:360px){
	html{font-size:350%;}
}