html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
list-style:none;
font-weight:normal;
font-style:normal;
border-collapse:collapse;
border-spacing:0;
}


input{outline:0; font-family:inherit;}
a{text-decoration:none; outline:0; cursor:pointer;}

.none{display:none !important;}
.block{display:block !important;}
.hidden{overflow: hidden;}


.fr{float:right !important;}
.fl{float:left !important;}

.cblue{color:#06c !important;}
.cred{color:#f00 !important;}
.bgcred{background-color:#c00 !important;}
.bgcblue{background-color:#0cf !important;}

.ico_bottom{background:url("../images/ico_bottom.png") no-repeat right center; background-size:2rem; padding-right:3rem;}
.ico_top{background:url("../images/ico_top.png") no-repeat right center; background-size:2rem; padding-right:3rem;}

html{height:100%; /*font-size:62.5%;*/}
body{height:100%; font-family: "Microsoft Yahei"; background:#fff;}

*{
    -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

*:not(input,textarea) {
    -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
    -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
}
  
.ui-page {

backface-visibility: hidden;
-webkit-backface-visibility: hidden; /* Chrome and Safari */
-moz-backface-visibility: hidden; /* Firefox */
-webkit-transform-style: flat;
-webkit-backface-visibility: hidden;
-webkit-perspective: 800;

}
:root,body{margin:0;height:100%;}
*{margin:0;padding:0;}
html{font-size:62.5%;-webkit-tap-highlight-color:transparent;height:100%;min-width:320px;}
body{-webkit-user-select:none;
    -webkit-text-size-adjust:none;font-family:"Microsoft Yahei",sans-serif;font-size:1.4rem;line-height:1;color:#333;height:100%;}
a:active,a:hover{outline:0}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-webkit-border-radius:0;}
button,html input[type=button],input[type=reset],input[type=submit],input[type=tel]{-webkit-appearance:button;cursor:pointer;box-shadow:none;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500;}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#333;text-decoration:none;outline:0}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
ul,ol,li{margin:0;padding:0;list-style-type:none}
img{vertical-align:middle;border:0}
a {
  text-decoration: none;
   color:#333; 
  }




@media screen and (max-width:600px) {
	.menu a{
		padding-left:0;
		padding-top:5rem;
	}
}
.clearb:after{display:block;font-size:0;content:" ";clear:both;height:0}
.clearb{zoom:1}

/*首页*/
.home {
	margin:auto;
	background:#f1f1f1;  
}
.home .content {
	top:0;
	bottom: 0;  

}
.home .banner img {
	display: block;
	width: 100%;
}
/*页面头部*/
.header{position:fixed; top:0; z-index:1002; width:100%; height:2.2rem; line-height:2.2rem; background-color:#e8302e; text-align:center;}
.header .title{color:#fff; font-size:1.1rem; }
.header .return{display:block; position:absolute; left:0; top:0; width:3rem; font-size:2rem; height:100%; text-decoration:none; color:#fff; text-indent:-999rem; background:url("../images/return.png") no-repeat center; background-size:1rem 55%;}
.header .setting{display:block; position:absolute; right:0; top:0; width:4rem; font-size:2rem; height:100%; text-decoration:none; color:#fff; text-indent:-999rem; background:url("../images/ico_setting.png") no-repeat center; background-size:3rem 3rem;}
.header .home{
    display: block;
     position: absolute;
     left: 2.7rem;
     top: .65rem;
     background: url(../images/back_home.png) no-repeat;
     background-size: 100% 100%;
      width: 16px;
     height: 16px;
}
.header .button{display:block; position:absolute; right:0; top:0; width:4rem; font-size:2rem; height:100%; text-decoration:none; color:#fff;font-size:1.6rem;}
.header .link{display:block; position:absolute; right:0; top:0; width:4rem; font-size:2rem; height:100%; text-decoration:none; color:#fff; background-color:#b00;}
 
 /*页面头部*/
.homeheader{position:fixed; top:0; z-index:1002; width:100%; height:3rem; line-height:3rem; background-color:#c00; text-align:center;}
.homeheader .title{color:#fff; font-size:1.6rem; }
.homeheader .return{display:block; position:absolute; left:0; top:0; width:4rem; font-size:2rem; height:100%; text-decoration:none; color:#fff; text-indent:-999rem; background:url("../images/ico_return.png") no-repeat center; background-size:1.5rem 55%;}
.homeheader .setting{display:block; position:absolute; right:0; top:0; width:4rem; font-size:2rem; height:100%; text-decoration:none; color:#fff; text-indent:-999rem; background:url("../images/ico_setting.png") no-repeat center; background-size:3rem 3rem;}
.homeheader .home{display:block; position:absolute; right:0; top:0; width:4rem; font-size:2rem; height:100%; text-decoration:none; color:#fff; text-indent:-999rem; background:url("../images/ico_home.png") no-repeat center; background-size:3rem 3rem;}
.homeheader .button{display:block; position:absolute; right:0; top:0; width:4rem; font-size:2rem; height:100%; text-decoration:none; color:#fff;font-size:1.6rem;}
.homeheader .link{display:block; position:absolute; right:0; top:0; width:4rem; font-size:2rem; height:100%; text-decoration:none; color:#fff; background-color:#b00;}

/*页面底部*/
.footer-wrapper{position:fixed; background-color:#fff; bottom:0; width:100%; box-shadow:0 -0.2rem .3rem rgba(0, 0, 0, .3);z-index: 1000;}
.footer-wrapper .button{height:4rem; padding:0.1rem 0; width:25%; float:left; font-size:.75rem; text-align:center;padding-top:0.2rem}
.footer-wrapper .active{color:#c00;}
.footer-wrapper .active .kjdt{background-position-y:-2rem;}
.footer-wrapper .active .zjyc{background-position-y:-6.2rem;}
.footer-wrapper .active .phb{background-position-y:-10.4rem;}
.footer-wrapper .active .yhzx{background-position-y:-14.5rem;}
.footer-wrapper .ico{display:inline-block; width:2.5rem; height:2rem; overflow:hidden;}
.footer-wrapper .kjdt{background:url("../images/ico-nav.png") no-repeat 0 .05rem; background-size:100%;}
.footer-wrapper .zjyc{background:url("../images/ico-nav.png") no-repeat 0 -4.1rem; background-size:100%;}
.footer-wrapper .phb{background:url("../images/ico-nav.png") no-repeat 0 -8.3rem; background-size:100%;}
.footer-wrapper .yhzx{background:url("../images/ico-nav.png") no-repeat 0 -12.5rem; background-size:100%;}
.footer-wrapper .name{display:block;font-size:1.5rem;color:#333;}


.mark{display:none; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1000; background-color:#000; opacity:0.3;}
.mark_box{display:none; width:100%; background-color:#fff; position:fixed; top:4rem; z-index:1001; text-align:center;}
.mark_box dt{text-align:center; margin-top:1rem; color:#999; background:url("../images/ico_line.png") repeat-x center;}
.mark_box dt .name{display:inline-block; background-color:#fff; padding:0 2rem; font-size:1.5rem;}
.mark_box dd {padding:1rem 0; overflow:hidden;}
.mark_box dd a{display:inline-block; width:20%; height:3rem; line-height:3rem; margin:0.5rem 1rem 0.5rem 2.5rem; font-size:1.5rem; background-color:#fff; color:#c00; border:1px solid #c00; border-radius:0.5rem;}
.mark_box dd a.active{background-color:#c00; color:#fff;}

.footer{display:table; position:absolute; bottom:0; z-index:1002; width:100%; height:4rem; line-height:4rem; overflow:hidden; background-color:#000;}
.footer a{display:table-cell; color:#fc3; font-size:2rem; text-decoration:none; text-align:center;}

.content {
    position: absolute;
    z-index: 999;
    top: 3rem;
    bottom: 3rem;
    left: 0;
    width: 100%;
    overflow: hidden; 
    
}
  

.content:last-child{bottom: 0; }

.menu{ -webkit-animation: .35s ease-in-out; animation: .35s ease-in-out; }

.menu.out {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.menu.in {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    display:table;
}

.menu.slide.in {
    -webkit-animation-name: slideinfrombottom;
    animation-name: slideinfrombottom;
    display:table;
}

.menu.slide.out {
    -webkit-animation-name: slideouttobottom;
    animation-name: slideouttobottom;
}

@-webkit-keyframes slideinfrombottom {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}
@keyframes slideinfrombottom {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

@-webkit-keyframes slideouttobottom {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}
@keyframes slideouttobottom {
    from {
    transform: translateY(0);
});
}
.home{
    display: block;
     position: absolute;
     left: .7rem;
     top: .25rem;
     background: url(https://m.cjcp.cn/zst/images/back_home.png) no-repeat;
     background-size: 100% 100%;
      width: 16px;
     height: 16px;
}