body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul { 
    margin: 0; 
    padding: 0 
} 
body { 
    min-width: 320px; 
    font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif; 
    color: #333; 
    -webkit-text-size-adjust: none;
    overflow:hidden; 
    font-size:20%  
} 

fieldset,img { 
    border: 0 
} 
ol,ul { 
    list-style: none 
} 
address,em { 
    font-style: normal 
} 
a { 
    color: #000; 
    text-decoration: none 
} 
table { 
    border-collapse: collapse 
} 
#clear { 
    clear: both; 
    width: 100%; 
    background-color: #fff 
} 
#clear: after { 
    display: block; 
    clear: both; 
    height: 1px; 
    content: '' 
} 
img, fieldset { 
    border: 0; 
} 
img { 
    height: auto; 
    width: auto\9; 
    margin:auto 0;
    width:100%; 
}
.content-step ul li .red{ color:#e5362b; background:none; width:inherit; vertical-align:inherit} 
* { 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box 
} 

@media screen and (min-width: 0px)  {
    .doc {
        width: 300px;
        height: 348PX;

    }
}
@media screen and (min-width: 300px)  {
    .doc {
        width: 300px;
        height: 348PX;

    }
}
@media screen and (min-width: 360px)  {
    .doc {
        width: 360px;
        height: 418PX;

    }
}
@media screen and (min-width: 374px) {
    .doc {
        width: 375px;
        height: 435px;
    }
}
@media screen and (min-width: 412px) {
    .doc {
        width: 412px;
        height: 478PX;
    }
}
@media screen and (min-width: 414px) {
    .doc {
        width: 414px;
        height: 481PX;
    }
}

@media screen and (min-width: 720px) {
    .doc {
        width: 720px;
        height: 837px;
    }
}

.doc { 

	margin: 0 auto;
} 
.img{
	width: 100%;
	height: 100%;
	background-size:contain;
	background-repeat:no-repeat;
	position: relative;
	margin: 0 auto;
}
.wapbg { padding:1px 0; height:auto; } 
.mrj-logo {
  margin:auto 0;
  width: 41%;
  height: 25%;
  float: right;
} 
.mrj-erweima { margin:auto 0;} 
.mrj-download {
    margin:auto 0;
}
.zx-logo {
	width: 100%;
	height: 71%;
	background: url(../images/zx-logo.png);
	background-size:cover; 
	background-position: (20px,20px);
	margin:auto 0;}
.bq-logo {
	width: 100%;
	height: 71%;
	background: url(../images/bq-logo.png);
	background-size:cover; 
	background-position: (20px,20px);
	margin:auto 0;}