@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------
html5.0 css3.0 default
-----------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body { margin: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}
audio:not([controls]) {  display: none;  height: 0;}
a {  background-color: transparent;}
a:active,a:hover {  outline: 0;}
b,strong {  font-weight: bold;}
sub,sup {  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;}
sup {  top: -.5em;}
sub {  bottom: -.25em;}
img {  border: 0;}
svg:not(:root) {  overflow: hidden;}
hr {  height: 0;  -webkit-box-sizing: content-box; -moz-box-sizing: content-box;  box-sizing: content-box;}
pre {  overflow: auto;}
code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;}
button,input,optgroup,select,textarea {  margin: 0;  font: inherit;  color: inherit;}
button {  overflow: visible;}
button,select {  text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer;}
button[disabled],html input[disabled] {  cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {  padding: 0;  border: 0;}
input { line-height: normal;}
input[type="checkbox"],input[type="radio"] {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {  height: auto;}
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;  -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}
legend {  padding: 0;  border: 0;}
textarea {  overflow: auto;}
optgroup {  font-weight: bold;}
table {  border-spacing: 0;  border-collapse: collapse;}
td,th {  padding: 0;}
/*----------------------------------------------------
html1.0 css2.0 default
-----------------------------------------------------*/
body,ul,ol,dl,dt,dd,li,p,h1,h2,h3,h4,h5,h6,form,label,fieldset,table,td,img,div,th{
border:0;margin:0px; padding:0;}
li,dd,dl,dt {list-style-type:none;}
table {border-collapse:collapse;} 
em,i,u{font-weight:normal;font-style:normal;text-decoration:none;}

/*-----------------------------------------------------
User-defined
-----------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { font-family:Tahoma, Helvetica, Arial, 'Microsoft YaHei', sans-serif; font-size:12px; font-weight:normal;}	
body {font-size:12px; font-family:Tahoma, Helvetica, Arial, 'Microsoft YaHei', sans-serif; color:#414141; background:#f0f8fb;}
input,select,textarea{ margin: 0; padding:0; vertical-align:middle; font-family:Tahoma, Helvetica, Arial, 'Microsoft YaHei', sans-serif; color:#333; outline:none; resize:none;}

a { color: #555; text-decoration: none; }
a:hover { color:#4c8d00; text-decoration: underline; }

.zcenter { margin: 0 auto;}
.bgf7 { background-color: #f7f7f7;}
.zmain { display: -webkit-box; display: box; -webkit-box-orient: vertical; height: 100vh;}
/*-----------------------------------------------------
Top
-----------------------------------------------------*/
.ztop { display: -webkit-box; display: box; -webkit-box-pack: justify; height: 4.3rem; border-bottom: 1px #c2c2c2 solid; background: #f7f7f7;}
.zt_back { display: block; width: 1rem; height: 4.3rem; padding: 0 1rem; background: url(../images/icon_03.png) no-repeat; background-position: 1rem center; background-size: 1.2rem;}
.zt_theme { display: block; -webkit-box-flex: 1; height: 4.3rem; text-align: center; line-height: 4.3rem; font-size: 1.8rem; color: #333;}
.zt_next { display: block; width: 5rem;}

/*-----------------------------------------------------
弹层
-----------------------------------------------------*/
.zalert { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}
.zal_box { position: fixed; left: 50%; top: 50%; width: 66%; height: auto; padding: 2rem;margin-left: -33%; }
.zal_title { font-size: 1.6rem; color: #333;}

.zal_content { padding: 1.4rem;  border-radius: 1rem 1rem 0 0;  background: url(../images/whiteopacity_03.png) repeat; text-align: center; color: #333; font-size: 1.3rem;}
.zal_txt { padding-top: 0.5rem; line-height: 2rem;}
.zal_btn { margin-top: 1px; border-radius: 0 0 1rem 1rem ; background: url(../images/whiteopacity_03.png) repeat;}
.zal_btn ul { display: -webkit-box; display: box; }
.zal_bt { -webkit-box-flex: 1;box-flex: 1; height: 4.4rem; line-height: 4.4rem; text-align: center; font-size: 1.6rem; color: #09f;}
.zal_bt:not(:last-child) { margin-right: 1px;}
/*-----------------------------------------------------
弹窗
-----------------------------------------------------*/
.zal_bg { position: fixed; bottom: 16%; width: 100%; text-align: center;  opacity: 0;}
.zal_bg span { display: inline-block; min-width:5rem; padding: 1rem 2rem; background: #333; border-radius: 0.8rem; line-height: 1.5rem; font-size: 1.2rem; color: #fff;}

/*-----------------------------------------------------
分页
-----------------------------------------------------*/
.zpage { height: 100vh;}
.zpa_info { height: 100%; overflow-y: auto;}



/*-----------------------------------------------------
搜索
-----------------------------------------------------*/
.zsearch { padding: 0.75rem 1.5rem; background: #e5e5e5;}
.zse_box { height: 2.9rem; border: 1px #e2e2e2 solid; border-radius: 0.2rem; background: #fff;}
.zse_input { width: 100%; height: 2.9rem; border: none; box-sizing: border-box; padding-left: 2.8rem; background: none; line-height: 2.9rem; font-size: 1rem; color: #000;}
.zse_rel { position: relative; width: 100%; height: 0;}
.zse_site { position: absolute; left:50%; top: 0.8rem; margin-left: -2.6rem; width: 6.2rem; }
.zse_site span ,.zse_site i { display: inline-block; vertical-align: middle;}
.zse_site span { color: #adadad; font-size: 1rem;}
.zse_site i { width: 2.2rem; height: 1.4rem; background: url(../images/icon_14.png) 0 center no-repeat; background-size: 1.5rem;}
.zse_focus { left: 0; margin-left: 1rem;}
.zse_close { position: absolute; right: 0.5rem; top: 1.4rem; display: none; width: 20px; height: 20px; margin-top: -10px; background: url(../images/znote_icons_01.png) 0 -210px; cursor: pointer;}


/*----------------------------------------------------
动画
-----------------------------------------------------*/
.zstart { 
	-webkit-animation:0.2s zstart forwards;
	animation:0.2s zstart forwards;
}
@-webkit-keyframes zstart{
	from{ 
		opacity: 0;
		-webkit-transform:translate(0px,-20px);
		transform:translate(0px,-20px);
		}
	to{
		opacity: 1;
		-webkit-transform:translate(0px,0px);
		transform:translate(0px,0px);
		}
}
.zend {
	
	-webkit-animation:0.2s zend forwards;
	animation:0.2s zend forwards;
}

@-webkit-keyframes zend{
	from{ 
		opacity: 1;
		-webkit-transform:translate(0px,0px);
		transform:translate(0px,0px);
		}
	to{
		opacity: 0;
		-webkit-transform:translate(0px,20px);
		transform:translate(0px,20px);
		}
}