/* CSS Document */
*{margin:0;padding:0;font-family: "Microsoft Yahei", "΢ÈíÑźÚ", Helvetica;font: normal 100% ;}
html{max-width:640px;margin:0 auto;}
body{line-height:22px;color:#333;font-size:12px; background-color:#fff; font-family: "Microsoft Yahei", "΢ÈíÑźÚ", Helvetica;font: normal 100% ; max-width:640px; margin:0 auto;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
ul,ol,dl{list-style:none;}
li{padding:0;margin:0;}
address, cite, dfn, em, i, var {   font-style: normal;}
h1{ font-weight:bold;}
img{vertical-align:middle;border:0; max-width:100%;}
a{cursor:pointer;color:#333;text-decoration:none;}
a:hover{ text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute;}
.pr{position:relative;}
.clearfix:after{display:block;content:'clear';clear:both;line-height:0;visibility:hidden;}
.clearfix{*zoom:1;}
.clear{clear:both;}
.text_c{text-align:center;}
.text_l{text-align:left;}
.text_r{text-align:right;}
.pt5{padding-top: 5px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.pb20{ padding-bottom: 20px;}
.yellow{ color:#fd5f03;}
.blue{color:#3989c9;}
.w{margin:0 auto;width:100%;}
.block{display:block;}
.dib{display:inline-block;}
.hide{display:none}
.mt20{margin-top:.4rem !important;}
.mt10{margin-top:.2rem !important;}
.f12{ font-size:12px;}
.clearfix:after{display:block;content:'clear';clear:both;line-height:0;visibility:hidden;}
.clearfix{*zoom:1;}
.clear{clear:both;}
/*·ÖÒ³*/

.divpage{margin:30px auto;	text-align:center;	font-size:12px;	}
.divpage span{background: none repeat scroll 0 0 #fff;	border: 1px solid #dcdddd;	color: #666;	display: inline-block;	height: 20px;	line-height: 20px;	margin-right: 5px;	padding: 0 5px;	vertical-align: middle;	width: auto;cursor:pointer;	}
.divpage a{	width: auto;padding: 0px 10px;	display: inline-block;	color: #666;	height: 20px;	line-height: 20px;	border: 1px solid #dcdddd;	background: #FFF;	vertical-align: middle;	margin-right:5px;}
.divpage a:hover{color:#fff;	background-color:#810018;}

.divpage select{opacity:0.5;	width:40px;	height:20px;}
.whichnew {   padding: 30px 50px 0px 0;}
.whichnew p {   margin: 10px 0;}
.red{color:#810018;}
/* reset */
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,section,article,aside,header,footer,nav,dialog,figure,hgroup{margin:0;padding:0;}
input,select,textarea{font-size:100%;}
table {border-collapse:collapse;border-spacing:0}
fieldset,img {border:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
ul,ol,li{list-style:none}
em,i{font-style:normal}
del{text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500;}
img{border:0;max-width:100%;}
input,img{vertical-align:middle;}
input:focus,a:focus{outline:none;}
a{color:#333333;text-decoration:none;}
a:active{opacity:.7;}
*{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-box-sizing:border-box;}
html{-webkit-text-size-adjust:none;overflow-y:scroll;}

/* Site Global 
body{min-width:320px;line-height:1.5;color:#333333;font-family:Arial, Helvetica, STHeiTi, sans-serif;background:#F2F2F2;}
.w{margin:0 auto;max-width:15rem;}
.layout{margin:.2rem;-webkit-box-sizing:border-box;}
.pdlayout{padding:.2rem .6rem;}
.fix:after{display:block; content:''; clear:both; visibility:hidden;}
.cl{clear:both;}
.fl{float:left}
.fr{float:right;}
.block{display:block;}
.dib{display:inline-block;}
.hide{display:none}
.mt20{margin-top:.4rem !important;}
.mt10{margin-top:.2rem !important;}
.f12{font-size:.58rem;}
.f14{font-size:.58rem;}
.f16{font-size:.58rem;}
.f18{font-size:.58rem;}
.f20{font-size:.58rem;}
.fhalf{font-size:.4rem;}
.scale{-webkit-transform:scale(.8);}
.font{font-size:.58rem;}
.f30{font-size:.6rem;}
.tr{text-align:right;}
.tc{text-align:center;}
.pa{position:absolute;}
.pr{position:relative;}
.gray6{color:#666;}
.gray9{color:#999;}
.vm{position:absolute;top:50%;-webkit-transform:translateY(-50%);}
.hm{position:absolute;left:50%;-webkit-transform:translateX(-50%);}
.hvm{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);}
.bold{font-weight:700;}
.of{overflow:hidden;word-wrap:break-word;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;}
.wb{word-wrap:break-word;word-break:break-all;text-overflow:ellipsis;}
.snPrice{color:#E21D1D;}
.snPrice em{padding-left:2px;}
img.liprice{height:20px !important;width:auto !important;}
.p{margin:5px 0;}
.overtouch{overflow-y:auto;-webkit-overflow-scrolling:touch;}
.sn-icon:after{position:absolute;top:-6px;right:-8px;bottom:-6px;left:-8px;content:' ';}
.input-reset{-webkit-appearance: none;-webkit-border-radius: 0;}
.opa0{opacity:0;}
.opa1{opacity:1 !important;}
*/

/* layout */
.wbox{display:-webkit-flex !important;display:-webkit-box;}
.wbox-flex{-webkit-flex:1 !important;-webkit-box-flex:1;word-wrap:break-word;word-break:break-all;}
.bbox,p,div{-webkit-box-sizing:border-box;}
.sn-iconbtn:after{position:absolute;top:-6px;right:-8px;bottom:-6px;left:-8px;content:' ';}
.sn-block{background:#FFF;}
/* element */