@media screen and (min-width: 481px) {
	.index {text-align: center;}
	.logo {float: left;}
	.search {float: left; margin: 30px 20px;}
}
@media screen and (max-width: 480px) {
	.logo {text-align: center;}
	.search {width: auto;}
}
/* 垂直方向的变化的代码 */
.portrait {
}
/* 水平方向的变化的代码 */
.landscape {
}

/* $__备案标签 */
.mii {text-align:center; color:#999; display:inline; text-decoration:none; }
.mii:link {color:#666}
.mii:visited {color:#666}
.mii:hover {color:#666}
.mii:active {color:#666}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: Arial, Microsoft YaHei, sans-serif;
	margin: 0;
	padding: 0;
}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.fl {float: left;}
.fr {float: right;}

.gray {color: gray;}
.darkgray {color: #666;}
.red {color: red;}
.darkred {color: #C00;}
.lightgreen {color: #CC6;}
.white {color: #FFF;}
.orange {color: #ff8000;}
.darkblue {color: #369;}

.mark {color: #900;}

.valid {color: #060;}

.hide {display: none;}
.inline {display: inline;}

.dotline {border-top: 1px dashed #ccc; margin: 10px;}

.no-ul {text-decoration:none;}

.bold {font-weight: bold;}
.small {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs14 {font-size: 14px;}

.blew {margin-bottom: 8px;}

.link_home:link, .link_home:visited, .link_home:hover, .link_home:active {color: #FFF, text-decoration:none; font-size:26px;}

.ui-icon-myapp-tel {
	background: url("/img/icons.gif") 16px 12px no-repeat;
	background-size: 24px 140px;
}
.ui-icon-myapp-msg {
	background: url("/img/icons.gif") 16px -21px no-repeat;
	background-size: 24px 140px;
}
.ui-icon-myapp-email {
	background: url("/img/icons.gif") 16px -54px no-repeat;
	background-size: 24px 140px;
}
.ui-icon-myapp-location {
	background: url("/img/icons.gif") 16px -90px no-repeat;
	background-size: 24px 140px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.ui-icon-myapp-tel {
		background: url("/img/icons.gif") 16px 12px no-repeat;
		background-size: 24px 140px;
	}
}


/* GTIN */
.gdsGTIN {width: 113px; height: 50px;}
.gdsQR {width: 50px; height: 50px;}
.commonQR {width: 120px; height: 120px;}
.weixinQR {width: 240px; height: 240px;}

.GTINimg p {height: 25px; line-height: 25px; color: white; background-color: #666;}
.GTINimg img {width: 100%;}

/* detail */

.w100 {width: 100px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w310 {width: 310px;}
.w350 {width: 350px;}
.w400 {width: 400px;}

.detail .cel {width: 100%;}
.detail .cel p {margin-bottom: 10px;}
.detail h3 {border-bottom: 4px solid #31629e; font-size: 18px; padding: 2px 0 6px;}
.detail .desc {border-top: 1px solid #cacaca; font-size: 16px; padding: 20px 0;}
.detail .desc p {margin-bottom: 0px;}
.detail .multi p {margin-bottom: 10px;}
.detail .multi ul {list-style: none;}
.detail .multi li {margin-bottom: 10px;}

/* card */

.h8 {height: 8px;}
.h16 {height: 16px;}
.h24 {height: 24px;}
.h32 {height: 32px;}
.h80 {height: 80px;}
.h100 {height: 100px;}
.h120 {height: 120px;}
.h160 {height: 160px;}
.h200 {height: 200px;}

.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f20 {font-size: 20px;}
.f24 {font-size: 24px;}
.f28 {font-size: 28px;}
.f32 {font-size: 32px;}