*{
    margin: 0;
    padding: 0;
}
body {
	height: 100%;
	width: 100%;
}
.content{
    position: absolute;
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
}
.page {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.page5_bg {
    width: 100%;
    height: 100%;
    z-index: 1;
    /* position: relative; */
}
.page5_tree {
    width: 100%;
    z-index: 2;
    position: absolute;
    bottom: 0;
}
.page5_map {
    width: 100%;
    height: 45%;
    z-index: 3;
    position: absolute;
    top: 25%;
}
.light {
    position: absolute;
    z-index: 2;
}
.page5_light1 {
    top: 14%;
    left: 8%;
    width: 12%;
}
.page5_light2 {
    top: 2%;
    left: 2%;
    width: 12%;
}
.page5_light3 {
    top: 72%;
    left: 80%;
    width: 13%;
}
.page5_moon {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    z-index: 2;
}
.food {
    position: absolute;
    z-index: 4;
    width: 13%;
}
.page5_chuan {
    top: 53%;
    left: 43%;
}
.page5_min {
    top: 59%;
    left: 77%;
}
.page5_nu {
    top: 44%;
    left: 70%;
}
.page5_su {
    top: 50%;
    left: 75%;
}
.page5_xiang {
    top: 54%;
    left: 59%;
    width: 10%;
}
.page5_yue {
    top: 63%;
    left: 66%;
}
.page5_zhe {
    top: 55%;
    left: 80%;
    width: 10%;
}
.page5_guan {
    top: 46%;
    left: 62%;
    width: 9%;
}
.page5_txt {
    position: absolute;
    z-index: 4;
    width: 60%;
    left: 20%;
    top: 80%;
}
.choose {
    z-index: 5;
    position: absolute;
    top: 67%;
    width: 80%;
    left: 10%;
    display: none;
}
.sure {
    z-index: 20;
    position: absolute;
    top: 82%;
    left: 14%;
    width: 13%;
    display: none;
}
.cancel {
    z-index: 20;
    position: absolute;
    top: 82%;
    left: 33%;
    width: 13%;
    display: none;
}
ul {
    font-family: "行楷";
    color: #C30D23;
    font-size: 14px;
    position: absolute;
    top: 70%;
    width: 70%;
    left: 15%;
}
li {
    float: right;
    width: 14px;
    padding-left: 2%;
}

.ring {
    position: absolute;
    z-index: 10;
    bottom: 2%;
    width: 18%;
}
.ring1 {
    left: 15%;
}

.ring2 {
    left: 41%;
}
.ring3 {
    left: 68%;
}
.bg {
    position: absolute;
    z-index: 4;
    bottom: 1%;
    width: 13%;
    height: 9%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.first {
    left: 16%;
    /* background-image: url("../../img/page5/su1.png"); */
}
.second {
    left: 42%;
}
.third {
    left: 68%;
}
.clearfix::after, .clearfix::before {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.page5-interduce
{
	position: absolute;
    border: 0px solid white;
    width: 71%;
    height: 11%;
    top: 70%;
    left: 15%;
    /* margin-top: -55%;
    margin-left: 13%; */
    z-index: 100;
    overflow: hidden;
}
.page5-content
{
	position: absolute;
	left: 0;
	top: 0;
	/* right: -17px;
	bottom: 0; */
	overflow-x: hidden;
	overflow-y: scroll;
	font-size: 20px;
	color: black;
	padding:10px;
	
}