@charset "utf-8";
body{ width:100%; max-width:100%; padding:0;margin:0;color:#333;font-family:Helvetica,Arial,sans-serif; font-size:14px;}
form,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,input{padding:0;margin:0;list-style:none;}
input[type="text"],input[type="button"],textarea{ -webkit-appearance:none; border-radius:0px;}
a:link{color:#222;text-decoration:none}
a:visited{color:#222;text-decoration:none}
a:hover{color:#222;text-decoration:none}
a:active{color:#222;text-decoration:none}
a.blinks:link{color:#2057b3;text-decoration:none}
a.blinks:visited{color:#2057b3;text-decoration:none}
a.blinks:hover{color:#2057b3;text-decoration:none}
a.blinks:active{color:#2057b3;text-decoration:none}
.box{ width:100%; overflow:hidden;}
.box2{ padding:0px 15px;}
.box3{ padding:0px 10px;}
a.linkbox{ display:block;}
.wlist{ width:100%; overflow:hidden; padding:15px 0; background:url(../images/line1.svg) no-repeat left bottom;}
.wlist dt{ float:right; width:90px;}
.wlist dd{ display:block; padding:0 100px 0 0; font-size:12px; color:#999; line-height:16px;}
.wlist2{ width:100%; overflow:hidden; padding:15px 0; background:url(../images/line1.svg) no-repeat left bottom;}
.wlist2 dt{ float:right; width:82px;}
.wlist2 dt img{ display:block; width:80px; border:1px solid #f3f3f3;}
.wlist2 dd{ display:block; padding:0 90px 0 0; font-size:12px; color:#999; line-height:16px;}
.wtit{ display:block; font-size:18px; line-height:20px; color:#333; padding-bottom:5px;}
.bigimg{ float:left; width:50%; background:url(../images/line1.svg) no-repeat left bottom;}
.bigimg a{ display:block; padding:10px;}
.bigimg a:nth-child(odd){background:url(../images/vline.svg) no-repeat right top;}
.bigpic{ text-align:center; overflow:hidden;}
.bigpic img{ display:block; width:90%; margin:0px auto;}
.bigpic2{ width:100%;  text-align:center; overflow:hidden;}
.bigpic2 img{ display:block; width:100%; margin:0px auto;}
.bigpic3{ text-align:center; overflow:hidden;}
.bigpic3 img{ display:block; width:68%; margin:0px auto;}
.bigpic4{ text-align:center; overflow:hidden;}
.bigpic4 img{ display:block; width:80%; margin:0px auto;}
.bigpic5{ text-align:center; overflow:hidden;}
.bigpic5 img{ display:block; width:80%; margin:0px auto;}
.bigimg2{ float:left; width:33.333%; background:url(../images/line1.svg) no-repeat left bottom;}
.bigimg2 a{ display:block; padding:15px 10px 10px 10px; background:url(../images/vline.svg) no-repeat right top;}
.guoqi{ width:100%;  text-align:center; overflow:hidden;}
.guoqi img{ display:block; width:80%; margin:0px auto;}
.btit{ width:100%; overflow:hidden; text-align:center; white-space:nowrap; text-overflow:ellipsis; font-size:15px; padding:8px 0 2px 0; }
.btit2{ width:100%; overflow:hidden; text-align:center; line-height:18px; padding:8px 0 2px 0; }
.smalltit{ display:inline-block;  font-size:12px; color:#aaa; padding-left:5px;}
.tit-en{ display:block;  font-size:12px; color:#aaa;}
.atit{ padding:20px 0 18px 0; font-size:22px; background:url(../images/line1.svg) no-repeat left bottom; color:#000;}
.winebox{ padding:18px 0 30px 0; line-height:30px; font-size:18px; color:#555;}
.winebox p{  padding-bottom:12px;}
.winebox .wine-bt{ font-weight:bold;}
.wineImg img{ display:block; width:100%;}
.winebox2, .winebox-pf{  line-height:30px; font-size:18px; color:#555; }
.winebox2 p, .winebox-pf p{ padding-bottom:12px;}
.wineImg2 img{ display:block; width:100%;}
.wlabel{ padding:10px 0 15px 0; }
.wlabel img{ display:block; width:100%;}
.wlabel p{  padding:10px 0px; text-align:center;}
.WLlist{ padding:0 0 30px 0;}
.itm{ padding:20px 15px 15px 15px; margin-bottom:8px; font-size:20px; line-height:26px; background:#f1f5f8 url(../images/line1.svg) no-repeat left bottom; color:#000; }
.font1{ display:block; font-size:14px; color:#aaa;  margin-bottom:-3px; }
.font2{ display:block; padding-top:5px; font-size:16px; margin-top:-3px; line-height:20px;  }
.font3{ display:block; font-size:14px; color:#5e72bc; margin-bottom:-6px; }
.font4{ font-size:18px;}
.font5{ display:block; font-size:16px; padding:4px 0 0 11px; line-height:18px; color:#8d98a0;}
.font6{ display:inline-block; padding-left:15px; color:#555; font-weight:normal;}
.font7{ display: inline-block; font-size:14px; line-height:18px; border-radius:3px; background-color:#85b6ee; color:#fff; padding:3px 10px; }
.wfont1{ color:#dd0000;}
.wfont3{ color:#dd0000;}
.ctit{ padding:12px 0 10px 0; font-size:18px; color:#000; font-weight:bold;}
.winery-img{ padding:10px 0 18px 0; text-align:center;  background:url(../images/line1.svg) no-repeat left bottom;}
.winery-img img{ max-width:80%;}
.winery-qt{ width:100%; padding:8px 0 30px 0; background:url(../images/line1.svg) no-repeat left top;}
.winery-i{ padding:10px 0; font-size:18px; line-height:30px; background:url(../images/dashline.svg) no-repeat left bottom;}
.pad{ padding-bottom:30px;}
.pad2{ padding-top:10px;}
.floatdiv{ float:left; width:33.333%;}
.reglist{ float:left; width:50%;  background:#f6f6f6 url(../images/line1.svg) no-repeat left bottom;}
.reglist a{ display:block; padding:14px 15px 14px 10px; font-size:16px; }
.reglist a:nth-child(odd){background:url(../images/vline.svg) no-repeat right top;}
.toico{ float:right; display:block; height:15px; width:8px; background:url(../images/to.png) no-repeat 0px 5px; background-size:6px auto;}
.rating-org{ width:100%; overflow:hidden;}
.rating-org dt{ float:left; width:82px; font-size:18px;}
.rating-org dt img{ display:block; border:1px solid #e3e8ec;}
.rating-org dd{ padding:8px 0 0 92px;}
.book{ padding:8px 0 5px 0; text-align:center;}
.combox{ border:1px solid #e6e6e6; border-bottom:0px;}
.tabs td{ font-size:14px ; padding:10px; line-height:18px; background:url(../images/line1.svg) no-repeat left bottom;}
.tabs td img{ display:block; width:60px;}
.bg{ position:fixed; width:100%; height:100%; z-index:-1; bottom:0px; top:0px; background:url(../images/bg.jpg) no-repeat center top; background-size: cover;}
.wineitm{ width:100%; padding:0 0 40px 0; }
.wine-pad{ width:100%; overflow:hidden; padding:20px 0 0 6px; box-sizing:border-box;}
.wine-pad li{ float:left; width:33.3333%; padding-bottom:6px; padding-right:6px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.wine-pad li a{ display:block; width:100%; background-color:#48afe3;}
.wine-pad li a.bcolor2{ background-color:#aa5881;}
.wine-pad li a.bcolor3{ background-color:#717ac5;}
.wine-pad li a.bcolor4{ background-color:#c68541;}
.wine-pad li a .aicon{ display:block; height:42%; padding-top:18%;}
.wineico{ display:block;height:100%;}
.winesort{ background:url(../images/appico_98.png) no-repeat center center; background-size:contain;}
.wine-pad li a .objname{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-pack:center; box-align:center; width:100%; height:40%;  font-size:1em; color:#fff; text-align:center; vertical-align:middle; }
.sommelier{ background:url(../images/appico_101.png) no-repeat center center; background-size:contain;}
.winelabel{ background:url(../images/appico_10.png) no-repeat center center; background-size:contain;}
.tastine{ background:url(../images/appico_38.png) no-repeat center center; background-size:contain;}
.drinks{ background:url(../images/appico_03.png) no-repeat center center; background-size:contain;}
.grading{ background:url(../images/appico_05.png) no-repeat center center; background-size:contain;}
.chateau{ background:url(../images/appico_24.png) no-repeat center center; background-size:contain;}
.brew{ background:url(../images/appico_62.png) no-repeat center center; background-size:contain;}
.decryption{ background:url(../images/appico_69.png) no-repeat center center; background-size:contain;}
.store{ background:url(../images/appico_36.png) no-repeat center center; background-size:55%;}
.chagrading{ background:url(../images/appico_34.png) no-repeat center center; background-size:contain;}
.decanter{ background:url(../images/appico_88.png) no-repeat center center; background-size:contain;}
.food{ background:url(../images/appico_07.png) no-repeat center center; background-size:contain;}
.grape{ background:url(../images/appico_17.png) no-repeat center center; background-size:contain;}
.regionico{ background:url(../images/appico_27.png) no-repeat center center; background-size:contain;}
.grow{ background:url(../images/appico_20.png) no-repeat center center; background-size:contain;}
.scoresys{ background:url(../images/appico_49.png) no-repeat center center; background-size:contain;}
.wcri{ background:url(../images/appico_105.png) no-repeat center center; background-size:contain;}
.wfig{ background:url(../images/appico_103.png) no-repeat center center; background-size:contain;}
.wbook{ background:url(../images/appico_85.png) no-repeat center center; background-size:contain;}
.periodical{ background:url(../images/appico_40.png) no-repeat center center; background-size:contain;}
.wweb{ background:url(../images/appico_80.png) no-repeat center center; background-size:contain;}
.intsai{ background:url(../images/appico_53.png) no-repeat center center; background-size:contain;}
.aut{ background:url(../images/appico_82.png) no-repeat center center; background-size:contain;}
.vocabulary{ background:url(../images/appico_64.png) no-repeat center center; background-size:contain;}
.regtag{background:url(../images/appico_42.png) no-repeat center center; background-size:contain;}
.regfg{background:url(../images/appico_56.png) no-repeat center center; background-size:contain;}
.hegemony{background:url(../images/appico_45.png) no-repeat center center; background-size:contain;}
.shopping{background:url(../images/appico_01.png) no-repeat center center; background-size:contain;}
.school{background:url(../images/appico_22.png) no-repeat center center; background-size:contain;}
.france-ch{background:url(../images/appico_78.png) no-repeat center center; background-size:contain;}
.graves-ch{background:url(../images/appico_95.png) no-repeat center center; background-size:contain;}
.saint-ch{background:url(../images/appico_72.png) no-repeat center center; background-size:contain;}
.wset{background:url(../images/appico_66.png) no-repeat center center; background-size:contain;}
.last{ position:absolute; top:0px; width:100%; height:100%; bottom:0px; left:0px; background:#ad1732 url(../testimg/yindao.png) no-repeat center 30%; background-size:60%;}
.wwphone{ position:absolute; bottom:12%; left:0px; z-index:100; width:100%; text-align:center; font-size:1.1em; color:#fff;}
.wwphone p{ padding-bottom:10px;}
a.wap{ display:inline-block; padding:10px 20px; background-color:#bf223d; color:#fff; box-shadow:0 0 10px #910f26;}
@media screen and (max-width:400px){
	.wine-pad li a .objname{ font-size:1em;}
	
	}
@media screen and (min-width:401px) and (max-width:640px){
	.wine-pad li a .objname{ font-size:1.2em;}
	
	}
@media screen and (min-width:641px) and (max-width:799px){
	.wine-pad li a .objname{ font-size:1.4em;}
	
	}
@media screen and (min-width:800px) {
	.wine-pad li a .objname{ font-size:1.7em;}
	
	}
.searcher{ position:fixed; top:0px; left:0px; width:100%; padding:15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background:#fff url(../images/line1.svg) no-repeat left bottom;}
.search-in{ position:relative; width:100%;}
.search-in input{ height:30px; width:100%; padding:0 40px 0 8px;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #eee; background-color:#f6f6f6; border-radius:5px; font-size:14px;}
.sch-btn{ display:block; position:absolute; top:0px; right:0px; width:40px; height:30px; background:url(../images/s.png) no-repeat center center; background-size:16px; border:0px; padding:0px; margin:0px;}
.chihui{ padding:60px 25px 0 0;}
.letter{ height:25px; line-height:25px; font-size:16px; font-weight:bold; background-color:#eee; padding:0 0 0 10px;}
.chlist{ width:100%;}
.chlist li{padding:10px 8px;  background:url(../images/line1.svg) no-repeat left bottom; line-height:21px;}
.chlist li a{ display:block;}
.sidebar{ position:fixed; top:60px; right:0px; bottom:0px; width:25px;}
.sidebar a{ display:block; text-align:center; height:4%; font-size:12px; color:#2677E3; }
.sidebar.regvt a{ height:4.5%;}
.itm2{ background-color:#eee; font-weight:bold; font-size:16px;  padding:6px 15px;}
.winery-qt.pad3{ padding:0 15px;}
.pline{ line-height:23px; padding-bottom:8px;}
/*-------------------app懂红酒首页-----------------------------------------*/
.app-header{ width:100%; height:41px;}
.appbar{ position:fixed; top:0; left:0;z-index:999; width:100%; height:45px; background-color:#fff;}
.pageTit{ height:44px; line-height:44px; padding:0 55px; text-align:center; font-size:18px; }
.bar-t{ width:100%; height:45px;}
.bar-t .retPage{ display:block; float:left; width:45px; height:44px; background:url(../images/ret-gray.png) no-repeat center center; background-size:12px;}
.bar-t .reHome{ display:block; float:right; width:55px; height:44px; background:url(../images/home2.png) no-repeat center center; background-size:26px;}

.app-nav{position:fixed; top:0px; left:0px; z-index:999; width:100%; height:40px; border-bottom:1px solid #f1f1f1; background-color:#fff}
.app-navscroll{ height:41px; margin:0 45px 0 1px;}
#app-wrapper{ position:relative; z-index:10; height:40px; width:100%; background:url(../images/shd_02.png) no-repeat right top; background-size:auto 40px; }
#app-wrapper ul{ position:absolute; width:765px; height:40px; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0);-moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none;	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none;	-moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none;	text-size-adjust: none;}
#app-wrapper ul li{ float:left; padding:0 4px 0 14px; line-height:40px;}
#app-wrapper ul li a{ display:block; font-size:18px;}
#app-wrapper ul li a.curr{ color:#ac1630; border-bottom:1px solid #ac1630;}
.slideico{ position:relative; float:right; z-index:20; width:45px; height:40px; background:url(../images/arrow-bg.png) no-repeat; background-size:cover; }
.slide-click{ display:block; position:absolute; top:0; right:0; z-index:20; width:45px; height:40px; background:url(../images/arrow.png) no-repeat center center; background-size:16px;}
.bdb-1px{position:relative}
.bdb-1px:after{height: 1px;content: '';width: 100%;border-top: 1px solid #e3e5e9;position: absolute;bottom: -1px;right: 0;transform: scaleY(.5);-webkit-transform: scaleY(.5);z-index: 10;}
.bdb-t-1px{position:relative}
.bdb-t-1px:after{height: 1px; content: ''; width: 100%; border-bottom: 1px solid #e3e5e9; position: absolute; top: -1px;right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;}