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


html,body { height: 100%;}
/*----------------------------------------------------
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:0.1404rem; font-weight:normal;}	
body {font-size:12px; font-family:Tahoma, Helvetica, Arial, 'Microsoft YaHei', sans-serif; color:#414141; background:#f1f2f3;}
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;}
.clearfix{overflow:hidden;zoom:1;}
.clear{clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
/*禁止选中*/
.UnSelect {
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.br { word-wrap:break-word;	word-break:break-word;}
a { color: #333; text-decoration: none; }
a:hover,a:focus,a:active { color:#333; text-decoration: none; }

.zbox { display: -webkit-box; -webkit-box-orient: vertical;  height: 100vh;}
.zbox_top { position: relative; width: 100%; height: 0.0023rem; z-index:100000;}
.zbox_content { -webkit-box-flex: 1;  -webkit-overflow-scrolling:touch; overflow:hidden; overflow-y:auto; }
.zbox_footer { position: relative; width: 100%;  height: 1.0764rem; z-index: 100;}
.zbox_bottom { height: 0.0023rem;}
/*-----------------------------------------------------
公共 UI
-----------------------------------------------------*/
/*字体颜色  exp:  .zc +color { color:#color}*/
.zcblue ,.zcblue a {  color: #09f;}
.zcred ,.zcred a {  color: #09f;}

/*背景色 bg - (key word/Hex color)*/
.zbgf1 { background-color:#f1f2f3;}
.zbgwh { background-color:#fff;}
.zbgef { background-color:#efefef;}

/*多余省略号*/
.zowt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*-webkit-box*/
/*.zdb { display: -webkit-box; display: box;}
.zdbj { display: -webkit-box; display: box; -webkit-box-pack: justify;}
.zdbc { display: -webkit-box; display: box; -webkit-box-pack: center;}
.zbf { -webkit-box-flex:1;}*/

/*遮罩层*/
.zopacity { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #000; opacity: 0.5; display: none; z-index:99;}
.zopacity_info { position: fixed; left: 0; top: 50%; width: 100%; margin-top: -0.936rem; line-height: 0.8775rem; text-align: center; font-size: 0.3276rem; color: rgba(255,255,255,0.8);  display: none; z-index:101;}


/*按钮*/
.zbtn { padding: 0.2808rem 0; text-align: center;}
.zbtn_top { padding: 0.7956rem 0; text-align: center;}
.zbtn_bottom { padding: 0.351rem 0; text-align: center;}
.zbtn_go ,.zbtn_end,.zbtn_border,.zbtn_red { text-align: center;}
.zbtn_go a,.zbtn_end a,.zbtn_border a,.zbtn_red a { display:inline-block; width: 80%; height: 0.8775rem; padding-top: 0.0117rem; border-radius: 0.117rem; background: #09f; line-height: 0.8658rem; text-align: center; color: #fff; font-size: 0.351rem;}
.zbtn_border a { border:1px #09f solid; background: none; color: #09f;}
.zbtn_red a { background: #fc171b;}
.zbtn_end a { border:1px #a4a4a4 solid; background: none; color: #a4a4a4;}
.zbtn_go a:hover,.zbtn_go a:focus,.zbtn_go a:active { text-decoration: none; color: #fff;}
.zbtn_red a:hover,.zbtn_red a:focus,.zbtn_red a:active { text-decoration: none;}
.zbtn_border a:hover,.zbtn_border a:focus,.zbtn_border a:active { text-decoration: none; color: #09f;}
.zbtn_end a:hover,.zbtn_end a:focus,.zbtn_end a:active { text-decoration: none; color:#a4a4a4;}

/*有键盘时按钮固定底部样式*/
.keyborad { position: fixed;  left: 0; top: 7.488rem; width: 100%; margin-top: -1.404rem;}

/*标题*/
.zht { padding: 0 0.2808rem; line-height: 0.8775rem; font-size: 0.3276rem; color: #666;}

/*粗横线*/
.zst_border { height: 0.234rem; margin-top: 0.351rem; background: #dedede;}

/*向右箭头*/
.zarrowr {display: inline-block; width: 0.2808rem; height: 0.351rem; background-image: url(../images/icon5.png); background-position: center; background-repeat: no-repeat; background-size: 0.2808rem; vertical-align: middle;}

/** 未答和已答的样式 **/
.head h1{text-align:center;font-size:1.8em;font-weight:400;width:80%;margin:0 auto;}
.head h1 article{display:-moz-box;display:-webkit-box;display:box;width:100%;height:30px;line-height:30px;border:solid 1px #099bff;border-radius:3px;overflow:hidden}
.head h1 article section{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;font-size:15px;color:#119eff;border-left:solid 1px #119eff;cursor:pointer;}
.head h1 article section.cur{color:#fff;background:#119eff}
.head h1 article section:first-child{border:none}


/*tab切换*/
.zheader { display: -webkit-box; -webkit-box-align: center; -webkit-box-orient: vertical; -webkit-box-pack: center; height: 1.404rem;}
.ztab { display: -webkit-box; -webkit-box-align: center; width: 70%; height: 0.702rem; border: 1px #09f solid; border-radius: 0.0936rem;}
.ztab li { -webkit-box-flex: 1; height: 0.702rem; border-right: 1px #09f solid; line-height: 0.702rem; text-align: center; font-size: 0.3276rem; color: #09f;}
.ztab li:last-child { border-right: none;}
.ztab li.ztab_cur { background: #09f; color: #fff;}

/*tab切换*/
.zlh { display: -webkit-box; display: box; -webkit-box-pack: justify; padding: 0 0.2808rem; line-height: 0.8775rem; border-bottom: 1px #dedede solid; font-size: 0.3276rem;}
.zlh_flex { -webkit-box-flex: 1;}


/*底部菜单*/
.zbottomMenu {}
.zbottomMenu_site { position: absolute; bottom: 0.1404rem; left: 5%; width: 90%;  -webkit-box-sizing: border-box; box-sizing: border-box;  display: none; z-index: 100;}
a.zbottomMenu_closebtn { display: block; margin-top: 0.0936rem; padding: 0.117rem 0; line-height: 0.819rem; border-radius: 0.0936rem; background: #fff; color: #c00; line-height: 0.819rem; text-align: center; font-size: 0.2808rem;}
.zbottomMenu_itembox {overflow: hidden; border-radius: 0.117rem;}
.zbottomMenu_row { width: 100%; padding: 0.117rem 0.351rem; border-bottom: solid 1px #d8dde4; line-height: 0.819rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; text-align: center;}
.zbottomMenu_row a { display: block; color: #09f; font-size: 0.3276rem;}
.animated {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode:both;
}

@-webkit-keyframes fadeInUp{
    0%{ -webkit-transform:translate(0,60px); opacity: 0;}
    100%{ -webkit-transform:translate(0,0px);opacity: 1;}
}

@keyframes fadeInUp{
   0%{ -webkit-transform:translate(0,60px); opacity: 0;}
    100%{ -webkit-transform:translate(0,0px); opacity: 1;}
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown{
    0%{ -webkit-transform:translate(0,0px); opacity: 1;}
    100%{ -webkit-transform:translate(0,60px);; opacity: 0;}
}

@keyframes fadeInDown{
   0%{ -webkit-transform:translate(0,0px); opacity: 1;}
    100%{ -webkit-transform:translate(0,60px); opacity: 0;}
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


/*-----------------------------------------------------
loading
-----------------------------------------------------*/
.zloadingMore { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; text-align: center; margin: 0.468rem 0;}
.zloadingMore .load_btn { color: #929292; font-size: 0.234rem;}
.zloadingMore .load_btn a { line-height: 0.468rem; color: #929292;}
.zloadingMore .load_text { margin-left: 0.5em;}
.zloadingMore .loading {
  margin: 0.2em;
  font-size: 10px;
  border-top: 0.2em solid rgba(0, 0, 0, 0.3);
  border-right: 0.2em solid rgba(0, 0, 0, 0.3);
  border-bottom: 0.2em solid rgba(0, 0, 0, 0.3);
  border-left: 0.2em solid #000;
  -webkit-animation: ccircle 1.1s infinite linear;
  animation: ccircle 1.1s infinite linear;
}
.zloadingMore .loading,
.zloadingMore .loading:after {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
}
@-webkit-keyframes ccircle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ccircle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*----------------------------------------------------
空
-----------------------------------------------------*/
.znothing { padding-top: 1.872rem; }
.znothing_topics,
.znothing_icon { width: 1.1232rem; min-height: 1.4625rem; margin: 0 auto; background: url(../images/handDown_03.png) center no-repeat; background-size: 0.819rem;}
/*.znothing_topics { background-image: url(../images/ztopics_03.png);}*/
.znothing_txt { padding-top: 0.234rem; line-height: 0.468rem; font-weight: normal; text-align: center; font-size: 0.3276rem; color: #929292;}