body{ font-size:12pt; color:#3c3c3c; margin:0px 0px; line-height:1.7em; font-family:"Microsoft YaHei","宋体", Arial,Verdana,Sans-serif; background-color:#FFF; }
h1{ font-size:24pt; }
h2{ font-size:20pt; font-weight:normal; color:#CC6600; color:#FFF; line-height:2.8em; width:100%; }
a{ font-size:11pt; color:#20809f; text-decoration:none; }
a:hover{ text-decoration:none; }
ul{ padding:0px 0px; margin:0px 0px; }
li{ list-style:none; }
input{ font-family:"Microsoft YaHei","宋体", Arial,Verdana,Sans-serif; }
.width960{ width:960px; }
.width1280{ width:1280px; }
.left80 { margin-left: 80px; }
.margin20{ margin:20px 20px; }
.margin40{ margin:80px 40px; }
.margin126{ margin:126px 80px; }
.marginLeft280{ margin-left:280px; }
.font2 { font-family: Arial,Verdana; font-weight: bold; font-size: 20pt; font-style: italic; }
.floatLeft{ float:left; }
.floatRight{ float:right; }
.textLeft{ text-align:left; }
.textRight{ text-align:right; }
.red{ color:#c91417; }
.info{ font-size:10pt; color:#919191; margin:0px 0px; }
.clearBoth{ clear:both; }
.width960{ width:960px; }
.width1280{ width:1280px; }
.productTitle{ display:block; color:#c91417; font-size:17pt; line-height:2em; font-weight:normal; }
.priceTitle{ display:block; color:#c91417; font-size:20pt; margin:20px 0px; }
.textShadow{ text-shadow: 0 1px 1px #EEE; }
#header{ width:100%; min-width:1280px; height:58px; background:none; position:relative; /*border-bottom:2px solid #EEE;*/ /*background:#263238;*/ overflow:hidden; background: rgba(255,255,255,0.8); position:fixed; z-index:1000; }
#header .content{ width:95%; text-align:left; margin-top:10px; overflow:visible; }
#header .logo{ float:left; position:relative; top:0px; width:126px; overflow:visible; }
#header .topPhone{ clear:both; color:#A1A1A1; font-size:12pt; position:absolute; top:12px; left:158px; display:none; }
#header .topPhone img{ width:15px; position:relative; top:3px; }
#header .nav{ list-style:none; overflow:hidden; width:800px; margin-right:20px; margin-top:3px; float:right; }
#header .nav li{ float:left; width:90px; margin-left:0px; margin-top:0px; height:10px; font-size:11pt; color:#787878; line-height:2.2em; text-align:center; }
#header .nav .selected{ color:rgb(210,191,140); border-bottom:0px solid #a27f35; height:30px; }
#header .user{ position:relative; left:880px; top:-44px; width:200px; height:30px; padding:10px 0px; border:0px solid #333; display:block; overflow:hidden; }
#header .nav .login{ /*background-color:#1EAC76;*/ float:right; font-size:10pt; border:1px solid #1EAC76; color:#1EAC76; width:100px; height:30px; line-height:30px; overflow:hidden; border-radius:3px; margin-left:20px; margin-top:0px; }
#header .nav .login:hover{ opacity:0.9; }
#header .nav .register{ font-size:10pt; float:right; background-color:#1EAC76; border:1px solid #1EAC76; width:100px; height:30px; line-height:30px; overflow:hidden; color:#FFF; border-radius:3px; margin-top:0px; }
#header .nav .register:hover{ opacity:0.9; }
#header #product:hover{ color:rgb(210,191,140); cursor:pointer; }
.navMenu{ position:fixed;z-index:11;top:58px;width:100%;background: rgba(255,255,255,0.8);padding:20px 0px;display:none;}
.navMenu a{	color:#333; }
.navMenu a:hover{ opacity:0.7; }
.navMenu li{ display:inline-block; margin:10px 10px; }
.navMenu li img{ width:20px; height:auto; vertical-align:middle; margin:auto 5px; }
#banner{ height:780px; width:100%; min-width:1280px; overflow:hidden; background:#3a1d10 url("http://weixinnew-1251256375.coscd.myqcloud.com/waimai.cyooy.com/bannerNewTakeout.jpg") no-repeat center top; background-size:cover; }
#banner .content{ width:960px; text-align:right; overflow:hidden; }
#banner h1{ color:#FFF; /*text-shadow: 0 1px 1px #313131;*/ margin:170px auto 40px auto; font-size:28pt; font-weight:normal; }
#banner .textInfo{ color:#FFF; /*text-shadow: 0 1px 1px #313131;*/ font-size:17pt; margin:20px 0px; font-weight:normal; }
#banner .button{ display:inline-block; width:158px; line-height:2.6em; border-radius:3px; background-color:#ff6f31; color:#FFF; font-size:14pt; text-align:center; margin:40px 0px 10px 0px; }
#banner .button:hover,.buttonApply:hover{ opacity:0.9; }
#banner .buttonApply{ display:inline-block; width:158px; line-height:2.6em; border-radius:3px; background-color:#009680; color:#FFF; font-size:14pt; text-align:center; margin:40px 0px 10px 0px; }
#banner .buttonReg{ border-radius:5px; width:178px; font-size:14pt; }
#priceBanner{ height:auto; width:100%; min-width:1280px; overflow:hidden; padding:90px 0px 100px 0px; /* background:url("http://weixinnew-1251256375.coscd.myqcloud.com/waimai.cyooy.com/priceBackground.png") repeat-x center top; background-size:1920px 100%; */ }
#priceBanner h1{ font-size:30pt; font-weight:normal; color:#585858; margin-top:80px; }
#priceBanner h2{ font-size:14pt; color:#919191; margin:20px 0px 0px 0px; padding:0px 0px; line-height:1.5em; }
#priceBanner .content{ float:left; border-radius:0px; background-color:rgba(255,255,255,0.8); width:360px; height:1280px; margin:80px 20px; padding:40px 10px; box-shadow: 1px 1px 5px #AAA; }
#priceBanner .content h1{ font-size:17pt; font-weight:normal; color:#333; margin-top:0px; }
#priceBanner .priceInfo{ display:block; font-size:14pt; margin:40px 0px; color:#ff6f31; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif; }
#priceBanner .priceInfo font{ margin:auto 5px; font-size:26pt; position:relative; top:5px; }
#priceBanner .content h5{ border-top:1px solid #E1E1E1; padding-top:40px; font-size:12pt; color:#585858; width:350px; }
#priceBanner .textInfo{ font-size:11pt; color:#919191; }
#priceBanner .button{ display:block; width:150px; line-height:2.6em; background-color:#ff6f31; color:#FFF; font-size:14pt; text-align:center; margin:20px 0px 10px 0px; border-radius:3px; }
#priceBanner .button:hover{ background-color:#ff8035; box-shadow: 1px 1px 10px #919191; }
#priceBanner ul{ text-align:left; margin-left:15px; margin-top:0px; height:380px; overflow:hidden; color:#717171; }
#priceBanner li{ list-style:square inside url('check.png'); font-size:12pt; padding:0px 20px; }
#priceBanner .side h2{ margin-top:20px; }
#priceBanner .side .button{ display:block; width:150px; line-height:2.6em; background-color:#1EAC76; color:#FFF; font-size:14pt; text-align:center; margin:20px 0px 10px 0px;}
#priceBanner .side .button:hover{ background-color:#58d1a1; box-shadow: 1px 1px 10px #919191; }
#container{ width:100%; min-width:1280px; padding:0px 0px; background-color:#FFF; margin:0px 0px; }
#container p{ border:0px solid #AAA; text-align:left; font-size:12pt; line-height:2.0em; }
#container h2{ clear:both; margin:10px 0px; color:#3c3c3c; line-height:1.5em; /*border-top:7px solid #EEE;*/ }
#container h2 .info{ font-size:14pt; }
.PADInfo{ clear:both; min-height:580px; min-width:1280px; padding:0px 0px; overflow:hidden; }
#container .PADInfo h2{ margin-top:80px; }
#container .PADInfo .leftInfo{ clear:both; float:left; color:#A1A1A1; text-align:left; width:400px; }
#container .PADInfo .rightInfo{ clear:both; float:right; color:#A1A1A1; text-align:right; width:400px; }
#container .PADInfo .rightInfo h2{ width:auto; }
#container .PADInfo .width960{ width:960px; margin-top:80px; }
#container .PADInfo .info{ text-align:center; font-size:14pt; }
#container .blue{ clear:both; background-color:#EFEFEF; }
#container .lightBlue{ clear:both; background-color:#E1F1F6; }
#container .gray{ clear:both; background-color:#EEE; }
#container .SSDInfo{ clear:both; height:480px; }
#container .bossWorkDiv{ background:url('http://weixinnew-1251256375.coscd.myqcloud.com/waimai.cyooy.com/takeoutWork.jpg') no-repeat center top; background-color:#111; color:#FFF; width:100%; height:580px; overflow:hidden; }
#container .bossWorkDiv h2{ color:#FFF; }
#container .selfDishDiv{ background:url('http://weixinnew-1251256375.coscd.myqcloud.com/waimai.cyooy.com/selfDish.jpg') no-repeat center top; background-color:#111; color:#FFF; width:100%; height:580px; overflow:hidden; }
#container .selfDishDiv h2{ color:#FFF; }
#container .companyInfo{ background-color:#fffee7; height:520px; margin-top:0px; background:url("http://weixinnew-1251256375.coscd.myqcloud.com/waimai.cyooy.com/backgroundAbout.jpg") repeat-x center top; overflow:hidden; }
#container .companyInfo p{ width:650px; padding:0px 0px; margin:150px 20px; font-size:14pt; color:#3c3c3c; line-height:2.1em; }
#container .companyInfo{ background-color:#fffee7; height:520px; margin-top:0px; background:url("http://weixinnew-1251256375.coscd.myqcloud.com/waimai.cyooy.com/backgroundAbout.jpg") repeat-x center top; overflow:hidden; }
#container .companyInfo p{ width:650px; padding:0px 0px; margin:150px 20px; font-size:14pt; color:#3c3c3c; line-height:2.1em; }
#container .contact{ width:800px; margin:40px 0px; }
#container .contact p{ font-size:16pt; }
.intro{ 
	border-bottom:1px solid #AFAFAF; overflow:hidden;
}
#container .lightBlueManualDiv{
	clear:both; background-color:#EEE; overflow:hidden;
	}
#container .leftManualInfo{ 
	clear:both; display:block; width:580px; height:260px; overflow:hidden; float:left; margin:-350px 0px 0px 80px;
	}
#container .leftManualInfo h3{
	text-align:left; font-weight:normal; font-size:20pt; color:#f24d21;
	}
#container .leftManualInfo p{
	border-top:none; border-left:2px solid #f24d21; padding:0px 20px;
	}
#container .rightManualInfo{ 
	clear:both; display:block; width:480px; height:260px; overflow:hidden; float:right; margin-top:-380px;
	}
#container .rightManualInfo h3{
	text-align:left; font-weight:normal; font-size:20pt; color:#f24d21;
	}
#container .rightManualInfo p{
	border-top:none; border-left:2px solid #f24d21; padding:0px 20px;
	}
.catalog{
	text-align:left; background-color:#EEE; width:280px; padding:10px 0px; position:absolute;
}
.catalog li{
	margin:5px 20px;
}
.catalog .subdivision{
	margin:0px 0px 0px 10px;
}
.searchText{
	width:240px; margin:10px 0px 0px 17px; height:32px;
}
.searchButton{
	width:30px; height:30px; position:relative; left:228px; top:-35px; z-index:1;
}
.helpContent{
	width:100%; background-color:#FFF; text-align:left;
}
.helpContent h1{
	clear:both; color:#333; line-height:2.1em; margin:20px 20px 20px 300px; width:auto;
}
.helpContent h2{
	clear:both; color:#333; line-height:2.1em; margin:20px 20px 20px 350px; width:auto;
}
.helpContent p{
	margin:20px 20px 20px 380px;
}
.topTitle{
	height:480px; overflow:hidden; background:url("bannerIntro.jpg") repeat-x center top; background-size:1920px auto;
}
.topTitle h1{
	margin:126px 0px 40px 0px;
}
#container .serviceInfo{ width:800px; margin:40px 0px 100px 0px; padding:20px 0px; text-align:left; clear:both; }
#container .serviceInfo h1{ /*color:#13669a;*/ text-align:center; font-weight:normal; }
#container .serviceInfo h2{ font-size:17pt; font-weight:normal; margin:0px 0px; padding:0px 0px; border:none; }
#container .serviceInfo font{ color:rgb(210,191,140); }
#container .serviceInfo .leftInfo{ float:left; width:480px; top:0px; }
#container .serviceInfo .rightImg{ float:right; width:300px; border-radius:300px }
.sale{ clear:both; width:100%; background-color:#f8f8f8; padding:100px 0px; margin-top:0px; color:#919191; overflow:hidden; }
.sale h2{ margin:40px auto 0px auto; font-size:20pt; color:#787878; }
.sale .leftInfo{ float:left; text-align:center; width:48%; border-right:1px solid #919191; }
.sale .rightInfo{ float:right; text-align:center; width:48%; }
.sale .productPrice{ display:block;	font-size:20pt; margin-top:40px; }
.sale .width960 div{ text-align:center; margin-left:20px; padding-top:20px; }
.orderDemo{ float:left; border-radius:15px; width:300px; vertical-align:middle; }
.shopButton{ display:inline-block; color:#FFF; width:200px; height:auto; box-sizing:border-box; font-size:14pt; line-height:2.8em; background-color:#ff6f31; border-radius:5px; margin:40px auto 80px auto; text-align:center; box-shadow: 0 2px 14px rgba(148,178,178,0.35); }
.shopButton:hover{ opacity:0.9; }
.shopText{ color:#f85748; text-decoration:underline; }
.regInput{ border-radius: 3px; font-size: 14pt; font-size:17pt; border:none; width:480px; padding:0px 0px 0px 0px; box-sizing:border-box; text-align:center; color:#585858; letter-spacing:1px; font-size:14pt; line-height:2.8em; margin:auto 20px; box-shadow: 0 2px 14px rgba(148,178,178,0.35); }
#login{ width:auto; min-height:500px; margin:40px 100px; padding:40px 40px; }
#login h1{ border-bottom:1px solid #919191; text-align:left; font-size:17pt; font-weight:normal; line-height:2.1em; margin:0px 0px 40px 0px; }
#login p{ border:0px solid #333; margin:20px; }
#login input{ font-size:12pt; }
#login .content{ background-color:rgba(255,255,255,0.65); width:400px; padding:10px 20px; box-shadow: 1px 1px 10px #919191; }
#login .textInput{ border:none; height:48px; width:280px; padding:0px 10px; }
#login .loginTip{ text-align:right; margin:0px 30px; }
#login .button{ background-color:#a63e01; border:none; height:40px; width:150px; color:#FFF; font-size:14pt; cursor:pointer; margin:20px 0px; }
#login .button:hover{ background-color:#931000; }
.loginBackground{ 
	width:100%; height:100%; position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:-1;
	background:url("loginBackground.jpg") repeat-x center top; background-position: center; background-size: cover;
	-webkit-filter: blur(7px) opacity(100%); -moz-filter: blur(7px) opacity(70%); -o-filter: blur(7px) opacity(70%); -ms-filter: blur(7px) opacity(70%);	filter: blur(7px) opacity(70%);
	
}
.login .copyRight{ width:100%; color:#313131; padding:5px 0px; font-size:10pt; }
.login .copyRight a{ color:#313131; font-size:10pt; }
.layerContent{ margin:10px 10px; }
#reg{ width:auto; min-height:500px; margin:20px 100px; padding:40px 40px; }
#reg h1{ border-bottom:1px solid #919191; text-align:left; font-size:17pt; font-weight:normal; line-height:2.1em; margin:0px 0px 40px 0px; }
#reg p{ border:0px solid #333; margin:20px; }
#reg input{ font-size:12pt; }
#reg .content{ background-color:rgba(255,255,255,0.65); width:580px; padding:10px 20px; box-shadow: 1px 1px 10px #919191; }
#reg .textInput{ border:1px solid #CCC; height:48px; width:280px; padding:0px 10px; }
#reg .loginTip{ text-align:right; margin:0px 30px; }
#reg .button{ background-color:#2971b1; border:none; height:48px; width:400px; color:#FFF; font-size:14pt; cursor:pointer; margin:20px 0px; border-radius:5px; }
#reg .button:hover{ background-color:#386185; }
#reg .regStep{ clear:both; width:100%; height:auto; margin:0px 0px; padding:0px 0px; }
#reg .regStep li{ float:left; width:190px; height:auto; padding:auto; margin:10px 0px; position:relative; z-index:1; }
#reg .regStep h2{ clear:both; width:30px; height:30px; margin:0px 0px; padding:0px 0px; border-radius:50px; background-color:#ffcc2c; font-size:14pt; color:#FFF; line-height:1.5em;  font-family:Verdana,Arial,Sans-serif; }
#reg .regStep h3{ clear:both; color:#717171; font-family:"Microsoft YaHei","宋体", Arial,Verdana,Sans-serif; font-weight:normal; font-size:10pt; }
#reg .regStep hr{ clear:both; position:relative; z-index:0; top:-90px; height:3px; background-color:#e1e1e1; border:none; }
#reg .regStep .onStep{ background-color:#a63e0e; width:50px; height:50px; line-height:2.6em; margin-top:-10px;  }
#reg .successTip{ border-radius:200px; margin:40px 0px; width:200px; height:200px; background-color:#a6810e; font-size:70pt; line-height:200px; font-family:Verdana,Sans-serif; color:#FFF; }
#qiuckStart{ width:960px; min-height:500px; margin:20px 100px; padding:40px 40px; text-align:left; border:5px solid #EEE; }
#qiuckStart h1{ margin:40px 0px; }
#qiuckStart .content{ background-color:rgba(255,255,255,0.65); width:580px; padding:10px 20px; box-shadow: 1px 1px 10px #919191; }
#qiuckStart a{ font-size:20pt; display:block; margin:100px 0px; }
#tools{ position:fixed; bottom:40px; right:10px; width:60px; height:auto; background-color:rgba(210,191,140,0); padding:0px 0px; border-radius:10px; overflow:hidden; transform:scale(0.8,0.8); }
#tools ul{ border:0px solid #baa67d; }
#tools li{ width:60px; height:60px; border-top:0px solid #AAA; list-style-type:none; margin:15px auto; border-radius:30px; background-size:91%; }
#tools .topLi{ border:none; }
#tools .service{ background:url("images.png") no-repeat transparent 0px -126px;  background-color:rgb(210,191,140); opacity:0.9; background-size:100%; }
#tools .service:hover{ opacity:1; }
.goToTop{ display:none; background:url("images.png") no-repeat transparent 0px 0px; cursor:pointer; }
.goToTop:hover{ background:url("images.png") no-repeat transparent 0px 0px; background-color:#fec006; }
.message{ background:url("images.png") no-repeat transparent 3px -387px; background-color:#2fa6e1; opacity:0.9; }
.message:hover{ opacity:1; }
.weixin{ background:url("images.png") no-repeat transparent 3px -165px; background-color:#1eaf31; opacity:0.9; }
.weixin:hover{ opacity:1; }
.serviceDiv { min-width:1280px; padding:40px 0px; background-color:#EFEFEF; color:#888888; height:350px; }
.serviceDiv h2{ color:#333; margin:40px 0px; padding:0px 0px; }
.serviceDiv ul{ width:960px; overflow:hidden; }
.serviceDiv li{ float:left; width:240px; border:0px solid #333; text-align:center; line-height:2.1em; }
.workStep{ width:960px; height:200px; margin:20px 0px; padding:20px 0px; }
.workStep li{ float:left; width:190px; height:200px; padding:auto; margin:10px 0px; text-align:center; }
.workStep h1{ font-size:17pt; margin:20px 0px; font-weight:normal; }
.workStep h2{ clear:both; width:40px; height:40px; border-radius:40px; line-height:40px; position:relative; left:80px; z-index:3; margin:0px 0px; padding:0px 0px; background-color:#f24d21; font-size:14pt; color:#FFF; font-family:Verdana,Arial,Sans-serif; }
.workStep h3{ clear:both; color:#717171; font-family:"Microsoft YaHei","宋体", Arial,Verdana,Sans-serif; font-weight:bold; }
.workStep label{ color:#AAA; font-size:10pt; margin:0px 20px; line-height:1.5em; display:block; }
.workStep hr{ clear:both; position:relative; z-index:1; top:-191px; height:3px; width:780px; background-color:#f24d21; border:none; *display:none; }
#footer { clear:both; width:100%; min-width:1280px; margin-top:0px; padding:10px 0px; font-size:10pt; color:#333; background-color:#F8F8F8; }
#footer h3{ font-size:14pt; font-weight:normal; }
#footer a{ font-size:10pt; color:#919191; }
#footer li{ list-style-type:none; }
#footer .support{ margin:40px auto; }
#footer .support h1{ font-weight:normal; font-size:14pt; }
#footer .support a{ margin:0px 15px; }
#footer .content{ width:960px; text-align:left; padding:10px 0px; overflow:hidden; }
#footer .logo{ float:left; width:220px; margin-top:60px; text-align:center; }
#footer .guide{ float:left; width:158px; margin-left:60px; text-align:left; }
#footer .guide a{ display:block; margin:10px 0px; opacity:1; }
#footer .guide a:hover{ display:block; margin:10px 0px; color:#1EAC76; opacity:0.7; }
#footer .tel{ width:228px; float:right; color:#acacac; text-align:left; }
#footer .tel h3{ margin-left:20px; color:#333; }
#footer .tel label{ display:block; margin:10px 0px; margin-left:20px; }
#footer .tel label img{ position:relative; top:10px; margin:0px 10px; opacity:0.65; display:none; }
#footer .QRCode{ clear:both; text-align:center;  }
#footer .QRCode img{ width:168px; margin-top:20px; }
#footer .copyRight{ clear:both; text-align:center; color:#AAA; border-top:1px solid #E1E1E1; width:1280px; margin:10px auto; padding:40px 0px; }
#footer .copyRight a{ color:#AAA; }
.support{ width:auto; border-bottom:1px solid #E1E1E1; }
.support a{ opacity:1; }
.support a:hover{ opacity:0.7; }
.support img{ width:126px; margin:20px 10px; }