body{ font:normal 16px  "微软雅黑","Arial","MIC","Tahoma",sans-serif;color:#fff;margin:0px;padding:0px;background: #fff}
ul,ol{list-style:none;padding:0px;margin:0;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td, fieldset, label, legend,dt,dd,dl, em,i,button{margin:0;padding:0;}
section, article, aside, header, footer, nav, dialog, figure,figcaption {display:block;}
figure {margin:0;}
img {border:0; vertical-align: middle; max-width: 100%;}
a {text-decoration:none;text-decoration:none;cursor:pointer;outline-color:-moz-use-text-color;
outline-style:none;outline-width:0;text-decoration:none;-moz-outline:none;outline:none;ie-dummy:expression(this.hideFocus=true);}
a:hover {text-decoration:none;}
button {cursor:pointer;}
fieldset,form{ background:none; border:none; padding:0; margin:0;}
input, button{outline: none;}
i{font-style: normal;}

body,html{width: 100%;}

#body,#html{height: 100%;}
#body article, #body .scroll, #body section{height: 100%;}
/*Floats*/
.f_l{float:left;width:auto;}    
.f_r{float:right;width:auto;}

/* --------|  Clear Fix |--------- */
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}/* Hide from IE Mac */

.pt5{padding-top: 5px;}
.color_red{color: #ed1b2f;}
.color_blue{color: #74a7e1;}
.mt14{margin-top: 14px;}
.text_r{text-align: right;}
.pt20{padding-top: 12px;}

.bg_black{background: rgba(0,0,0,0.9);}

article{overflow:hidden; width: 100%;  max-width: 640px; margin: 0 auto;}
.weixin_logo{width: 0; height: 0; position: absolute; overflow: hidden; opacity: 0;}
.scroll{ top:0; left: 0; -webkit-transition:top 500ms cubic-bezier(0.42, 0, 0.58, 1); width: 100%; padding-bottom: 5%;}
section{width: 100%; position: relative;}


.load{position: absolute; top:20%; color: red; text-shadow:2px 2px 3px rgba(0,0,0,0.2); text-align: center; width: 100%;}


.bg_red{ background: #e04647}
/*#s1*/
.bg1{background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#fbfbfb));}

/*edit-20150818 by 95555 deleted*/
/*.btn_box{text-align: center; padding-top: 2em; position: absolute; bottom: 0; padding-bottom: 1em; width: 100%;}
.btn{background: #15c1f3; display: inline-block; width: 4em; text-align: center; line-height: 2em; height: 2em; color: #fff; margin: 0 1em;}*/
/*end*/



/*edit-20150721*/
.btn{width: 6em}

.bg2{background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f0e9e1), to(#fbfaf8));}
/*#s2*/

@media screen and (min-width: 480px){
	body{font-size: 1.4em;}	
}

@media screen and (max-device-height:480px){
	.bg1 .img{margin-top: -2em;}
	.img{margin-top: -2.5em;}
	.bg2 .img2{margin-top: -1em;}
}

@media screen and (max-width: 400px) and (min-device-height:481px) and (max-device-height:540px){
	.img{margin-top: -2em;}
}
/*edit-20150720*/
.back_box{position: absolute; top:5px; left:5px;}

/*edit-20150807 by 95555*/
.topband{width: 100%;  height:9%;margin: 0 auto;background-color:#BA1B37; text-align:center; 
                position:absolute;top:0;left:0;}
.topband a img{height:100%;}
.btn{background: #BA1B37;}

/*edit-20150818 by 95555*/
.btn_box{position: fixed; bottom: 0; background: rgba(255,255,255,0.8); box-shadow: 0 -4px 4px rgba(0,0,0,0.1);
               width: 100%; max-width: 640px; height: 3em; text-align: center; padding-top: 1em;}
.btn_box a{display: inline-block; margin: 0 5%; width: 38%; text-align: center; height: 2.4em; line-height: 2.4em; font-weight: 700; 
background:#ac0100; background:-webkit-gradient(linear, 0 0, 0 100%, from(#f98039), to(#ac0100)); border-radius: 5px; color: #fff; cursor: pointer;}

/*edit-20150826*/
.img img{margin-top:1.5em;}
.img0 img{margin-top:2em;}
.img1 img{margin-top:2.5em;}
.img2 img{margin-top:0em;}

.tip-body{ position: fixed; top:0px; left:0px; display: none; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.tip-body .tipimg1{float:right; width: 87px;margin:0 30px 0 0;}
.tip-body .tipimg2{ width: 100%;}