body,h1,h2,h3,p,dl,dd,ol,ul,th,td,fieldset,input,button,textarea,form,canvas,audio,video,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary
{
	margin: 0;
	padding: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary
{
	display: block;
}
audio,canvas,video
{
	display: inline;
	display: inline-block;
	zoom: 1;
}
html
{
	text-size-adjust: 100%;
	webkit-text-size-adjust: 100%;
	word-wrap: break-word;
}
h1,h2,h3
{
	font-size: 100%;
}
ol,ul
{
	list-style: none;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: inherit;
}
img
{
	border: 0;
	ms-interpolation-mode: bicubic;
}
cite,em,s,i,b
{
	font-style: normal;
}
input,button,textarea,select
{
	font-size: 100%;
}
body,input,button,textarea,select,option
{
	font-size: normal;
}
a,input,textarea
{
	outline: 0;
	text-decoration: none;
	webkit-tap-highlight-color: rgba(0,0,0,0);
}
li,img,label,input
{
	vertical-align: middle;
}
var
{
	font-style: normal;
}
ins
{
	text-decoration: none;
}
abbr,acronym
{
	border: 0;
	font-variant: normal;
}
sup
{
	vertical-align: text-top;
}
sub
{
	vertical-align: text-bottom;
}
button,select
{
	text-transform: none;
}
button[disabled],html input[disabled]
{
	cursor: default;
}
input[type=checkbox],input[type=radio]
{
	box-sizing: border-box;
	height: 13px;
	padding: 0;
	width: 13px;
}
button,input,select,textarea
{
	margin: 0;
	vertical-align: baseline;
	vertical-align: middle;
}
button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner
{
	border: 0;
	padding: 0;
}
button,html input[type=button],input[type=reset],input[type=submit]
{
	cursor: pointer;
	overflow: visible;
	webkit-appearance: button;
}
body
{
	background: #ebeced;
	font-size: 20px;
}
.viewport
{
	margin: auto;
	max-width: 720px;
	overflow: hidden;
}
.wc
{
	color: #fff;
}
.c
{
	color: #51545a;
}
.gc
{
	color: #87888c;
}
.gc2
{
	color: #f7f8fa;
}
.oc
{
	color: #fc6500;
}
.mlr20
{
	margin: auto 1em;
}
.m20
{
	margin: 1em 0;
}
.m30
{
	margin: 1.5em 0;
}
.mt20
{
	margin-top: 1em;
}
.mb20
{
	margin-bottom: 1em;
}
.mt40
{
	margin-top: 2em;
}
.mb40
{
	margin-bottom: 2em;
}
.mt-20
{
	margin-top: -1em;
}
.h_box
{
	display: box;
	display: -moz-box;
	display: -webkit-box;
	width: 100%;
}
.h_box .spacer
{
	width: 1em;
}
.flex_1
{
	box-flex: 1;
	moz-box-flex: 1;
	webkit-box-flex: 1;
	width: 100%;
}
.flex_20
{
	width: 1em;
}
.imgurl
{
	background: #f5f5f6 url(../images/img_bg4.png) 50% 50% no-repeat;
	background-size: 9.5em 9.5em;
	display: block;
	moz-background-size: 9.5em 9.5em;
	o-background-size: 9.5em 9.5em;
	webkit-background-size: 9.5em 9.5em;
	width: 100%;
}
.imgurl img
{
	width: 100%;
}
.title
{
	margin-bottom: .7em;
	margin-top: 1.1em;
}
.title h3
{
	color: #727377;
	font-size: 1.35em;
}
.fz20
{
	font-size: 1em;
}
.fz25
{
	font-size: 1.25em;
}
.fz27
{
	font-size: 1.35em;
}
.fz30
{
	font-size: 1.5em;
}
.fz32
{
	font-size: 1.6em;
}
.fz36
{
	font-size: 1.8em;
}
.fz46
{
	font-size: 2.3em;
}
.fl
{
	float: left;
}
.fr
{
	float: right;
}
.fn
{
	float: none;
}
.al
{
	text-align: left;
}
.ar
{
	text-align: right;
}
.ac
{
	text-align: center;
}
.clr
{
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}
.clearfix:after
{
	clear: both;
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix
{
	display: inline-table;
}
*+html .clearfix
{
	min-height: 1%;
}
.hide
{
	display: none;
}
.overflow
{
	overflow: hidden;
}
body
{
	background-color: #fff;
	position: relative;
}
.button
{
	border-radius: .23529em;
	border-style: solid;
	border-width: 1px;
	display: block;
	font-size: 1.7em;
	font-weight: 700;
	line-height: 2.61765em;
	moz-border-radius: .23529em;
	overflow: hidden;
	text-align: center;
	text-shadow: rgba(0,0,0,.3) 0 -1px 0 2px 5px rgba(0,0,0,.4);
	webkit-border-radius: .23529em;
}
.button.active_button
{
	background-image: linear-gradient(#fc7000,#e45000);
	background-image: -moz-linear-gradient(#fc7000,#e45000);
	background-image: -o-linear-gradient(#fc7000,#e45000);
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fc7000),color-stop(100%,#e45000));
	background-image: -webkit-linear-gradient(#fc7000,#e45000);
	border-bottom-color: #df4d00;
	border-left-color: #e56000;
	border-right-color: #e56000;
	border-top-color: #db6100;
	box-shadow: rgba(0,0,0,.1) 0 .02941em .11765em 0 inset;
	color: #fff;
	moz-box-shadow: rgba(0,0,0,.1) 0 .02941em .11765em 0 inset;
	webkit-box-shadow: rgba(0,0,0,.1) 0 .02941em .11765em 0 inset;
}
.button.active_button:active,.button.active_button:hover
{
	border-bottom-color: #d74a00;
	border-left-color: #ad4d00;
	border-right-color: #c85100;
	border-top-color: #ad4d00;
	box-shadow: rgba(0,0,0,.3) 0 .05882em .11765em .02941em inset;
	moz-box-shadow: rgba(0,0,0,.3) 0 .05882em .11765em .02941em inset;
	webkit-box-shadow: rgba(0,0,0,.3) 0 .05882em .11765em .02941em inset;
}
.button.disable_button
{
	background-image: linear-gradient(#f3f4f6,#dfe0e2);
	background-image: -moz-linear-gradient(#f3f4f6,#dfe0e2);
	background-image: -o-linear-gradient(#f3f4f6,#dfe0e2);
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f3f4f6),color-stop(100%,#dfe0e2));
	background-image: -webkit-linear-gradient(#f3f4f6,#dfe0e2);
	border-bottom-color: #dadbdd;
	border-left-color: #dadbdd;
	border-right-color: #dadbdd;
	border-top-color: #d3d4d5;
	box-shadow: rgba(0,0,0,.1) 0 .02941em .11765em 0 inset;
	color: #515459;
	moz-box-shadow: rgba(0,0,0,.1) 0 .02941em .11765em 0 inset;
	text-shadow: rgba(0,0,0,.1) 0 1px 0 2px 5px rgba(0,0,0,.4);
	webkit-box-shadow: rgba(0,0,0,.1) 0 .02941em .11765em 0 inset;
}
.button.disable_button:active,.button.disable_button:hover
{
	border-bottom-color: #d2d3d5;
	border-left-color: #c4c5c6;
	border-right-color: #c4c5c6;
	border-top-color: #a7a8a9;
	box-shadow: rgba(0,0,0,.3) 0 .05882em .11765em .02941em inset;
	moz-box-shadow: rgba(0,0,0,.3) 0 .05882em .11765em .02941em inset;
	webkit-box-shadow: rgba(0,0,0,.3) 0 .05882em .11765em .02941em inset;
}
.button.del_button
{
	background-image: linear-gradient(#e83636,#b6151d);
	background-image: -moz-linear-gradient(#e83636,#b6151d);
	background-image: -o-linear-gradient(#e83636,#b6151d);
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#e83636),color-stop(100%,#b6151d));
	background-image: -webkit-linear-gradient(#e83636,#b6151d);
	border-bottom-color: #b30f12;
	border-left-color: #cc2725;
	border-right-color: #cc2725;
	border-top-color: #cc2e2a;
	box-shadow: rgba(0,0,0,.1) 0 .02941em .11765em 0 inset;
	color: #fff;
	moz-box-shadow: rgba(0,0,0,.1) 0 .02941em .11765em 0 inset;
	webkit-box-shadow: rgba(0,0,0,.1) 0 .02941em .11765em 0 inset;
}
.button.del_button:active,.button.del_button:hover
{
	border-bottom-color: #d74a00;
	border-left-color: #ad4d00;
	border-right-color: #c85100;
	border-top-color: #ad4d00;
	box-shadow: rgba(0,0,0,.3) 0 .05882em .11765em .02941em inset;
	moz-box-shadow: rgba(0,0,0,.3) 0 .05882em .11765em .02941em inset;
	webkit-box-shadow: rgba(0,0,0,.3) 0 .05882em .11765em .02941em inset;
}
.header
{
    background:#f4f4f4;
	height: 4.85em;
    line-height: 4.85em;
	padding: 0 1.25em;
    position:relative;
}
.header .logo
{
	float: left;
}
.header .logo a
{
	display: block;
	height: 2.5em;
	width: 2.5em;
}
.header .logo a img
{
	height: 100%;
	width: 100%;
}
.header .logo:after{
    display:block;
    content: '小米商城';
    font-size: 1.9em;
    position:absolute;
    width:9em;
    text-align:center;
    top:0;
    left:50%;
    margin-left:-4.5em;
    color:#464646;
}
.container
{
	padding: 5.5em 0 0;
}
.container .tips_wrap
{
	padding: 0 1em;
	text-align: center;
}
.container .tips_wrap h3
{
	color: #f67704;
	font-size: 1.8em;
	margin-bottom: .55556em;
}
.container .tips_wrap p
{
	font-size: 1.2em;
	line-height: 1.41667em;
	margin-bottom: 1.66667em;
}
.container .tips_wrap .imgurl
{
	background: 0;
	margin: 0 auto;
	padding: 20px 0;
	width: 60%;
}
.container .tips_wrap .note
{
	font-size: .7em;
	line-height: 1.28571em;
	text-align: left;
}
.container .tips_wrap .note dt
{
	font-size: .7em;
	font-weight: 700;
	margin-bottom: .71429em;
}
.container .tips_wrap .note dd
{
	color: #666;
}
.container .tips_wrap .button
{
	margin-top: .5em;
}
@media only screen and (max-width:300px)
{
	body
	{
		font-size: 8.33333px!important;
	}
	.viewport
	{
		max-width: 300px;
	}
}
@media only screen and (max-width:310px) and (min-width:300px)
{
	body
	{
		font-size: 8.33333px!important;
	}
	.viewport
	{
		max-width: 300px;
	}
}
@media only screen and (max-width:320px) and (min-width:310px)
{
	body
	{
		font-size: 8.88889px!important;
	}
	.viewport
	{
		max-width: 320px;
	}
}
@media only screen and (max-width:360px) and (min-width:320px)
{
	body
	{
		font-size: 8.88889px!important;
	}
	.viewport
	{
		max-width: 360px;
	}
}
@media only screen and (max-width:360px) and (min-width:350px)
{
	body
	{
		font-size: 10px!important;
	}
	.viewport
	{
		max-width: 360px;
	}
}
@media only screen and (max-width:480px) and (min-width:360px)
{
	body
	{
		font-size: 10px!important;
	}
	.viewport
	{
		max-width: 480px;
	}
}
@media only screen and (max-width:480px) and (min-width:470px)
{
	body
	{
		font-size: 13.33333px!important;
	}
	.viewport
	{
		max-width: 480px;
	}
}
@media only screen and (max-width:560px) and (min-width:480px)
{
	body
	{
		font-size: 13.33333px!important;
	}
	.viewport
	{
		max-width: 560px;
	}
}
@media only screen and (max-width:570px) and (min-width:560px)
{
	body
	{
		font-size: 15.83333px!important;
	}
	.viewport
	{
		max-width: 570px;
	}
}
@media only screen and (max-width:640px) and (min-width:570px)
{
	body
	{
		font-size: 15.83333px;
	}
	.viewport
	{
		max-width: 640px;
	}
}
@media only screen and (max-width:640px) and (min-width:630px)
{
	body
	{
		font-size: 17.77778px!important;
	}
	.viewport
	{
		max-width: 640px;
	}
}
@media only screen and (max-width:710px) and (min-width:640px)
{
	body
	{
		font-size: 17.77778px!important;
	}
	.viewport
	{
		max-width: 710px;
	}
}