/* reset */
 body { font-family:Arial, '微软雅黑', "microsoft yahei", Verdana, Helvetica, sans-serif; padding:0; margin:0 auto; min-width:320px; }
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, img, dd, dt, dl { padding:0; margin:0; border:none; }
a { text-decoration:none; outline:none; display: block; border:0; padding:0; margin:0; }
ul, li { list-style:none outside none; padding:0; margin:0; }
* { margin: 0; padding: 0; }
img { width:100%; vertical-align: middle; }
input { background:none; border:none; }
/* base */
 .clearfix:after { visibility: hidden; display: block; font-size: 0; content:" "; clear: both; height: 0; }
.clearfix { zoom: 1; clear:both; }
.wrapper { min-width: 320px; max-width: 640px; height: 100%; margin: 0 auto; padding-top: 44px; background-color: #351d1d; position: relative; z-index: 10; line-height: 0; }
.fl { float: left; }
.fr { float: right; }
.rposition { position: relative; }
/*head*/
.header { background: #fff; padding: 0; position: relative; position: fixed; width: 100%; top: 0; height: 44px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); box-shadow: 0 1px 3px rgba(0, 0, 0, .3); text-align: center; line-height: 44px; font-size: 18px; color: #252525; z-index: 99; }
.header .h_back,
.header .h_home,
.header .h_logn,
.header .logo,
.header .backtop { background: url(http://ma.vip.com/statics/images/indexicon.png) no-repeat; -webkit-background-size: 200px; -moz-background-size: 200px; background-size: 200px; }
.header .head_logo { position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -30px; }
.header .logo { width: 60px; height: 17px; display: block; background-position: -55px -5px; }
.header .head_left a,
.header .head_right a { display: block; padding: 13px; }
.header .h_logn,
.header .h_cart,
.header .h_back,
.header .h_home { display: block; width: 19px; height: 18px; }
.header .h_logn { background-position: -10px -5px; }
.header .h_cart { background-position: -10px -35px; }
.header .h_back { background-position: -10px -65px; }
.header .h_home { background-position: -10px -95px; }
.header .headtit { display: inline-block; width: 220px; overflow: hidden; white-space: nowrap; word-break: keep-all; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.header .h_logn_0 { display: block; height: 18px; width: 40px; text-align: center; line-height: 18px; font-size: 14px; color: gray; }
/* content */
.count_downTime { position: absolute; bottom: 10%; width: 100%;text-align: center; font-size: 14px; color: #fff;}
.count_downTime em { font-size: 12px; font-style: normal;}
.count_downTime span { width: 15px; height: 22px; padding: 2px 5px; font-size: 16px; lin; margin: 0 2px; background: url(../images/time_bg.png) no-repeat; background-size: 100% 100%;}
.download a { position: absolute; top: 38%; width: 43%; height: 50%; }
.download .android { left: 3.5%; }
.download .ios { right: 3.5%; }
.content { width: 100%;}
.gohome { position: absolute; bottom: 10%; left: 28%; width: 44%;}
.share_sina { position: absolute; top: 14%; left: 18%; width: 18%; }
.share_qzone { position: absolute; top: 14%; right: 18%; width: 18%; }
.rule { width: 100%; padding-bottom: 15px; background-color: #351d1d;}
.rule .tit, .rule .tit_snd { position: relative; width: 100%; font-size: 16px; line-height: 32px; color: #fff; text-align: center; }
.rule .tit_snd { font-size: 14px; line-height: 22px; background-color: #693d3d; }
.rule .tit_red { color: #c0965d; }
.rule .tit:before { content:''; position: absolute; top: 5px; left: 10px; width: 16px; height: 16px; background: url(../images/tit-icon.png) no-repeat; background-size: 100% 100%; }
.rule .tit-down:after { content:''; position: absolute; top: 10px; right: 35%; width: 12px; height: 12px; background: url(../images/rule-down.png) no-repeat; background-size: 100% 100%; }
.rule .tit-up:after { content:''; position: absolute; top: 10px; right: 35%; width: 12px; height: 12px; background: url(../images/rule-up.png) no-repeat; background-size: 100% 100%; }
.rule .content { position: relative; display: none; width: 100%; font-size: 12px; line-height: 18px; color: #fff;}
.rule .content p { width: 95%; margin: 10px auto;}
footer { width: 100%; padding:15px 0; text-align: center;}
footer a { color: #533939; font-size: 14px; font-family: Arial; }