@charset "utf-8";
*{touch-action:pan-y;}
body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
body,.menu,.win,.mw{ max-width:750px; margin:0 auto;font-size:28px;}
body,.menu,.win{box-shadow: 0 1px 6px #ccc; border:1px solid #ddd;background-color:#f7f7f7; }
body{ border:none; box-shadow:none;}
a{cursor:pointer;}
.bg{ position:relative;overflow: hidden; margin-top:60px;}
.topbar{ background:#e8e8e8 url(logo.png) no-repeat 10px center;z-index: 100; text-indent:60px; background-size:auto 90%;width: 100%; position: fixed; top: 0;overflow:hidden; color:#000; text-align:left; padding:10px;box-shadow: 0 1px 6px #ccc; border-bottom:1px solid #ddd;background-color:#f7f7f7; }
.topbar img{ height:20px;}
.topbar *{font-size:32px; float:left;}
.win{position:fixed; bottom:0; display:none; }
.win .c{ overflow-y:scroll;line-height: 2em; padding:10px; padding-bottom:60px; height:80%;}
.win .c b{ color:#F00; font-weight:normal;}
.win .c a{ color:#fff;line-height:1.5em; width:2.5em; text-align:center; margin:1px; margin-right:0.25em; display:inline-block; background:#333; }
.win .close{ background:url(tbt.png) no-repeat center top; height:32px; display:block; }
p{text-align: justify;}

.gua-box .bt{ position:absolute; left:0; height:100%; text-align:left; line-height:350px; font-size:45px; color:#000; opacity:0.5; width:80px; display:block;}
.gua-box .bt.nxt{ right:0; left:auto; text-align:right;}

.yaoli{ overflow-y:scroll;line-height: 2em; padding:10px;}
.yaoli b{  width:2em; text-align:right;display:inline-block;}
.yaoli li.on{ background:#FF0;}
.yaolishi_bt{ overflow:hidden;}
.yaolishi_bt a{ float:left; margin-bottom:5px; border: solid #d0d0d0 1px; display:block; width:16.6%; text-align:center; border-radius:100%;}
.yaolishi_bt a.on{ background:#e8e8e8;}

*{text-decoration:none;max-height:999999px; outline:0; box-sizing:border-box;font-size:1em;font-size:28px; padding:0; margin:0;color:#000; list-style-type:none;font-family: 'Microsoft YaHei','宋体'; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-radius:0;}
::-webkit-scrollbar{ width: 4px;height: 4px;}
::-webkit-scrollbar-track {	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);	border-radius: 0;	background: rgba(0,0,0,0);}
::-webkit-scrollbar-thumb {	border-radius: 5px;	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);	background: #aaaaaa;}
::-webkit-scrollbar-thumb:hover {	border-radius: 5px;	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);	background:#ccc}

ul,li,p,h2,h1,h3,.c{  }
.qtgbox{ display:block; overflow:hidden; height:350px;width:350px; float:left;position:relative;}
.qtgbox li{  font-size:24px;position:absolute; width:50px; border:solid 0px #fff; text-align:center;display: none;}
.guabox { float:left; width:20%;overflow:hidden; margin:0 30px; margin-top:20px;}
.guabox ul{ margin:30px 0px; margin-left:50px; margin-bottom:10px;}
.guabox li{ text-align:center; height:15px; margin-bottom:25px; display:block; text-align:left; text-indent:-50px; cursor:pointer;}
.guabox li i{ font-style:normal;    font-size: 20px; margin-top:-8px;float: left; display:block;}
.guabox b{ display:block; font-size:30px; text-align:center;margin-top: -10px;}

.guasbox{ overflow:hidden; background:rgba(255,255,255,0.95); margin:0 auto; position:fixed; bottom:0; padding-bottom:80px; }
.guasbox li{ float:left; text-align:center; width:12.5%; text-align:center; padding:auto; border:none; margin:5px 0; cursor:pointer;}
.guasbox li.on{ background:#666; color:#FFF;}
.guasbox li:hover{ background:#666; color:#FFF;}

.guaci{ margin:0 10px; line-height:2em;}

.yao1{ background:url(yao1.png); background-size:100% 100%;}
.yao0{ background:url(yao0.png); background-size:100% 100%;}

.tabsheet{ overflow:hidden; border-bottom:solid #999 1px; padding:0 10px; margin-bottom:10px;}
.tabsheet li{ float:left; padding:5px 0; border-radius:10px 10px 0 0; width:19.8%; margin-right:0.2%; text-align:center; cursor:pointer; border:solid #d0d0d0 1px; border-bottom:none; font-size:30px; font-weight:bold;}
.tabsheet li.on{ background:#e8e8e8;}
.tabContent{ max-height:none; margin-bottom:20px; overflow:hidden;}
.tabContent>div{  max-height:none; width:9999px; overflow:hidden;}
.tabContent>div>div{ float:left;width: 750px;}
.ctxt{ padding:10px;max-height:none;overflow-y: scroll;height: 100%;}
.ctxt h1{ text-align:center; line-height:2em; font-size:30px; padding: 10px; margin-bottom:10px; border-bottom: solid #c3c3c3 1px;}
.ctxt p{ text-indent:2em;line-height:1.8em; margin-bottom:10px; } 

.ctxt h2{ background:#;font-size:28px; line-height:2em; cursor:pointer; border-bottom:solid #c3c3c3 1px; margin-bottom:0.01rem; padding-left:0.1rem;}
.ctxt h2:after{ content:'>>';float: right; color:#333; font-size:14px;}
/*为h2和h3自动添加序号*/
.ctxt h2:before{  /*内容显示为：计数器h2counter的值转换为中文数字格式+顿号，格式：一、*/  content: counter(h2counter, cjk-ideographic) '\3001';}
.ctxt h2{  /*重置计数器h3counter的值*/  counter-reset: h3counter;  /*计数器h2counter的值增加1*/  counter-increment: h2counter;}
.ctxt h3:before{  /*内容显示为：计数器h2counter的值+点+计数器h3counter的值，格式：1.1*/  content: counter(h2counter) "." counter(h3counter) " ";}
.ctxt h3{  /*计数器h3counter的值增加1*/  counter-increment: h3counter;}

.zhiyao>p:first-child{ display:none;}

.tiandishu{ }
.tiandishu li{ float:left; width:33.33%; overflow:hidden; text-align:center;}
.tiandishu li p{0.86em; text-align:center;}
.tiandishu b{ display:block; text-align:center; overflow:hidden; margin:10px; }
.tdstool { position:relative; text-align:center;}
.tdstool>a{ padding:0 18px;margin:0 5px;}
.tdstool>a:hover,.tdstool>a.on{ background:#666; color:#FFF;}
.tdstool ul{position:absolute;width: 96%; margin:5px 2%; background: rgba(255,255,255,0.9);display:none;box-shadow: 4px 4px 6px #ccc;}
.tdstool ul li{border-top: solid 1px #ddd; padding: 10px 10px;cursor:pointer;width: 20%;float: left;border-radius: 20%;}
.tdstool li:hover{ background:#666!important; color:#FFF;}
.tdstool li.on{ background:#ccc;}

.menu{ background0:-webkit-linear-gradient(top,#ace,#f96 80%,#f96);background: #e8e8e8; z-index:9999; position:fixed; bottom:0; width:100%; display:none0;}
.menu li{float:left; width:33.33%; line-height:50px; text-align:center; cursor:pointer; }

.menu li a{display:block;background: #e8e8e8;height:60px; line-height:80px; margin-top:-30px; border-radius:100%;border-radius: 100% 100% 0 0;}

.footer{ background:#eee; text-align:center; padding:20px 0; font-size:18px;}
.serchbox { overflow:hidden; margin:10px; border: solid #999 1px;}
.serchbox input{ padding:5px 10px; float:left; border:none; width:80%;}
.serchbox input.bt{ float:right; width:20%; cursor:pointer;}

.xyzrot {margin-top:100px;    margin-left: 10px;}
.xyzrot h2{ text-align:center; margin-bottom:10px;}
.xyzrot li{ padding:3px; background:url(x.png) no-repeat 0 center; background-size:auto 90%; padding-left:45px; border-bottom:solid 1px #ddd; margin-bottom:5px;}
.xyzrot li a{ display:inline-block; margin-right:10px;}
.xyzrot li.y{ background-image:url(y.png);}
.xyzrot li.z{ background-image:url(z.png);}

.txtbox{position: absolute;background-color:#f7f7f7;height: 100%;bottom:0px;width: 100%; display:none;  padding-bottom:20px;}
.aitem{ position: absolute; bottom:-12px; border:1px solid #ddd;background:rgba(255,255,255,0.95);box-shadow: 0 3px 12px #ccc; width:33%; left:5px;}
.aitem a{ display:block; padding:5px 20px;}
.aitem li{ border-bottom: solid 1px #ddd; padding:10px 10px;}
.aitem li:hover a{ background:#666; color:#FFF;}
.zt.aitem{ right:5px; left:auto;}
.itembox{ position:relative; width:100%;}
.on{ background:#d6d6d6;}
.tongji>div{ overflow:hidden; border-bottom:solid 1px #ddd; }
/*.tongji>div>div{ float:none!important;}float:left; width:100000px;*/
.tongji>div:hover{background:#eee;}
.tongji{animation: 1s infinite;}