@charset "utf-8";
*{margin:0;padding:0}
html {font-family:Arial,"Microsoft YaHei","SimSun","Helvetica",Tahoma,sans-serif,serif;text-align:left;}
body {font-size:16px;line-height:30px;background:#ffffff;}
article,section,main,aside,dialog,header,footer,nav,figure,menu{display:block;}
nav,menu,ul,ol,li{margin:0;padding:0;list-style:none;}
img{vertical-align:top;}

a,a:link{cursor:pointer;text-decoration:none;}
a:hover{text-decoration:none;}
a:visited,a:active{text-decoration:none;}


header{clear:both;width:100%;min-width:1600px;height:70px;border-bottom:1px #146e1f solid;box-shadow:0 1px 2px #ccc;overflow:hidden;
background:#5db978;
background:-moz-linear-gradient(top,#5db978, #95d8aa);
background:-webkit-linear-gradient(top,#5db978,#95d8aa);
background:-o-linear-gradient(top,#5db978,#95d8aa);
background:-ms-linear-gradient(top,#5db978,#95d8aa);
background:linear-gradient(to bottom,#5db978,#95d8aa);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db978', endColorstr='#95d8aa',GradientType=0 );
}
header .header{clear:both;margin:0 auto;width:95%;color:#fff;overflow:hidden;}
header .header .logo{float:left;overflow:hidden;}
header .header .logo img{width:350px;height:70px;}
header .header menu{margin-top:40px;text-align:right;overflow:hidden;}
header .header menu li{float:left;width:7%;border-radius:4px;border-right:1px #999 solid;text-align:center;height:33px;line-height:33px;background:#d1ecd9;overflow:hidden;}
header .header menu li a , header .header menu li a:link{color:#444444;font-size:1em;text-decoration:none;}
header .header menu li.on{background:#0b7518;}


footer{clear:both;margin-top:40px;padding-top:10px;width:100%;min-width:1600px;height:50px;color:#ffffff;text-align:center;background:#2b333b;overflow:hidden;}
footer a , footer a:link{margin:0 auto;width:95%;color:#ffffff;text-decoration:none;}

.layer{clear:both;margin:0 auto;width:95%;min-width:1600px;overflow:hidden;}
.layer .side{float:right;padding-top:30px;width:19%;overflow:hidden;}
.layer .main{float:left;width:80%;overflow:hidden;}

.searchLayer{clear:both;text-align:center;overflow:hidden;}
.searchForm{clear:both;margin:20px auto;width:600px;height:50px;z-index:100;overflow:hidden;}
.searchForm input[type="text"]{text-align:left;margin:0;padding:3px 10px;width:400px;height:30px;font-size:1em;line-height:1;border:1px  #e2e2e2 solid;border-radius:4px;box-shadow:1px 1px 2px #f2f2f2;color:#666666;overflow:hidden;}

.searchSubmit{
	display:inline-block;margin:10px;padding:6px 18px;line-height:25px;cursor:pointer;text-align:center;font-size:1em;
	vertical-align:middle;text-transform:uppercase;color:#fff;border-radius:4px;
	background:#43A747; border:1px solid #339933;box-shadow:0px 2px 2px rgba(0,0,0,0.2);
	overflow:hidden;
}

::-webkit-input-placeholder{color:#e2e2e2;}
:-moz-placeholder{color:#e2e2e2;}
::-moz-placeholder{color:#e2e2e2;}
:-ms-input-placeholder{color:#e2e2e2;}

/**************/
.bn{
display:inline-block;
margin:0 40px 10px 0px;
padding:3px 12px;
color:#fff;
background:#43A747;
border-radius:4px;
border:1px solid #339933;
text-align:center;
text-decoration:none;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
overflow:hidden;
}

.bn a , .bn a:link{color:#fff;text-decoration:none;}
a.bn , a:link.bn {color:#fff;text-decoration:none;}

.bnBlue{
display:inline-block;
margin:0 40px 10px 0px;
padding:3px 12px;
color:#fff;
background:#3ca7fb;
border-radius:4px;
text-align:center;
text-decoration:none;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

.bnDefault{
display:inline-block;
margin:0 40px 10px 0px;
padding:3px 12px;
color:#333;
background:#f2f2f2;
border:1px solid #ccc;
border-radius:6px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
overflow:hidden;
}

.bnTag{
display:inline-block;margin:0 40px 20px 0px;padding:6px 12px;cursor:pointer;text-align:center;font-size:14px;height:18px;line-height:18px;
vertical-align:middle;white-space:nowrap;text-decoration :none;text-transform:uppercase;
border-radius:4px;color:#ffffff;background:#43A747; border:1px solid #339933;box-shadow:0px 2px 2px rgba(0,0,0,0.2);
overflow:hidden;
}
.bnTag a , .bnTag a:link{color:#fff;font-size:14px;}


/**************/
.pageList{display:block;clear:both;margin:20px 0;width:100%;text-align:center;overflow:hidden;}
.bnPage{
	display:inline-block;margin:10px 40px 10px 0px;padding:3px 16px;cursor:pointer;
	vertical-align:middle;text-align:center;text-decoration:none;text-transform:uppercase;
	border-radius:4px;box-shadow:2px 2px 2px rgba(0,0,0,0.2);overflow:hidden;
}

.bnPageDefault{color:#666;border:1px solid #ccc;background:#f2f2f2;}
.bnPageCurrent{color:#fff;border:1px solid #339933;background:#43A747;}

.bnPageDefault a , .bnPageDefault a:link{color:#666;text-decoration:none;}
.bnPageCurrent a , .bnPageCurrent a:link{color:#fff;text-decoration:none;}

a.bnPageDefault ,  a:link.bnPageDefault{color:#666;text-decoration:none;}
a.bnPageCurrent ,  a:link.bnPageCurrent{color:#fff;text-decoration:none;}

.pageSkip input{text-align:center;margin:0 10px;padding:3px 10px;width:30px;height:30px;font-size:1em;line-height:1;border:1px  #e2e2e2 solid;border-radius:4px;box-shadow:1px 1px 2px #f2f2f2;color:#666666;overflow:hidden;}
button.bnPage{padding:5px 10px;font-size:1em;}
span.bnPage{cursor:default;}
/**************/
.linkLayer{clear:both;width:100%;overflow:hidden;}


/**********/
.guide{clear:both;height:2em;line-height:2em;font-size:12px;color:#999;overflow:hidden;}
.guide a , .guide a:link{font-size:12px;color:#999;text-decoration:none;}
/**********/
.navLayer{clear:both;width:100%;overflow:hidden;}
.navBox{clear:both;column-count:4;column-gap:auto;column-break-inside:avoid;width:100%;overflow:auto;}
.navBoxCss{clear:both;column-count:6;column-gap:auto;column-break-inside:avoid;width:100%;overflow:auto;}
.navBoxHtml{clear:both;column-count:5;column-gap:auto;column-break-inside:avoid;width:100%;overflow:auto;}

.navMenu {padding-bottom:1em;break-inside:avoid;height:100%;overflow:auto;}

.navMenu .h{clear:both;width:80%;border-bottom:1px #ccc solid;overflow:hidden;}
.navMenu .h a , .navMenu .h a:link{font-weight:700;color:#43A747;}
.navMenu .t{clear:both;margin-left:1em;list-style:disc inside;color:#ccc;line-height:1.8;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;}
.navMenu .t em{margin-left:10px;color:#ff6600;font-size:0.7em;font-style:normal;}
.navMenu .t span{margin-left:10px;color:#b2b2b2;font-size:0.8em;}
.navMenu .t a , .navMenu .t a:link{color:#555555;}
/*****/
.sideMenu{display:block;clear:both;margin:0;padding-left:2%;width:98%;background:#cce8d3;overflow:hidden;}
.sideMenu .f{margin-top:1em;}
.sideMenu .h{height:1.8em;line-height:1.8;overflow:hidden;}
.sideMenu .h .title{display:inline-block;margin-left:1em;overflow:hidden;}
.sideMenu .h a , .sideMenu .h a:link{color:#333;}
.sideMenu .c{margin-bottom:1em;display:block;}
.sideMenu .t{margin-left:2em;list-style:disc inside;line-height:1.8;color:#999;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;}
.sideMenu .t em{margin-left:6px;color:#ff6600;font-size:0.7em;font-style:normal;}
.sideMenu .t span{margin-left:10px;color:#b2b2b2;font-size:0.8em;}
.sideMenu .t a , .sideMenu .t a:link{color:#333;}
.sideMenu .f a ,.sideMenu .f a:link{color:#fff;}
/**********/
.topicLayer{clear:both;width:100%;overflow:hidden;}
.topicLayer h1{clear:both;margin-bottom:1em;line-height:1.5;font-size:2em;color:#44AA44;}
.topicLayer article{clear:both;margin:10px 0;width:100%;font-size:1.2em;overflow:hidden;}
.topicLayer article h2{margin-top:1.8em;padding:1.2em 0 1em 0;font-size:1.8em;border-top:1px #e2e2e2 solid;color:#44AA44;}
.topicLayer article h2:first-child{margin-top:0;border:none;}
.topicLayer article h3{margin:1.5em 0 1em 0;font-size:1.4em;}
.topicLayer article h4{margin:1.3em 0 1em 0;font-size:1.2em;}
.topicLayer article h5{margin:1.3em 0 0.8em 0;font-size:1.05em;}
.topicLayer article h6{margin:1.2em 0 0.5em 0;font-size:1em;}

.topicLayer article .v{margin-top:30px;}
.topicLayer article .description{clear:both;margin:10px auto;padding:14px 20px;border:1px #e2e7e7 solid;border-radius:6px;background:#fcfcfc;overflow:hidden;}
.topicLayer article p.description + h2{border:none;}

.topicLayer article p{margin-bottom:1em;}
.topicLayer article li p{margin-bottom:0;}
.topicLayer article li p:last-child{margin-bottom:1em;}
.topicLayer article a , .topicLayer article a:link{color:#2244ff;border-bottom:1px #2244ff solid;}

.topicLayer article table{margin-bottom:1em;border-top:1px #ccc solid;border-left:1px #ccc solid;word-wrap: break-word;word-break: break-all;}
.topicLayer article table th{text-align:center;font-weight:700;}
.topicLayer article table th,.topicLayer article table td{padding:10px;border-right:1px #ccc solid;border-bottom:1px #ccc solid;word-wrap: break-word;word-break: break-all;}
.topicLayer article table caption{font-weight:700;}
.topicLayer article table.browser img{display:block;margin:0 auto;text-align:center;overflow:hidden;}

.topicLayer article ul{margin-bottom:20px;}
.topicLayer article ul > li{margin-left:30px;list-style-type:disc;line-height:30px;}
.topicLayer article ul > li > ul > li{margin-left:30px;list-style-type:circle;}
.topicLayer article ol{margin-bottom:20px;}
.topicLayer article ol > li{margin-left:30px;list-style-type:decimal;line-height:30px;}
.topicLayer article dl{margin-bottom:2em;}
.topicLayer article dl dt{clear:both;margin-top:2em;font-weight:700;font-size:1.2em;}


.topicLayer article blockquote{display:block;margin-bottom:20px;padding:15px 30px;border:1px #ccc solid;border-radius:6px;
font-family:Consolas, "Courier New", Courier,Arial,"Microsoft YaHei","SimSun","Helvetica";
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
word-break: break-all;
background:#f4f4f4;
}
.topicLayer article blockquote p{margin-bottom:0;}

.topicLayer article pre{display:block;margin-bottom:20px;padding:20px 30px;border-left:10px #44AA44 solid;
font-family:Consolas, "Courier New", Courier, monospace;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
word-break: break-all;
background:#fbfbf9;border-radius:10px;box-shadow:inset 0 0 2px #ccc;line-height:28px;
}

.topicLayer article section pre{border:1px #eeeeee solid;}
.topicLayer article table pre{border:1px #eeeeee solid;}

.topicLayer article del{display:inline-block;margin:0 4px;}
.topicLayer article del code{text-decoration:line-through;}

.topicLayer article a{display:inline-block;margin:0 4px;}
.topicLayer article code{display:inline-block;margin:0 6px;padding:4px 10px;line-height:1em;border:1px #e7e7e7 solid;border-radius:4px;background:#f1f1f1;font-family:Consolas, "Courier New", Courier, monospace;}
.topicLayer article kbd{display:inline-block;margin:0 6px;padding:3px 8px;line-height:1em;border:1px #e7e7e7 solid;border-radius:4px;background:#f1f1f1;font-family:Consolas, "Courier New", Courier, monospace;}

.topicLayer article cite{display:inline-block;margin:0 6px 0 3px;color:#666;}
.topicLayer article b{display:inline-block;margin:0 4px;}
.topicLayer article em{display:inline-block;margin:0 6px 0 3px;color:#ff6600;}
.topicLayer article i{display:inline-block;margin:0 6px 0 3px;color:#44AA44;font-weight:700;}
.topicLayer article mark{display:inline-block;margin:0 4px;color:#ff6600;font-weight:700;background:none;}
.topicLayer article m{display:inline-block;margin:0 4px;color:#0000ff;}

.topicLayer article samp{display:inline-block;margin:0 4px;color:#ff00ff;}
.topicLayer article var{display:inline-block;margin:0 4px;color:#009933;}

.topicLayer article small{display:inline-block;margin:0 4px;color:#ccc;}
.topicLayer article dfn{display:inline-block;margin:0 6px 0 3px;color:#ff66ff;}


.topicLayer article pre b{margin:0;}
.topicLayer article pre mark{margin:0;}
.topicLayer article pre m{margin:0;}
.topicLayer article pre em{margin:0;}
.topicLayer article pre var{margin:0;}
.topicLayer article pre small{margin:0;color:#bcbcbc;font-size:0.9em;font-family:Arial,"Microsoft YaHei","SimSun",Consolas, "Courier New", Courier, monospace;}


.topicLayer article .demo{position:relative;clear:both;margin-bottom:20px;padding-bottom:20px;width:100%;min-height:150px;overflow:hidden;}
.topicLayer .info{margin:10px 0;height:2em;line-height:1.6;color:#999;text-align:center;}
.topicLayer .pageNear{margin:2em 0;height:2em;color:#999;}
.topicLayer .pageNear .t{margin:0;padding:0;line-height:1.6;}
.topicLayer .pageNear a , .topicLayer .pageNear a:link{color:#999;text-decoration:none;}

.topicLayer .recommend{clear:both;margin:2em 0;width:100%;overflow:hidden;}
.topicLayer .recommend .tag{clear:both;margin-bottom:30px;width:100%;overflow:hidden;}

.topicLayer .provision{clear:both;margin:20px 0;width:100%;overflow:hidden;}
.topicLayer .provision li{margin-left:30px;list-style-type:disc;}
/****/
.listTc{clear:both;list-style:none;margin:0;padding:0;margin-bottom:2em;padding:10px 0;width:100%;border-bottom:1px #e2e2e2 solid;overflow:hidden;}
.listTc .title{float:left;margin-right:10px;list-style:disc inside;color:#ccc;overflow:hidden;}
.listTc .title em{margin:0 10px;color:#ff6600;font-style:normal;font-size:0.9em;}
.listTc .title a , .listTc .title a:link{font-size:1.1em;color:#2244ff;text-decoration:none;}
.listTc .content{list-style:none;margin-left:15px;font-size:1em;color:#666;overflow:hidden;}
.listTc .content i{margin:0;color:#009933;font-style:normal;font-family:Arial;}
.listTc strong{color:#ff6600;font-weight:400;}

.listT {clear:both;text-indent:10px;height:1.8em;line-height:1.8em;list-style:disc inside;color:#44AA44;overflow:hidden;}
.listT a , .listT a:link{font-size:24px;color:#44AA44;text-decoration:none;}

.listTagT {float:left;text-indent:12px;width:49%;height:1.8em;line-height:1.8em;list-style:disc inside;color:#44AA44;overflow:hidden;}
.listTagT a , .listTagT a:link{color:#009966;text-decoration:none;}

/**********/
.linkLayer{clear:both;width:100%;overflow:hidden;}
.linkLayer ul li{display:inline-block;margin-right:50px;}


/**********/
.zhanLayer{clear:both;margin:40px auto;width:80%;overflow:hidden;}
.zhanLayer .zhanBanner img{}
.zhanLayer .zhanyinyuan{clear:both;width:100%;overflow:hidden;}
.zhanLayer .questionBox{clear:both;margin-top:3em;width:100%;column-count:4;column-gap:8%;column-break-inside:avoid;overflow:hidden;}
.zhanLayer .questionBox .question {width:18em;height:16em;border:1px solid #faa8cc;border-radius:20px;background:#fef8ff;overflow:hidden;}
.zhanLayer .questionBox .question .pic{height:13em;}
.zhanLayer .questionBox .question .t{width:100%;height:3em;line-height:2;font-size:1.5em;color:#fff;text-align:center;background:#d04f8f;}

.zhanLayer article{clear:both;margin-bottom:2em;padding:2em;border:1px #e9e9e9 solid;border-radius:10px;overflow:hidden;}
.zhanLayer article h1{font-size:2em;text-align:center;color:#d04f8f;overflow:hidden;}
.zhanLayer article h2{margin-bottom:1em;font-size:1.6em;color:#d04f8f;overflow:hidden;}
.zhanLayer article .time{margin-bottom:2em;text-align:center;overflow:hidden;}
.zhanLayer article section{clear:both;margin:0 auto;width:80%;overflow:hidden;}
.zhanLayer article section .deduce{margin-bottom:2em;}
.zhanLayer article section .yunshiPic{float:left;width:35em;overflow:hidden;}
.zhanLayer article section .yunshiPic img{width:30em;height:auto;}
.zhanLayer article section .result{font-size:1.2em;color:#d04f8f;font-weight:600;}
.zhanLayer article section .result p{margin-bottom:1em;}
.zhanLayer article .showGua{margin:0 auto;}
/**********/
.zhanTable{clear:both;display:block;margin-bottom:2em;padding:1em;padding-top:2em;border:1px #e9e9e9 solid;border-radius:10px;background:#fcfcfc;overflow:hidden;}
.zhanTable caption{font-size:2em;font-weight:700;color:#d04f8f;overflow:hidden;}
.zhanTable .line{width:100%;}
.zhanTable .line td{clear:both;padding:1em;text-align:left;color:#585858;font-size:1em;overflow:hidden;}
.zhanTable .line .n{width:15%;text-align:right;vertical-align:top;}
.zhanTable .line .m{width:80%;}
.zhanTable em{font-style:normal;color:#ff6600;}

.zhanTable .line .selectTime{margin-bottom:2em;}
.zhanTable .line .selectGanZhi{margin-bottom:2em;}
.zhanTable .line .selectYao{}
.zhanTable .line .explain{font-size:0.9em;color:#b2b2b2;}

.zhanTable .zhanSubmit{margin:0;padding:0;width:8em;background:#d04f8f;font-size:1.1em;line-height:1.6;color:#fff;}
.zhanTable .line .msg{font-weight:700;color:#d04f8f;height:3em;line-height:2;}
.zhanTable .line .lose{border:1px #ff0000 solid;}

/*********/
.animationBox{clear:both;position:relative;margin-bottom:2em;overflow:hidden;}
.animationBox .qianBox{position:relative;transform-style:preserve-3d;perspective-origin:top left;float:left;width:150px;height:130px;overflow:hidden;}
.animationBox .qianBox img{display:block;}
.animationBox .qianBox .hidden{display:none;}
.animationBox .qianBox .show{display:block;}

.animationBox .qianBox .fan{position:relative;width:120px;}
.animationBox .qianBox .fanR{animation:fanR 0.01s 200;}

.animationBox .qianBox .zheng{position:absolute;top:0;left:0;width:120px;z-index:10;}
.animationBox .qianBox .zhengR{animation:zhengR 0.01s 200;}
.animationBox .qianBox .xiang{visibility:hidden;}

@keyframes zhengR
{
	from{transform:rotate3D(0,1,0,60deg);}
	40% {transform:rotate3D(0,1,0,120deg);}
	60% {transform:rotate3D(0,1,0,180deg);}
	80% {transform:rotate3D(0,1,0,240deg);}
	to {transform:rotate3D(0,1,0,360deg);}
}

@keyframes fanR
{
	from{transform:rotate3D(0,1,0,60deg);}
	40% {transform:rotate3D(0,1,0,120deg);}
	60% {transform:rotate3D(0,1,0,180deg);}
	80% {transform:rotate3D(0,1,0,240deg);}
	to {transform:rotate3D(0,1,0,360deg);}
}


.getGua{max-width:99%;border-top:1px #ccc solid;border-left:1px #ccc solid;}
.getGua th{text-align:center;font-weight:700;color:#d04f8f;white-space:nowrap;}
.getGua th,.getGua td{padding:1em;border-right:1px #ccc solid;border-bottom:1px #ccc solid;text-align:center;}
.getGua .yao{width:4em;text-align:center;}
.getGua .yao span{}
.getGua .finished td{color:#d04f8f;font-weight:700;}
/*********/
table.showBazi{clear:both;border:none;overflow:hidden;}
table.showBazi td{padding:0.5em 1em 0.5em 0;border:none;}
table.showBazi td.h{padding:0.5em 1em 0.5em 0;text-align:center;width:3.5em;color:#b2b2b2;}
table.showBazi .bazi{font-size:1.1em;font-weight:700;}
table.showBazi .bazi td{padding:0 1em 0.5em 0;border:none;}
table.showBazi .dayun{font-size:1em;}
table.showBazi .dayun td{padding:0 1.5em 0 0;}

.showGua{clear:both;margin-bottom:2em;overflow:hidden;}
.showGua caption{margin-bottom:1em;font-size:1.2em;font-weight:700;}
.showGua th , .showGua td{text-align:left;padding-left:1em;}
.showGua .ganzhi{font-size:1em;}
.showGua .ganzhi span{display:inline-block;padding:0 2em 1em 0;}
.showGua p{margin-bottom:0.5em;}
.showGua .shen{padding:0 2em 0 0;}
.showGua .fu{padding:0 1em 0 0;text-align:center;}
.showGua .zhi{padding:0 1em 0 0;}
.showGua .shi{padding:0 2em 0 0;}
/*********/
.zhanList{clear:both;width:100%;overflow:hidden;}
.zhanList .h{clear:both;margin-bottom:1em;width:100%;font-size:1.1em;font-weight:700;overflow:hidden;}
.zhanList .t{float:left;width:50%;list-style:disc inside;color:#ccc;white-space:nowrap;overflow:hidden;}
.zhanList .t span{display:inline-block;}
.zhanList .t .ting{}
.zhanList .t .matter{margin-right:5px;}
.zhanList .t .yueri{margin-right:2px;}
.zhanList .t .ming{margin-right:5px;}
.zhanList .t .jx{margin-right:5px;font-weight:700;}
.zhanList .t .time{font-size:0.8em;line-height:2;}
.zhanList .t a , .zhanList .t a:link{text-decoration:none;}
/*********/
@media screen and (max-width:1680px)
{
body {font-size:16px;line-height:30px;}
header{min-width:1400px;}
footer{min-width:1400px;}
.layer{min-width:1400px;}

}


@media screen and (max-width:1480px)
{
body {font-size:14px;line-height:26px;}
header{min-width:1200px;}
footer{min-width:1200px;}
.layer{min-width:1200px;}
.layer .side{width:24%;}
.layer .main{width:75%;}

header .header menu li a , header .header menu li a:link{font-size:16px;}

.bn{font-size:12px;padding:2px 8px;}
.bnBlue{font-size:12px;padding:2px 8px;}
.bnDefault{font-size:12px;padding:2px 8px;}
.bnTag{font-size:10px;}
.bnTag a , .bnTag a:link{font-size:10px;}

}



@media screen and (max-width:1280px)
{
body {font-size:12px;line-height:24px;}
header{min-width:1000px;}
footer{min-width:1000px;}
.layer{min-width:1000px;}

}