﻿/* LESS Document */
@charset "UTF-8";
/********  uweb mobile css v1.0 *********/
* { -webkit-user-select: none; /* Prevent copy paste for all elements except text fields */ -webkit-tap-highlight-color: transparent; /* set highlight color for user interaction */ -moz-tap-highlight-color: transparent; /* set highlight color for user interaction */ -ms-touch-action: none; -moz-user-select: -moz-none; -webkit-touch-callout: none; /* prevent the popup menu on any links */ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (min-width: 400px) {
	html {
		font-size: 21.33333333px !important;
	}
}
@media only screen and (min-width: 414px) {
	html {
		font-size: 21px !important;
	}
}
@media only screen and (min-width: 480px) {
	html {
		font-size: 25.6px !important;
	}
}
body { overflow-x: hidden; -webkit-text-size-adjust: none; display: -webkit-box; background: #f9f1e3; /* We want to layout our first container vertically */ -webkit-box-orient: vertical; /* we want our child elements to stretch to fit the container */ -webkit-box-align: stretch; }
/* General styles that apply to elements not contained within other classes and styles */
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font: normal 100% 'Microsoft YaHei', Arial, "\5b8b\4f53", tahoma; }
input, textarea, select { -webkit-user-select: text; -moz-user-select: -moz-text; -moz-user-select: text; -webkit-appearance: none; }
/* allow users to select text that appears in input fields */
img { border: none; vertical-align: top; max-width:100%;}
/* Remove default borders for images */
ul, ol, li { list-style: none; }
a { text-decoration: none; color: #333; }
.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { clear: both; }
html, body { position: relative; }
#web { position: relative; top: 0; left: 0; width: 100%; -webkit-transition: .5s ease all; z-index: 200; background: #f9f1e3; }
.mask { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 999; }
.fl { float: left; }
.fr { float: right; }
/*header*/
header { position: relative; z-index: 5; }
.header { width: 100%; height: 60px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 99; border-bottom: 1px solid #ccc; }
.header .logo { float: left; width: 180px; height: 60px; margin: 10px 0 0 5px; }
.header .headRight { float: right; }
.header .headRight a { float: left; width: 65px; height: 55px; border-left: 1px solid #ccc; }
.header .headRight a.phone { background: url(../images/333.png) center center no-repeat; }
.header .headRight a.menu { background: url(../images/head_MenuIcon.png) center center no-repeat; }
.side_menu { width: 100%; height: 100%; background: url(../images/black80.png) repeat; position: fixed; top: 55px; left: 100%; overflow-y: auto; z-index: 100; display: none; }
.side_menu>ul { padding: 0 25px; }
.side_menu li { font-size: 20px; color: #fff; text-align: center; line-height: 45px; border-bottom: 1px solid #656163; }
.side_menu li a { color: #fff; display: block; height: 100%; }
.side_menu li span { display: block; height: 100%; position: relative; }
.side_menu li span i { width: 32px; height: 17px; background: url(../images/NavArrow1.png) 0 0 no-repeat; position: absolute; top: 50%; margin-top: -8.5px; float: right; right: 20px; }
.side_menu li span.active i { -moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; }
.side_menu li ul { padding: 0; display: none; }
.side_menu li ul li { font-size: 18px; color: #999; line-height: 40px; border-bottom: 0; }
.side_menu li ul li span { display: block; height: 100%; }
.side_menu li ul li span i { width: 32px; height: 17px; background: url(../images/NavArrow2.png) 0 0 no-repeat; position: absolute; top: 50%; margin-top: -8.5px; left: 470px; }
.side_menu li ul li span.active i { -moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; }
.side_menu li ul li a { color: #999; }
.side_menu li ul li ul li { font-size: 30px; line-height: 65px; }
.side_menu li ul li ul li a { color: #9a7b56; }
/*indexmain*/
.indexmain { padding-top: 55px; position: relative; z-index: 1; background: url(../images/mainbj.jpg) no-repeat center top; background-size: cover; }
.slideBox { position: relative; overflow: hidden; margin: 0 auto; }
.slideBox .hd { position: absolute; width: 27px; top: 4px; right: 10px; z-index: 2; }
.slideBox .hd ul { }
.slideBox .hd li { width: 27px; height: 16px; text-indent: -9999px; overflow: hidden; margin: 28px 0; }
.slideBox .hd li.on { background-position: 0 0; height: 27px; }
.slideBox .bd { position: relative; z-index: 0; }
.slideBox .bd li { position: relative; text-align: center; }
.slideBox .bd li img { vertical-align: top; width: 100%; }
.slideBox .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* 去掉链接触摸高亮 */
.indexnav { margin: 0 auto; }
.indexnav ul { padding: 20px 15px 7px; height: auto; overflow: hidden; }
.indexnav ul li { float: left; width: 25%; text-align: center; }
.indexnav ul li a { display: block; color: #fecc1a; padding: 0 10% 11%; font-size: 0.7rem; }
.indexnav ul li a span { display: block; padding: 5px 0 8px; }
.indexnav ul li a img { width: 100%; max-width: 104px; }
/*footer*/
/*footer { padding: 16px 12px 10px; background: url(../images/bottom.jpg) no-repeat center top; background-size: cover; position: relative; }*/
.link { height: auto; overflow: hidden; border-bottom: 1px solid #cdbb9d; }
.link ul li { float: left; margin-bottom: 15px; }
.link ul li.link1 { width: 33%; }
.link ul li.link2 { width: 43%; }
.link ul li.link3 { width: 24%; }
.link ul li a { display: block; }
.link ul li a img { height: 29px; }
.foottext { background-color: #f9f1e3; color: #666; font-size: 0.7rem; padding-top: 10px; line-height: 20px; text-align: center;margin-bottom: 2.5rem; }
.foottext a { color: #666; }
/*nav*/
.navBox { display: -webkit-box; display: -webkit-flex; position: relative; width: 100%; height: 44px; line-height: 44px; background: url(../images/navbj.jpg) no-repeat center top; background-size: 100%; }
.back { position: absolute; left: 0; top: 0; width: 40px; height: 44px; background: url(../images/back.png) no-repeat center center; }
.back a { display: block; width: 40px; height: 44px; }
.menuBtn { position: absolute; right: 0; top: 0; width: 51px; height: 44px; background: url(../images/menubg.png) no-repeat center center; }
.menuBtn a { display: block; }
.navBox h2 { text-align: center; color: #fecc1a; font-size: 1.8rem; line-height: inherit; -webkit-flex: 1; -webkit-box-flex: 1; }
nav { position: absolute; width: 100%; top: 0; right: 0; display: none; z-index: 180; background: #f9f1e3; }
.sidemenu { padding: 7px 0 0; font-size: 0.7rem; height: auto; overflow: hidden; }
.sidemenu li { height: auto; overflow: hidden; padding: 0 15px; margin-bottom: 10px; background: #fff; }
.sidetitle { height: 36px; line-height: 36px; }
.sidetitle a { color: #999; display: block; }
.sidetitle:hover a { color: #9f1b15; }
.sidediv { padding: 5px 0 2px; }
.sidediv a { color: #000; display: inline-block; margin: 0 25px 15px 0; }
.sidediv a.on, .sidediv a:hover { color: #9f1b15; }
.content { color: #333; font-size: 0.7rem; line-height: 24px; padding: 55px 0 20px; }
.content img { height: auto; }
/*maplist*/
.main { background: #f9f1e3; padding-top: 105px; }
.map { text-align: center; }
.maplist { height: auto; overflow: hidden; padding: 25px 15px 30px; }
.maplist h3 { height: 4rem; line-height: 4rem; overflow: hidden; background: #fff; font-size: 1.6rem; padding: 0 19px; margin-bottom: 20px; }
.maplist h3 a { color: #333; display: block; }
.maplist h3 em { float: right; display: block; width: 18px; height: 100%; cursor: pointer; background: url(../images/icondown.png) no-repeat center center; background-size: 100%; }
.maplist h3.on a { color: #9f1b15; }
.maplist h3.on em { background: url(../images/iconup.png) no-repeat center center; background-size: 100%; }
.maplist ul { margin: -6px 19px 30px; line-height: 24px; font-size: 0.7rem; display: none; }
.maplist ul span { color: #9f1b15; }
.servicelist ul { padding: 20px 0 0; }
.servicelist ul li { color: #333; font-size: 0.7rem; padding: 16px 15px 10px; line-height: 20px; border-bottom: 2px solid #dcdcdc; }
.serspan { float: left; margin-top: 2px; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #6d0003; }
.servicetext { margin: 0 0 5px 27px; }
.servicetext p { float: left; }
.text1 { margin-left: 30px; }
.text2 { margin-left: 42px; color: #999; }
.text2.on { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.more { padding: 16px 0 30px; text-align: center; }
.more a { display: inline-block; width: 121px; height: 35px; line-height: 35px; font-size: 0.7rem; color: #fff; background: url(../images/more.png) no-repeat center center; background-size: 100%; }
.more a:hover { filter: alpha(opacity=70); opacity: 0.7; }
.msg { padding: 0 15px 46px; font-size: 0.7rem; color: #333; }
.msg label { padding-left: 6px; }
.msgtext { margin: 3px 0 8px; height: 39px; line-height: 39px; text-indent: 5px; width: 100%; border: 1px solid #dcdcdc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #fff; }
.msgarea { height: 74px; padding: 5px; width: 100%; margin: 3px 0 20px; border: 1px solid #dcdcdc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; resize: none; background: #fff; }
.msgsubmit { width: 100%; height: 40px; line-height: 40px; font-size: 0.7rem; color: #fff; cursor: pointer; border: 1px solid #dcdcdc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #9f1b15; }
.msgsubmit:hover { filter: alpha(opacity=70); opacity: 0.7; }
.h60 { height: 60px; }
.mainmenu { height: auto; overflow: hidden; padding: 25px 15px 18px; }
.mainmenu ul li { float: left; height: 40px; line-height: 40px; text-align: center; width: 49%; font-size: 1.6rem; margin-bottom: 2%; background: #f8e6c3; }
.mainmenu ul li a { color: #854613; display: block; }
.mainmenu ul li.on, .mainmenu ul li:hover { background: #854613; }
.mainmenu ul li.on a, .mainmenu ul li:hover a { color: #fff; }
.mainmenu ul li.fr { float: right; }
.productlist { padding: 0 0 24px; }
.productlist li { height: auto; overflow: hidden; padding: 10px 15px; background: #fff; margin-bottom: 10px; }
.proimg { float: left; width: 35%; }
.proimg img { width: 100%; max-width: 150px; }
.protext { margin-left: 38%; }
.protext h3 { font-size: 1.6rem; color: #333; padding: 5px 0 6px; }
.protext p { color: #666; font-size: 0.7rem; }
.productlist li:hover .protext h3 { color: #a01c15; }
.procon { padding: 10px 15px 26px; color: #333; }
.protit { font-size: 1.6rem; padding-left: 10px; background: url(../images/redbj.jpg) no-repeat left center; }
.proimg2 { margin: 13px auto 10px; width: 50%; text-align: center; }
.proimg2 img { width: 100%; max-width: 285px; }
.probox { color: #333; padding: 3px 0 0 10px; font-size: 0.7rem; line-height: 24px; }
.probox div { padding-bottom: 8px; }
.probox span { color: #9f1b15; }
.proinfo { padding: 20px 0 10px 10px; color: #333; font-size: 0.7rem; line-height: 24px; }
.proinfo span { color: #9f1b15; }
.hisnnav { padding: 0 15px; height: 30px; line-height: 30px; background: #f7e4c3; text-align: center; margin-bottom: 10px; }
.hisnnav ul li { /*float: left;*/ display: inline-block; }
.hisnnav ul li a { color: #333; display: block; padding: 0 8px; font-size: 14px; }
.hisnnav ul li.on, .hisnnav ul li:hover { background: url(../images/bj1.jpg) repeat-x 0 bottom; }
.hisnnav ul li.on a, .hisnnav ul li:hover a { color: #a70005; }
.history { height: auto; overflow: hidden; padding: 20px 15px 30px; }
.historylist { background: url(../images/historybj2.jpg) repeat-y 82px 0; }
.historylist li { height: auto; overflow: hidden; font-size: 0.6rem; color: #333; line-height: 20px; padding-bottom: 15px; background: url(../images/historybj1.png) no-repeat 75px 2px; }
.historylist li span { display: block; float: left; width: 65px; color: #a40000; text-align: right; }
.historylist li div { margin-left: 100px; }
.historylist li:first-child { background: url(../images/historybj1.png) no-repeat 75px 0px; }
.historylist li:first-child span, .historylist li:first-child div { margin-top: -2px; }
.newslist { padding: 0px 0 5px; }
.newslist li { height: auto; overflow: hidden; padding: 10px 15px; line-height: 20px; background: #fff; margin-bottom: 10px; border-bottom: 1px solid #bbb; }
.newslist li h3 { font-size: 1.5rem; color: #333; margin: -3px 0 6px; }
.newslist li p { color: #666; font-size: 0.6rem; }
.newslist li:hover h3 { color: #a01c15; }
.newsimg { float: left; margin-right: 8px; width: 35%; }
.newsimg img{ width:130px; height:85px; display:block;}
.newtit { float: left; width: 62%; }
.nobg { padding: 12px 0 0 !important; }
.nobg li { background: none !important; margin-bottom: 0 !important; }
.carelist { padding: 0 15px 15px; }
.carelist li:first-child { border-top: 1px solid #fff; }
.carelist li { height: auto; overflow: hidden; border-bottom: 1px solid #fff; }
.carelist li a { display: block; padding: 14px 0 8px; border-bottom: 1px solid #bbb; }
.carelist li a h3 { font-size: 0.7rem; color: #333; }
.carelist li a h3 span { display: inline-block; width: 95%; height: 24px; line-height: 24px; overflow: hidden; }
.carelist li a h3 em { display: inline-block; float: right; font-style: normal; padding-top: 3px; width: 7px; background: url(../images/iconleft.png) no-repeat center center; background-size: 100%; }
.carelist li a p { color: #666; font-size: 1.3rem; }
.carelist li a:hover h3 { color: #a01c15; }
.title { padding: 20px 15px 0; text-align: center; }
.title h1 { font-size: 1.6rem; color: #000; }
.title p { color: #666; font-size: 0.7rem; padding-top: 5px; }
.maincontent { color: #333; font-size: 0.7rem; line-height: 24px; padding: 15px 15px 30px; }
.articlelist { height: auto; overflow: hidden; padding: 15px 15px 25px; border-top: 1px solid #ddd; }
.articlelist li { line-height: 20px; color: #333; font-size: 0.7rem; padding-bottom: 5px; }
.articlelist li span { display: block; float: left; color: #a01c15; width: 60px; }
.articlelist li a { display: block; margin-left: 60px; color: #333; }
.articlelist li a:hover { color: #a01c15; text-decoration: underline; }
.paged { padding: 12px 0 20px; text-align: center; }
.paged .p_info, .paged .current, .paged li { display: inline-block; zoom: 1; *display: inline;
margin: 0 3px; padding: 2px 7px; font-size: 1.2rem; text-align: center; border: 1px solid #a4a4a4; color: #999; }
.paged .current, .paged a:hover { color: #9f1b15; }
.paged a.nobor { border: none; padding: 4px 9px; }
/*.foothome {
  position: absolute;
  left: 12px;
  top: -21px;
  z-index: 5;
  width: 22px;
}
.foothome a {
  display: block;
  width: 100%;
}*/
#floor_select { width: 30px; height: 30px; position: fixed; _position: absolute; left: 12px; bottom: 6px; _bottom: "auto"; cursor: pointer; z-index: 99; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: url(../images/colorbj.png) repeat 0 0; }
#floor_select a { display: block; padding: 6px; }
#floor_select img { width: 100%; }
#wrapper { width: 100%; height: 100%; }
#scroller { position: relative; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; padding: 0; height: 100%; }
.imgdiv { position: absolute; left: 0; width: 100%; display: none; z-index: 990; background: #000; }
.imgdiv div.s1 img { display: block; position: absolute; top: 50%; z-index: 999; left: 50%; max-width: 95% !important; -webkit-transform: translate(-50%, -50%); }
.close { height: 5rem; line-height: 5rem; text-align: center; position: absolute; z-index: 999; left: 0; bottom: 0; width: 100%; color: #fff; font-size: 0.7rem; cursor: pointer; }
.inshow { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /* display: -webkit-flex; */ display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 50%; /*border-bottom: 1px solid #d7ccc8;*/ padding-bottom: 0.234375rem; float: left; }
.inshow a { width: 100%; display: block; overflow: hidden; text-align: center; }
.inshow img { width: 10rem; height: 9rem; border: 1px solid #CCC; margin-right: 10px; margin-bottom: 10px; }
.inshow a img { width: 15rem; height: 9rem; }
.inshow a span { display: block; /*background: #f6f7f9;*/ font-size: 0.3125rem; margin-top: 0.15625rem; }
/*footer*/
.lfooter { width: 100%; height: 60px; background-color: #860101; position: fixed; bottom: 0px; border-top: 1px solid #454545 }
.lfooter ul li { width: 33.33333333%; height: auto; float: left; text-align: center; padding: 10px 0px; }
.lfooter ul li a { color: #FFF; line-height: 12px; font-size: 12px; }
.zixun { width: 70%; height: 50%; position: absolute; top: 25%; left: 15%; max-height: 100px; display: none; background-color: #ffffff; text-align: center; z-index: 9999; -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 和 Chrome */ border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ }
.zixun ul li { line-height: 50px; font-size: 1.0rem; font-weight: bolder; }
.aaa1 { background-image: url(../images/111.png); background-position: 10% center; background-repeat: no-repeat; border-bottom: #6F6F6F solid 1px; text-indent: 40px; }
.aaa2 { background-image: url(../images/222.png); background-position: 10% center; background-repeat: no-repeat; text-indent: 40px; }
option { text-align: center; }
.am-article-title{ text-align:center; font-weight:bold; font-size:14px; line-height:40px;}
.am-article-meta{ text-align:center;}
.blog-content img{ width:95%; height:auto;}
/*导航栏*/
footer a{color: #33333;}
.aui-bar {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	min-height: 2.25rem;
	font-size: 0.9rem;
	text-align: center;
	display: table;
}
.aui-bar-nav {
	top: 0;
	line-height: 2.25rem;
	background-color: #03a9f4;
	color: #ffffff;
}
.aui-title a {
	color: inherit;
}
.aui-bar-nav .aui-title {
	min-height: 2.25rem;
	position: absolute;
	margin: 0;
	text-align: center;
	white-space: nowrap;
	right: 5rem;
	left: 5rem;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 2;
}
.aui-bar-nav a {
	color: #ffffff;
}
.aui-bar-nav .aui-iconfont {
	position: relative;
	z-index: 20;
	font-size: 0.9rem;
	color: #ffffff;
	font-weight: 400;
	line-height: 2.25rem;
}
.aui-bar-nav .aui-pull-left {
	padding: 0 0.5rem;
	font-size: 0.8rem;
	font-weight: 400;
	z-index: 2;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
.aui-bar-nav .aui-pull-right {
	padding: 0 0.5rem;
	font-size: 0.8rem;
	font-weight: 400;
	z-index: 2;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
.aui-bar-nav .aui-btn {
	position: relative;
	z-index: 20;
	height: 2.25rem;
	line-height: 2.25rem;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	border-radius: 0.1rem;
	border-width: 0;
	background: transparent !important;
}
.aui-bar-nav .aui-btn.aui-btn-outlined {
	position: relative;
	padding: 0 0.15rem;
	margin: 0.5rem;
	height: 1.25rem;
	line-height: 1.25rem;
	border-width: 1px;
	background: transparent !important;
	border-color: #ffffff;
}
.aui-bar-nav .aui-btn:active {
	background: none;
}
.aui-bar-nav .aui-btn .aui-iconfont {
	font-size: 0.9rem;
	line-height: 1.25rem;
	padding: 0;
	margin: 0;
	color: #ffffff;
}
.aui-bar-light {
	color: #03a9f4;
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
}
.aui-bar-nav.aui-bar-light .aui-iconfont {
	color: #03a9f4;
}
.aui-bar-nav.aui-bar-light .aui-btn-outlined {
	border-color: #03a9f4;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
	.aui-bar.aui-bar-light {
		border: none;
        background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: bottom;
        background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
        background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
	}
}
/*底部切换栏*/
.aui-bar-tab {
	position: fixed;
	top: auto;
	bottom: 0;
	table-layout: fixed;
	background-color: #F9F9F9;
	color: #333333;
}
.aui-bar-tab .aui-bar-tab-item {
	display: table-cell;
	position: relative;
    width: 1%;
    height: 2.5rem;
    text-align: center;
    vertical-align: middle;
}
.aui-bar-tab .aui-active a{
	color: #b11d23;
}
.aui-bar-tab .aui-bar-tab-item .aui-iconfont {
	position: relative;
    z-index: 20;
    top: 0.1rem;
    height: 1.2rem;
    font-size: 1rem;
    line-height: 1rem;
}
.aui-bar-tab .aui-bar-tab-label {
	display: block;
    font-size: 0.6rem;
    position: relative;
}
.aui-bar-tab .aui-badge {
    position: absolute;
    top: 0.1rem;
    left: 55%;
    z-index: 99;
}
.aui-bar-tab .aui-dot {
    position: absolute;
    top: 0.1rem;
    right: 30%;
    z-index: 99;
}
/*按钮工具栏*/
.aui-bar-btn {
	position: relative;
    font-size: 0.7rem;
    display: table;
    white-space: nowrap;
    margin: 0 auto;
    padding: 0;
    border: none;
    width: 100%;
    min-height: 1.8rem;
}
.aui-bar-btn-item {
    display: table-cell;
    position: relative;
    width: 1%;
    line-height: 1.6rem;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #03a9f4;
    border-left-width: 0;
}
.aui-bar-btn .aui-input,
.aui-bar-btn input,
.aui-bar-btn select {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
    height: 1.8rem;
}
.aui-bar-btn-sm {
    min-height: 1.3rem;
}
.aui-bar-btn.aui-bar-btn-sm  .aui-input,
.aui-bar-btn.aui-bar-btn-sm  input,
.aui-bar-btn.aui-bar-btn-sm  select {
    height: 1.2rem;
}
.aui-bar-btn-sm .aui-bar-btn-item {
    line-height: 1.3rem;
    font-size: 0.6rem;
}
.aui-bar-btn-item.aui-active {
    background-color: #03a9f4;
    color: #ffffff;
}
.aui-bar-btn-item:first-child {
    border-left-width: 1px;
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}
.aui-bar-btn-item:last-child {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    border-left: 0px;
}
.aui-bar-btn.aui-bar-btn-full .aui-bar-btn-item:first-child {
    border-left-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.aui-bar-btn.aui-bar-btn-full .aui-bar-btn-item:last-child {
    border-right-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.aui-bar-btn.aui-bar-btn-round .aui-bar-btn-item:first-child {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.aui-bar-btn.aui-bar-btn-round .aui-bar-btn-item:last-child {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
.aui-bar-nav .aui-bar-btn {
	margin-top: 0.45rem;
	margin-bottom: 0.4rem;
    min-height: 1.3rem;
}
.aui-bar-nav .aui-bar-btn-item {
    line-height: 1.3rem;
    border-color: #ffffff;
}
.aui-bar-nav .aui-bar-btn-item.aui-active {
    background-color: #ffffff;
    color: #03a9f4;
}
.aui-bar-nav.aui-bar-light .aui-bar-btn-item {
    border-color: #03a9f4;
}
.aui-bar-nav.aui-bar-light .aui-bar-btn-item.aui-active {
    background-color: #03a9f4;
    color: #ffffff;
}
.aui-bar-nav > .aui-bar-btn {
	width: 50%;
}
.aui-info {
	position: relative;
    padding: 0.5rem 0;
    font-size: 0.7rem;
    color: #757575;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    		box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    		justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    		align-items: center;

}
.aui-info-item {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    		align-items: center;
}
.aui-info-item > *,
.aui-info > * {
	display: inherit;
	position: relative;
}
@font-face {
	font-family: "aui_iconfont";
	src: url('aui-iconfont.ttf') format('truetype');
}
.aui-iconfont {
	position: relative;
	font-family:"aui_iconfont" !important;
	font-size: 0.7rem;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-home:before { content: "\e62a"; }

.icon-home_on:before { content: "\e62b"; }

.icon-que:before { content: "\e62c"; }

.icon-cart_on:before { content: "\e62d"; }

.icon-cart:before { content: "\e62e"; }

.icon-que_on:before { content: "\e62f"; }

.icon-tel_on:before { content: "\e630"; }

.icon-tel:before { content: "\e631"; }