a,abbr,b,body,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,i,img,input,li,ol,p,pre,samp,select,span,strong,sub,sup,table,tt,ul,var{margin:0;padding:0;}
img,input{outline:0;border:0;}
body,html{width:100%;height:100%;}
input,select{outline:0;}
img,video{width:auto\9;height:auto;}
img{width: 100%;}
body{height:100%;color:#2d2d2d;word-wrap:break-word;font-family:'Microsoft YaHei','微软雅黑';word-break:break-all;background: url(../images/mob_bg.jpg) top center repeat-y;background-size: 100% auto;}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
a{outline:0;color:#026acb;}
a,a:hover{text-decoration:none;}
ol,ul{list-style:none;}
/*music*/
#viose{cursor: pointer;position: fixed;display: inline-block;top: 10px;right: 10px;z-index: 99999999;}
#loading{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #9c4f47;z-index: 999999;}
#loading img{width: 20%;position: absolute;top: 30%;left: 40%;}
.title{width: 100%;position: relative;height: 100%}
.title_img{position: absolute;top: 9%;left: 0;right: 0;display: none}
.title_txt{position: absolute;top: 20%;left: 0;right: 0;display: none}
.title_bg{height: 100%;}
.title_bg img{height: 100%;}
.lunbo{width: 100%;}

.daoyu{width: 100%;margin-bottom: 60px}
.p1_txt{width: 90%;margin:0 auto;}
.p1_txt p{color: #6d492b;text-indent: 2em;line-height: 25px;margin:10px auto;}

.p2{background: url(../images/p2_bg.png) right bottom no-repeat;background-size: 100% auto;}
.p2_txt{width: 90%;margin:0 auto;}
.p2_txt p{color: #6d492b;text-indent: 2em;line-height: 25px;margin:10px auto;}
.p2_txt1{margin-bottom: 40px}
#chart2{margin-top: -15%}

.p3{margin-top: 40px}
.p3_txt{width: 90%;margin:0 auto;}
.p3_txt p{color: #6d492b;text-indent: 2em;line-height: 25px;margin:10px auto;}

.p4{margin-top: 40px;background: url(../images/p4_bg.png) left bottom no-repeat;background-size: 100% auto;padding-bottom: 70px}
.p4_tl{margin-bottom: 10px}


.end{margin:40px auto 0;width: 100%}


#option1,#option2,#option3,#option4{
  font-size: 14px;
  color:#94433a;
  border-radius: 12px;
  background-color: #ffffff;
  text-align: center;
  display: inline-block;
  border: 1px solid #555555; /* Green */
  opacity: 0.8;
   outline: none;
}

#option1:active{
  opacity: 1;
  font-weight: bold;
}
#option2:active{
  opacity: 1;
  font-weight: bold;
}
#option3:active{
  opacity: 1;
  font-weight: bold;
}
#option4:active{
  opacity: 1;
  font-weight: bold;
}
#tooltip {
  /*position: absolute;
  width: 200px;
  height: auto;*/
  padding: 10px;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}

#tooltip.hidden {
  display: none;
}
#tooltip p {
  margin: 0;
  font-family: sans-serif;
  font-size: 14px;
  /*line-height: 10px;*/
}
.link {
  stroke: #847363;
  stroke-width: 0.25px;
  pointer-events: all;
  opacity: 0.6;
}

.node circle {
  pointer-events: all;
  stroke: #777;
  stroke-width: 0.1px;
  z-index: 10;
}

.node_text{
  font-family:'Microsoft YaHei';
  font-size: 12px;
  z-index: -10;
  background-color: #ffffff;
}
.chart_button{
  width: 20%;
  float: left;
}
#chart_button{
  width: 100%;
  margin-left: 10%;
}
#chart_main{
  width: 100%;
}
.tipTitle {
  text-align:center;

}
/*iphone6 qq*/
@media screen and (max-width:1560px){
}
@media screen and (max-width:375px){
}
@media screen and (max-width:320px){
}