@charset "utf-8";
/* CSS Document */
.tab-tit{ padding:8px 0 8px 10px;}
.tab-list{ width:100%; overflow:hidden; background-color:#fff;}
.tab-cell{ position:relative; float:left; width:33.333%; -webkit-box-sizing:border-box; box-sizing:border-box; border-bottom:1px solid #f1f1f1; border-right:1px solid #f1f1f1; text-align:center; }
.tab-cell img{ display:block; width:100%;}
.tab-cell a{ display:block; position:absolute; top:12%; left:0; width:100%; bottom:0;}
.navico{ width:100%; height:44%; text-align:center;}
.circular{ position:relative; display:inline-block; height:100%;}
.circular img{ display:block; height:100%; width:auto;}
.circular span{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; border-radius:50%; }
.circular .wine-ico{ background:#c83158 url(../png/wine.png) no-repeat center center; background-size:58%;}
.circular .winery-ico{ background:#bc8244 url(../png/winery.png) no-repeat center center; background-size:58%;}
.circular .region-ico{ background:#5f64cf url(../png/region.png) no-repeat center center; background-size:68%;}
.circular .zhishi-ico{ background:#21b88f url(../png/yuedu.png) no-repeat center center; background-size:56%;}
.circular .article-ico{ background:#4b94df url(../png/yuandi.png) no-repeat center center; background-size:56%;}
.circular .grape-ico{ background:#7750c0 url(../png/grape.png) no-repeat center center; background-size:60%;}
.circular .live-ico{ background:#33a7f1 url(../png/live.png) no-repeat center center; background-size:60%;}
.circular .qa-ico{ background:#f2721c url(../png/qa.png) no-repeat 8px center; background-size:56%;}
.circular .zhuanti-ico{ background:#df4434 url(../png/zhuanti.png) no-repeat center center; background-size:56%;}
.circular .mall-ico{ background:#d63131 url(../png/mall.png) no-repeat center center; background-size:68%;}
.circular .kuajing-ico{ background:#377cdb url(../png/kuajing.png) no-repeat center center; background-size:80%;}
.circular .qijiu-ico{ background:#d88031 url(../png/qijiu.png) no-repeat center center; background-size:56%;}
.circular .plus-ico {background: #2c438c url(../plus-rights.html) no-repeat center center;background-size: 55%;}
.circular .jfshop-ico {background: #2c438c url(../png/b614a0d7-c950-4a4e-8569-244165a5bd4f.png) no-repeat center center;background-size: 75%;}
.circular .critic-ico{ background:#1e66f3 url("../png/critic-ico.png") no-repeat center center;background-size:contain;}

.tab-name{ width:100%; height:56%; display:-moz-box; -moz-box-pack: center; -moz-box-align: center; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; display:box; box-align:center; box-pack:center; vertical-align:middle; font-size:13px; line-height:16px;}
.tab-name i{ font-size:10px; font-style:normal; color:#666;}
@media screen and ( max-width:360px ){.tab-name{font-size:12px;}}
/*------------------------------知识大全首页顶部红色搜索框-------------------------------------*/
.topContainer {padding: 23px 10px 25px 10px;background-color: #ac1630;}
.logo{margin: 0 25px;text-align: center;padding-bottom: 20px;}
.logo img{max-width: 100%;max-height: 38px;}
.chajiu{ width:100%; height:45px; overflow:hidden; display:-webkit-flex; display:flex; -webkit-justify-content:space-around; justify-content:space-around;}
.search-wrap {position: relative;width: 100%;height: 42px;background-color: #fff;border-radius: 3px;}
.search-wrap a{ display:block; position:relative; font-size:15px; line-height:14px; color:#c3c3c3; }
.search-wrap .search-wz {display: block;position: relative;padding: 13.5px 0 14px 35px;margin-right: 45px;font-size: 15px;line-height: 14px;color: #c3c3c3;}
a.camera {position: absolute;display: block;top: 0;right: 0;width: 45px;height: 42px;font-size: 30px;color: #2057b3;text-align: center;line-height: 42px;}
.sosuo{ display:block; position:absolute; left:3px; top:0; width:32px; height:45px; line-height:42px; font-size:16px; text-align:center; color:#999;}
/*------------------------------知识大全首页顶部红色搜索框end-------------------------------------*/
.grid-menu-wrap {width: 100%;overflow: hidden;background-color: #fff;padding: 10px 0;}
.grid-menu {float: left;width: 20%;overflow: hidden;height: 1.90rem;}
.grid-menu a {width: 100%;height: 100%;-webkit-justify-content: center;justify-content: center;}
.grid-menu-item {text-align: center;}
.grid-menu-item span {display: block;margin: 0 auto;width: 0.93rem;height: 0.93rem;border-radius: 50%;background-size: .53rem;}
.grid-menu-tit {padding-top: .1rem;font-size: 14px;}
.grid-menu-tit i {display: block;font-size: 11px;color: #666;}
i, em {font-style: normal;}
.wine-ico {background: #c83158 url(../png/wine.png) no-repeat center center;}
.winery-ico {background: #bc8244 url(../png/winery.png) no-repeat center center;}
.live-ico {background: #33a7f1 url(../png/live.png) no-repeat center center;}
.region-ico {background: #5f64cf url(../png/region.png) no-repeat center center;}
.article-ico {background: #4b94df url(../png/yuandi.png) no-repeat center center;}
.zhishi-ico {background: #21b88f url(../png/yuedu.png) no-repeat center center;}
.grape-ico {background: #7750c0 url(../png/grape.png) no-repeat center center;}
.grid-menu-item .qa-ico {background: #f2721c url(../png/qa.png) no-repeat 8px center;background-size: .51rem;}
.grid-menu-item .zhuanti-ico {background: #df4434 url(../png/zhuanti.png) no-repeat center center;background-size: .51rem;}
.grid-menu-item .critic-ico {background: #1e66f3  url(../png/critic-ico.png) no-repeat center center;background-size: contain;}