@charset "gb2312";
/* CSS Document */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input {margin:0;padding:0;}
html {font-family:sans-serif,tahoma, arial, simsun;font-size:20px;-webkit-backface-visibility:hidden;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, del, em, img, strong, b, u, i, dl, dt, dd, ul, li, form, label, button, input { margin: 0; padding: 0; }
body {font: 16px/1.5 tahoma, arial, simsun;color:#444;background-color:#fff;-webkit-text-size-adjust:none;min-width:320px;}
ul, li {list-style: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; clear: both }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: 0; font-family: inherit; }
textarea { resize: none }
input { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background:none }
button, html input[type=button], input[type=search], input[type=submit] { -webkit-appearance: none }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance:none}
input:focus:-moz-placeholder, input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0}
a { text-decoration: none; color: #fff }
a:hover, a:active, a:focus { color: #c00; text-decoration: none; outline:0 none }
img { vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; width:100% }
table { border-collapse: collapse; border-spacing: 0 }

@media only screen and (min-width: 320px){
    html {
        font-size: 20px !important;
    }
}
@media only screen and (min-width: 360px){
    html {
        font-size: 22.6px !important;
    }
}
@media only screen and (min-width: 375px){
    html {
        font-size: 23.43px !important;
    }
}
@media only screen and (min-width: 400px){
    html {
        font-size: 25px !important;
    }
}
@media only screen and (min-width: 411px){
    html {
        font-size: 25.74px !important;
    }
}
@media only screen and (min-width: 412px){
    html {
        font-size: 25.75px !important;
    }
}

@media only screen and (min-width: 414px){
    html {
        font-size: 25.95px !important;
    }
}

@media only screen and (min-width: 428px){
    html {
        font-size: 26.75px !important;
    }
}
@media only screen and (min-width: 438px){
    html {
        font-size: 27.3px !important;
    }
}
@media only screen and (min-width: 448px){
    html {
        font-size: 28px !important;
    }
}
@media only screen and (min-width: 458px){
    html {
        font-size: 28.63px !important;
    }
}
@media only screen and (min-width: 468px){
    html {
        font-size: 29.25px !important;
    }
}
@media only screen and (min-width: 478px){
    html {
        font-size: 29.88px !important;
    }
}
@media only screen and (min-width: 481px){
    html {
        font-size: 30px !important; 
    }
}
@media only screen and (min-width: 488px){
    html {
        font-size: 30.5px !important; 
    }
}
@media only screen and (min-width: 498px){
    html {
        font-size: 31.13px !important; 
    }
}
@media only screen and (min-width: 510px){
    html {
        font-size: 31.88px !important; 
    }
}
@media only screen and (min-width: 520px){
    html {
        font-size: 32.5px !important; 
    }
}
@media only screen and (min-width: 530px){
    html {
        font-size: 33.13px !important; 
    }
}
@media only screen and (min-width: 550px){
    html {
        font-size: 34.38px !important; 
    }
}
@media only screen and (min-width: 560px){
    html {
        font-size: 35px !important; 
    }
}
@media only screen and (min-width: 580px){

    html {
        font-size: 36.25px !important; 
    }
}
@media only screen and (min-width: 590px){
    html {
        font-size: 36.88px !important; 
    }
}
@media only screen and (min-width: 600px){
    html {
        font-size: 37.5px !important; 
    }
}

@media only screen and (min-width: 640px){
    html {
        font-size: 40px !important; 
    }
}
@media only screen and (min-width: 750px){
    html {
        font-size: 47px !important; 
    }
}


.mr-t05{
	margin-top: .5rem;
}
p{padding:0px;margin:0px}
.fl{ float:left;}
.fr{ float:right;}
/*定位*/
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed}
/*文字超出省略*/
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
/*对齐*/
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
a img {
	border: 0;
}
img {
	width:100%;
	border:none;
	vertical-align: middle;
}
table {
	empty-cells: show;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}/* hides from ie-mac*/
*html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}/* end hide from ie-mac */
*+html .clearfix {
	min-height: 1%;
}
html.body {
	height: 100%;
}

.flex-father{
	display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	}
.flex-sun{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    display: block;
    padding: 0!important;

}
body{
	max-width: 750px;
    min-width: 320px;
    margin: 0 auto;
    position: relative;
    height: auto;
}
.container{
/*	padding-bottom: 40rem;*/
	padding-bottom: 4rem;
}
.t-c-mid{
	position: fixed;
	height: 100%;
	width: 100%;
	display:flex;
	flex-direction:column;
	align-items:center;/*垂直居中*/
	justify-content: center;/*水平居中*/
	background: #E5A43B;
}
.dp-ib{display:inline-block}
.app_main h3{
	text-align: center;
	font-size: 1rem;
	line-height: 2.25rem
}
.app_main .text{
	padding: 0 .5rem .5rem;
}
.app_main .p1{
	font-size: .7rem;
	font-weight: bold;
	line-height: 1.25rem;
	margin: .25rem 0
}
.app_main .p2{
	font-size: .6rem;
	color: #505050;
	text-indent: .75rem;
	line-height: 1.2rem;
}
.app_main .p22{
	text-indent: .05rem;
	font-size: .6rem;
	color: #505050;
	font-weight:bold;
}
.app_main .pline{
	font-size:0;
	padding: .45rem 0;
}