#i0{
    background: url("../images/background/index_bg.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}

#i0 .btngroup .btn .island_village{
    width: 27.1875%;
    height: 8.6806%;
    position: absolute;
    top: 23.125%;
    left: 32.2396%;
}

#i0 .btngroup .btn .i0_shadow{
    width:100%;
    height: 100%;
}

#i0 .btngroup .btn:hover .island_village .i0_shadow{
    background: url("../images/index/daoyu011.png") no-repeat;
    background-size: 100% 100%;
    height: 76%;
    position: absolute;
    left:1%;
    bottom: 0;
}

#i0 .btngroup .btn:hover>div .i0_shadow{
    opacity: 0.3;
}

#i0.night .btngroup .btn:hover>div .i0_shadow{
    opacity: 0.2;
}

#i0 .btngroup .btn .island_school{
    width: 20.5729%;
    height: 32.7083%;
    position: absolute;
    top: 36.25%;
    right: 0;
}

#i0 .btngroup .btn:hover .island_school .i0_shadow{
    background: url("../images/index/daoyu021.png") no-repeat;
    background-size: 100% 100%;
}

#i0 .btngroup .btn .island_buy{
    width: 25.8854%;
    height: 16.25%;
    position: absolute;
    top: 36.1806%;
    left: 60.5729%;
}

#i0 .btngroup .btn:hover .island_buy .i0_shadow{
    background: url("../images/index/daoyu031.png") no-repeat;
    background-size: 100% 100%;
}

#i0 .btngroup .btn .island_management{
    width: 43.125%;
    height: 30%;
    position: absolute;
    bottom: 0;
    right: 0;
}

#i0 .btngroup .btn:hover .island_management .i0_shadow{
    background: url("../images/index/daoyu041.png") no-repeat;
    background-size: 100% 100%;
}

#i0 .btngroup .btn .island_corporate{
    width: 25.1042%;
    height: 6.25%;
    position: absolute;
    top: 29.0972%;
    right: 12.1875%;
}

#i0 .btngroup .btn:hover .island_corporate .i0_shadow{
    background: url("../images/index/daoyu051.png") no-repeat;
    background-size: 100% 100%;
}

#i0 .btngroup .btn .island_area{
    width: 50.9896%;
    height: 35.9722%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#i0 .btngroup .btn:hover .island_area .i0_shadow{
    background: url("../images/index/daoyu061.png") no-repeat;
    background-size: 100% 100%;
}

#i0 .btngroup .btn .island_entertain{
    width: 43.8021%;
    height: 22.4306%;
    position: absolute;
    top: 44.7222%;
    left: 18.3854%;
}

#i0 .btngroup .btn:hover .island_entertain .i0_shadow{
    background: url("../images/index/daoyu071.png") no-repeat;
    background-size: 100% 100%;
}

#i0 .btngroup .btn .island_therapy{
    width: 24.3229%;
    height: 14.375%;
    position: absolute;
    top: 34.3056%;
    left: 0;
}

#i0 .btngroup .btn:hover .island_therapy .i0_shadow{
    background: url("../images/index/daoyu081.png") no-repeat;
    background-size: 100% 100%;
}

#i0 .btngroup .btn .island_entertainment{
    width: 22.4479%;
    height: 10.0694%;
    position: absolute;
    top: 30.625%;
    left: 43.2292%;
}

#i0 .btngroup .btn:hover .island_entertainment .i0_shadow{
    background: url("../images/index/daoyu091.png") no-repeat;
    background-size: 100% 100%;
}

#i0 .btngroup .btn .txtbox{
    position: absolute;
    z-index: 10;
    display: none;
}

#i0 .btngroup .btn:hover .txtbox{
    display: block;
}

#i0 .btngroup .btn:hover .txtbox img{
    width: 100%;
}

#i0 .btngroup .btn .txtbox01{
    width: 66.0919%;
    top:-133%;
    left: 9.5785%;
}

#i0 .btngroup .btn .txtbox02{
    width: 87.3417%;
    top:-31.8471%;
    left: 12.6582%;
}

#i0 .btngroup .btn .txtbox03{
    width: 69.4164%;
    top:-64.1026%;
    left: 0;
}

#i0 .btngroup .btn .txtbox04{
    /*width: 32.1256%;*/
    width: 41.6666%;
    top:-27.7778%;
    left: 2.4155%;
}

#i0 .btngroup .btn .txtbox05{
    width: 71.5768%;
    top:-222.2222%;
    left: 10.3734%;
}

#i0 .btngroup .btn .txtbox06{
    width: 35.2401%;
    top:-15.4440%;
    right: 0;
}

#i0 .btngroup .btn .txtbox07{
    width: 41.0226%;
    top:-46.4396%;
    left: 5.9453%;
}

#i0 .btngroup .btn .txtbox08{
    width: 73.8758%;
    top:-72.4638%;
    left: 6.4240%;
}

#i0 .btngroup .btn .txtbox09{
    width: 80.0464%;
    top:-103.4483%;
    left: 11.6009%;
}

#i0 .i1_pp{
    width: 42.1021%;
    height: 22.4306%;
    position: absolute;
    top: 44.6222%;
    left: 18.7854%;
    background: url("../images/index/i1_gg.gif") no-repeat;
    background-size: 100% 100%;
}

#i0 .i1_pp00{
    width: 0.5%;
    height: 3%;
    position: absolute;
    top: 55.6%;
    left: 49.65%;
    background: url("../images/index/i0_pp00.gif") no-repeat;
    background-size: 100% 100%;
}

#i0  .animate01{
    width: 3.90625%;
    height: 4.3056%;
    position: absolute;
    top: 35.3472%;
    right: -3.90625%;
}

#i0  .animate01 .bird{
    width: 100%;
    height: 100%;
    background: url("../images/index/bird01.gif") no-repeat;
    background-size: 100% 100%;
}

#i0  .animate02{
    width: 0.8854%;
    height: 1.25%;
    position: absolute;
    top: 61.5%;
    left: 36%;
}

#i0  .animate02 .car01{
    background: url("../images/index/index_icon020.png");
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

#i0  .animate03{
    width: 6.6146%;
    height: 8.4028%;
    position: absolute;
    top: 31.7361%;
    left: 88.5417%;
}

#i0  .animate03:hover{
    animation-play-state: paused;
    cursor: pointer;
}

#i0  .animate03 .ship{
    width: 100%;
    height: 100%;
    background: url("../images/index/ship01.gif") no-repeat;
    background-size: 100% 100%;
}

#i0  .animate04{
    width: 1.09375%;
    height: 0.8333%;
    position: absolute;
    top: 82.5%;
    left: 63.5%;
}

#i0  .animate04 .car02{
    background: url("../images/index/index_icon021.png");
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

#i0 .index_pop{
    background: url("../images/index/index_explainbox01.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 25.5556%;
    left: 40.9896%;
    width: 29.4271%;
    height: 19.7222%;
    display: none;
}

#i0 .index_pop .index_pop_close{
    background: #fff;
    width: 5.8407%;
    height: 11.6197%;
    opacity: 0;
    position: absolute;
    top: 4.9296%;
    right: 3.2035%;
}

/*奇艺村*/
#i1{
    background: url("../images/background/bg_village.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}
#i1 .icon_river{
    width: 37.9166%;
    height: 30.4045%;
    position: absolute;
    top: 54.2%;
    left: 0;
    background: url("../images/village/river01.gif") no-repeat;
    background-size: 100% 100%;
}

#i1 .btngroup .btn .house_build01{
    background: url("../images/village/village_build01.png") no-repeat;
    background-size: 100% 100%;
    width: 10.46875%;
    height: 15.6903%;
    position: absolute;
    top: 65.8995%;
    left: 68.6458%;
    z-index: 2;
}

#i1 .btngroup .btn:hover .house_build01{
    background: url("../images/village/village_build016.png") no-repeat;
    background-size: 100% 100%;
    width: 10.46875%;
    height: 15.6903%;
    position: absolute;
    top: 65.8995%;
    left: 68.6458%;
    z-index: 2;
}

#i1 .btngroup .btn .house_build02{
    background: url("../images/village/village_build02.png") no-repeat;
    background-size: 100% 100%;
    width: 12.0833%;
    height: 9.0656%;
    position: absolute;
    top: 59.9023%;
    left: 80.15625%;
}

#i1 .btngroup .btn:hover .house_build02{
    background: url("../images/village/village_build017.png") no-repeat;
    background-size: 100% 100%;
    width: 12.0833%;
    height: 9.0656%;
    position: absolute;
    top: 59.9023%;
    left: 80.15625%;
}

#i1 .btngroup .btn .house_build03{
    background: url("../images/village/village_build03.png") no-repeat;
    background-size: 100% 100%;
    width: 5.0521%;
    height: 5.3696%;
    position: absolute;
    top: 49.0934%;
    left: 41.25%;
}

#i1 .btngroup .btn:hover .house_build03{
    background: url("../images/village/village_build018.png") no-repeat;
    background-size: 100% 100%;
    width: 5.0521%;
    height: 5.3696%;
    position: absolute;
    top: 49.0934%;
    left: 41.25%;
}

#i1 .btngroup .btn .house_build04{
    background: url("../images/village/village_build04.png") no-repeat;
    background-size: 100% 100%;
    width: 13.5416%;
    height: 17.0153%;
    position: absolute;
    top: 59.9023%;
    left: 42.5521%;
}

#i1 .btngroup .btn:hover .house_build04{
    background: url("../images/village/village_build019.png") no-repeat;
    background-size: 100% 100%;
    width: 13.5416%;
    height: 17.0153%;
    position: absolute;
    top: 59.9023%;
    left: 42.5521%;
}

#i1 .btngroup .btn .house_build05{
    background: url("../images/village/village_build05.png") no-repeat;
    background-size: 100% 100%;
    width: 10.7292%;
    height: 12.2036%;
    position: absolute;
    top: 74.1283%;
    left: 30.0521%;
}

#i1 .btngroup .btn:hover .house_build05{
    background: url("../images/village/village_build020.png") no-repeat;
    background-size: 100% 100%;
    width: 10.7292%;
    height: 12.2036%;
    position: absolute;
    top: 74.1283%;
    left: 30.0521%;
}

#i1 .btngroup .btn .house_build06{
    background: url("../images/village/village_build06.png") no-repeat;
    background-size: 100% 100%;
    width: 5.625%;
    height: 2.7894%;
    position: absolute;
    top: 51.6039%;
    left: 29.8958%;
}

#i1 .btngroup .btn:hover .house_build06{
    background: url("../images/village/village_build021.png") no-repeat;
    background-size: 100% 100%;
    width: 5.625%;
    height: 2.7894%;
    position: absolute;
    top: 51.6039%;
    left: 29.8958%;
}

#i1 .btngroup .btn .house_build07{
    background: url("../images/village/village_build07.png") no-repeat;
    background-size: 100% 100%;
    width: 17.03125%;
    height: 10.7392%;
    position: absolute;
    top: 59.6234%;
    left: 60.3645%;
}

#i1 .btngroup .btn:hover .house_build07{
    background: url("../images/village/village_build022.png") no-repeat;
    background-size: 100% 100%;
    width: 17.03125%;
    height: 10.7392%;
    position: absolute;
    top: 59.6234%;
    left: 60.3645%;
}

#i1 .btngroup .btn .house_build08{
    background: url("../images/village/village_build08.png") no-repeat;
    background-size: 100% 100%;
    width: 8.5416%;
    height: 6.3458%;
    position: absolute;
    top: 49.6234%;
    left: 72.3645%;
}

#i1 .btngroup .btn:hover .house_build08{
    background: url("../images/village/village_build023.png") no-repeat;
    background-size: 100% 100%;
    width: 8.5416%;
    height: 6.3458%;
    position: absolute;
    top: 49.6234%;
    left: 72.3645%;
}

#i1 .btngroup .btn .house_build09{
    background: url("../images/village/village_build09.png") no-repeat;
    background-size: 100% 100%;
    width: 8.2292%;
    height: 5.4393%;
    position: absolute;
    top: 53.1381%;
    left: 64.3229%;
}

#i1 .btngroup .btn:hover .house_build09{
    background: url("../images/village/village_build024.png") no-repeat;
    background-size: 100% 100%;
    width: 8.2292%;
    height: 5.4393%;
    position: absolute;
    top: 53.1381%;
    left: 64.3229%;
}

#i1 .btngroup .btn .house_build010{
    background: url("../images/village/village_build010.png") no-repeat;
    background-size: 100% 100%;
    width: 8.5417%;
    height: 7.3221%;
    position: absolute;
    top: 50.4184%;
    left: 53.6458%;
}

#i1 .btngroup .btn:hover .house_build010{
    background: url("../images/village/village_build025.png") no-repeat;
    background-size: 100% 100%;
    width: 8.5417%;
    height: 7.3221%;
    position: absolute;
    top: 50.4184%;
    left: 53.6458%;
}

#i1 .btngroup .btn .house_build011{
    background: url("../images/village/village_build011.png") no-repeat;
    background-size: 100% 100%;
    width: 7.5%;
    height: 7.5313%;
    position: absolute;
    top: 54.6025%;
    left: 78.6458%;
}

#i1 .btngroup .btn:hover .house_build011{
    background: url("../images/village/village_build026.png") no-repeat;
    background-size: 100% 100%;
    width: 7.5%;
    height: 7.5313%;
    position: absolute;
    top: 54.6025%;
    left: 78.6458%;
}

#i1 .btngroup .btn .house_build012{
    background: url("../images/village/village_build012.png") no-repeat;
    background-size: 100% 100%;
    width: 8.3333%;
    height: 4.1143%;
    position: absolute;
    top: 56.0669%;
    left: 17.6041%;
    z-index: 2;
}

#i1 .btngroup .btn:hover .house_build012{
    background: url("../images/village/village_build027.png") no-repeat;
    background-size: 100% 100%;
    width: 8.3333%;
    height: 4.1143%;
    position: absolute;
    top: 56.0669%;
    left: 17.6041%;
    z-index: 2;
}

#i1 .btngroup .btn .house_build013{
    background: url("../images/village/village_build013.png") no-repeat;
    background-size: 100% 100%;
    width: 5.7291%;
    height: 6.6248%;
    position: absolute;
    top: 50.5%;
    left: 24.5%
}

#i1 .btngroup .btn:hover .house_build013{
    background: url("../images/village/village_build028.png") no-repeat;
    background-size: 100% 100%;
    width: 5.7291%;
    height: 6.6248%;
    position: absolute;
    top: 50.5%;
    left: 24.5%
}

#i1 .btngroup .btn .house_build014{
    background: url("../images/village/village_build014.png") no-repeat;
    background-size: 100% 100%;
    width: 6.5625%;
    height: 7.8801%;
    position: absolute;
    top: 52%;
    left: 44.6%
}

#i1 .btngroup .btn:hover .house_build014{
    background: url("../images/village/village_build029.png") no-repeat;
    background-size: 100% 100%;
    width: 6.5625%;
    height: 7.8801%;
    position: absolute;
    top: 52%;
    left: 44.6%
}

#i1 .btngroup .btn .house_build015{
    background: url("../images/village/village_build015.png") no-repeat;
    background-size: 100% 100%;
    width: 10.78125%;
    height: 7.2524%;
    position: absolute;
    top: 50.7%;
    left: 10.4%;
}

#i1 .btngroup .btn:hover .house_build015{
    background: url("../images/village/village_build030.png") no-repeat;
    background-size: 100% 100%;
    width: 10.78125%;
    height: 7.2524%;
    position: absolute;
    top: 50.7%;
    left: 10.4%;
}

#i1 .btngroup .btn .txtbox{
    width: 6.875%;
    height: 3.2078%;
    position: absolute;
    z-index: 3;
    display: none;
}

#i1 .btngroup .btn:hover .txtbox{
    display: block;
}

#i1 .btngroup .btn .txt_house01{
    background: url("../images/village/village_txt01.png") no-repeat;
    background-size: 100% 100%;
    top: 62%;
    left: 70%;
}

#i1 .btngroup .btn .txt_house02{
    background: url("../images/village/village_txt02.png") no-repeat;
    background-size: 100% 100%;
    top: 57%;
    left: 83%;
}

#i1 .btngroup .btn .txt_house03{
    background: url("../images/village/village_txt03.png") no-repeat;
    background-size: 100% 100%;
    top: 45%;
    left: 40%;
}

#i1 .btngroup .btn .txt_house04{
    background: url("../images/village/village_txt04.png") no-repeat;
    background-size: 100% 100%;
    top: 60%;
    left: 52%;
}

#i1 .btngroup .btn .txt_house05{
    background: url("../images/village/village_txt05.png") no-repeat;
    background-size: 100% 100%;
    top: 70%;
    left: 32%;
}

#i1 .btngroup .btn .txt_house06{
    background: url("../images/village/village_txt06.png") no-repeat;
    background-size: 100% 100%;
    top: 47%;
    left: 30%;
}

#i1 .btngroup .btn .txt_house07{
    background: url("../images/village/village_txt07.png") no-repeat;
    background-size: 100% 100%;
    top: 56%;
    left: 65%;
}

#i1 .btngroup .btn .txt_house08{
    background: url("../images/village/village_txt08.png") no-repeat;
    background-size: 100% 100%;
    top: 46%;
    left: 73%;
}

#i1 .btngroup .btn .txt_house09{
    background: url("../images/village/village_txt09.png") no-repeat;
    background-size: 100% 100%;
    top: 49%;
    left: 65%;
}

#i1 .btngroup .btn .txt_house010{
    background: url("../images/village/village_txt010.png") no-repeat;
    background-size: 100% 100%;
    top: 46%;
    left: 55%;
}

#i1 .btngroup .btn .txt_house011{
    background: url("../images/village/village_txt011.png") no-repeat;
    background-size: 100% 100%;
    top: 51%;
    left: 79%;
}

#i1 .btngroup .btn .txt_house012{
    background: url("../images/village/village_txt012.png") no-repeat;
    background-size: 100% 100%;
    top: 53%;
    left: 18%;
}

#i1 .btngroup .btn .txt_house013{
    background: url("../images/village/village_txt013.png") no-repeat;
    background-size: 100% 100%;
    top: 47%;
    left: 24%;
}

#i1 .btngroup .btn .txt_house014{
    background: url("../images/village/village_txt014.png") no-repeat;
    background-size: 100% 100%;
    top: 48%;
    left: 44%;
}

#i1 .btngroup .btn .txt_house015{
    background: url("../images/village/village_txt015.png") no-repeat;
    background-size: 100% 100%;
    top: 48%;
    left: 13%;
}


#i1 #i1_pop{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 20;
    display: none;
}

#i1 #i1_pop .pop_i1{
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
}

#i1 #i1_pop .pop_nav{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -400px;
}

#i1 #i1_pop .pop_nav .nav_icon01{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 87px;
    height: 172px;
    background: url("../images/village/nav_icon01.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop_nav .nav_icon02{
    position: absolute;
    bottom: 120px;
    left: -18px;
    width: 96px;
    height: 96px;
    background: url("../images/village/nav_icon02.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop_nav .nav_icon03{
    position: absolute;
    bottom: 47px;
    left: 2px;
    width: 87px;
    height: 79px;
    background: url("../images/village/nav_icon03.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop_nav .nav_icon04{
    position: absolute;
    bottom: 57px;
    left: 2px;
    width: 87px;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    cursor: pointer;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_l{
    width: 87px;
    height: 70px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r{
    background: url("../images/village/nav_icon04.png") no-repeat;
    background-size: 100% 100%;
    width: 700px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 100px;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .nav_sx{
    position: absolute;
    top: 0;
    height: 70px;
    background: url("../images/village/nav_icon05.png") no-repeat;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_mouse{
    width: 57px;
    left: 0;
    background-position: 0 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_mouse.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: 0 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_cow{
    width: 52px;
    left: 57px;
    background-position: -57px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_cow.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: -57px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_tiger{
    width: 74px;
    left: 109px;
    background-position: -109px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_tiger.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: -109px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_rabbit{
     width: 74px;
     left: 183px;
     background-position: -183px 0;
 }

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_rabbit.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: -183px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_rabbit{
    width: 74px;
    left: 183px;
    background-position: -183px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_rabbit.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: -183px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_dragon{
    width: 62px;
    left: 257px;
    background-position: -257px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_dragon.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: -257px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_snake{
    width: 53px;
    left: 319px;
    background-position: -319px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_snake.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: -319px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_horse{
    width: 60px;
    left: 372px;
    background-position: -372px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_horse.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: -372px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_sheep{
    width: 50px;
    left: 432px;
    background-position: -432px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_sheep.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: -432px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_monkey{
    width: 51px;
    left: 482px;
    background-position: -482px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_monkey.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: -482px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_chicken{
    width: 44px;
    left: 533px;
    background-position: -533px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_chicken.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: -533px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_chicken{
    width: 44px;
    left: 533px;
    background-position: -533px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_chicken.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: -533px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_dog{
    width: 58px;
    left: 577px;
    background-position: -577px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_dog.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: -577px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_pig{
    width: 68px;
    left: 635px;
    background-position: -635px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_pig.active{
    background: url("../images/village/nav_icon06.png") no-repeat;
    background-position: -635px 0;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_teacher{
    width: 65px;
    height: 88px;
    top: -88px;
    right: 0;
    background: url("../images/village/nav_icon07.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_teacher.active{
    background: url("../images/village/nav_icon08.png") no-repeat;
    background-size: 100% 100%;
}

#i1 .go_l{
    width: 2.7083%;
    height: 5.6485%;
    position: absolute;
    right: 7%;
    top: 76%;
    cursor: pointer;
}

#i1 .go_l .btn_go_l{
    background: url("../images/village/i1_jt.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#i1 .go_l .go_l_ts {
    background: url("../images/village/go_l_ts.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -91%;
    left: -233%;
    width: 517.3077%;
    height: 66.6666%;
    display: none;
}

#i1 .go_l:hover .go_l_ts {
    display: block;
}

#i1 .go_t{
    width: 2.7083%;
    height: 5.6485%;
    position: absolute;
    left: 17%;
    top: 40%;
    cursor: pointer;
}

#i1 .go_t .btn_go_t{
    background: url("../images/village/i1_jt.png") no-repeat;
    background-size: 100% 100%;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); 	/* IE 9 */
    -moz-transform:rotate(-90deg); 	/* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
    -o-transform:rotate(-90deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#i1 .go_t .go_t_ts {
    background: url("../images/village/go_t_ts.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 20%;
    left: 162%;
    width: 517.3077%;
    height: 66.6666%;
    display: none;
}

#i1 .go_t:hover .go_t_ts {
    display: block;
}

#i1 #i1_pop .pop_i1_school{
    width: 955px;
    height: 590px;
    margin: -295px 0 0 -477.5px;
}

#i1 #i1_pop .pop_i1_school .pop_i1_school_bg{
    width: 955px;
    height: 197px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../images/village/bg_school.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop_i1_school .pop01_school{
    display: block;
    width: 669px;
    height: 492px;
    position: absolute;
    top: 0;
    left: 143px;
    background: url("../images/village/bg_school01.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_btn{
    height: 97px;
    width: 669px;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_btn .pop01_btn00{
    display: block;
    width: 124px;
    height: 78px;
    display: block;
    margin: 10px 49.5px 9px 49.5px;
    cursor: pointer;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_btn .pop01_btn01{
    background: url("../images/village/pop01_btn01.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_btn .pop01_btn02{
    background: url("../images/village/pop01_btn02.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_btn .pop01_btn03{
    background: url("../images/village/pop01_btn03.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab{
    width: 669px;
    height: 395px;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab00{
    width: 669px;
    height: 395px;
    display: none;
    box-sizing: border-box;
    padding: 20px 36px;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab00.active{
    display: block;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab00 .i1_btn_group{
    position: absolute;
    top: 410px;
    right: 45px;
    width: 80px;
    height: 33px;
    z-index: 10;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab00 .i1_btn_group .i1_btn_l{
    display: block;
    position: absolute;
    left: 0;
    width: 34px;
    height: 100%;
    background: url("../images/village/i1_btn_l02.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab00 .i1_btn_group .i1_btn_l:hover{
    background: url("../images/village/i1_btn_l03.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab00 .i1_btn_group .i1_btn_l.out{
    background: url("../images/village/i1_btn_l01.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab00 .i1_btn_group .i1_btn_r{
    display: block;
    position: absolute;
    right: 0;
    width: 34px;
    height: 100%;
    background: url("../images/village/i1_btn_r02.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab00 .i1_btn_group .i1_btn_r:hover{
    background: url("../images/village/i1_btn_r03.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab00 .i1_btn_group .i1_btn_r.out{
    background: url("../images/village/i1_btn_r01.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab03 .pop_tab_img{
    background: url("../images/village/i1_vil_tab03.jpg") no-repeat;
    background-size: 100% 100%;
    width: 983px;
    height: 716px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -358px;
    margin-left: -491.5px;
    z-index: 10;
}

.i1_pop_close{
    display: block;
    position: absolute;
    background: url("../images/village/i1_btn_back.png") no-repeat;
    background-size: 100% 100%;
    width: 94px;
    height: 45px;
    cursor: pointer;
}

.i1_pop_close:hover{
    background: url("../images/village/i1_btn_back01.png") no-repeat;
    background-size: 100% 100%;
}

.i1_pop01_close{
    top: 34px;
    right: 48px;
}

#i1 #i1_pop .i1_pop02{
    width: 660px;
    height: 626px;
    margin: -363px 0 0 -330px;
    background: url("../images/village/i1_popbg02.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop02 .pop_i1_sx01{
    width: 214px;
    height: 127px;
    background: url("../images/village/pop_i1_sx01.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 138px;
    left: 28px;
}

.i1_pop02_close{
    top: 60px;
    right: -8px;
}

#i1 #i1_pop .i1_pop_txt{
    position: absolute;
    cursor: pointer;
    height: 22px;
}

#i1 #i1_pop .i1_pop02 .i1_pop01_txt01{
    top: 345px;
    left: 94px;
    width: 110px;
    background: url("../images/village/village_text01.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop02 .i1_pop01_txt02{
    top: 415px;
    left: 78px;
    width: 133px;
    background: url("../images/village/village_text02.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop_txt:hover{
    color: #cc3300;
}

#i1 #i1_pop .pop_i1_box{
    background: url("../images/village/pop_i1_box_bg.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 443px;
    height: 325px;
    box-sizing: border-box;
    padding: 10px;
    overflow: hidden;
}

#i1 #i1_pop .pop_i1_box01{
    background: url("../images/village/pop_i1_box_bg01.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .pop01_i1_box{
    top: 290px;
    left: 250px;
}

#i1 #i1_pop .pop_i1_box .i1_sx01_box{
    width: 100%;
    height: 100%;
    display: none;
}

#i1 #i1_pop .pop_i1_box .i1_sx01_box.active{
    display: block;
}

#i1 #i1_pop .pop_i1_box .i1_sx01_box01{
    background:#000;
}

#i1 #i1_pop .pop_i1_box .i1_sx01_box01 #swf01{
    width: 100%;
    height: 100%;
}

#i1 #i1_pop .pop_i1_box .i1_sx01_box02{
    background:#fff;
}

#i1 #i1_pop .i1_pop03{
    width: 815px;
    height: 545px;
    margin: -272.5px 0 0 -407.5px;
    background: url("../images/village/i1_popbg03.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop03 .pop_i1_sx02{
    width: 173px;
    height: 192px;
    background: url("../images/village/pop_i1_sx02.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 15px;
    left: 119px;
}

.i1_pop03_close{
    top: 2px;
    right: 62px;
}

#i1 #i1_pop .pop02_i1_box{
    top: 225px;
    left: 325px;
}

#i1 #i1_pop .pop02_i1_box .i1_sx02_box{
    width: 100%;
    height: 100%;
    background:#000;
}

#i1 .swf{
    width: 100%;
    height: 100%;
}

#i1 #i1_pop .i1_pop04{
    width: 769px;
    height: 642px;
    margin: -321px 0 0 -384.5px;
    background: url("../images/village/i1_popbg04.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop04 .pop_i1_sx03{
    width: 259px;
    height: 158px;
    background: url("../images/village/pop_i1_sx03.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 64px;
    left: 24px;
}

.i1_pop04_close{
    top: 6px;
    right: 45px;
}

#i1 #i1_pop .pop03_i1_box{
    top: 231px;
    left: 300px;
}

#i1 #i1_pop .pop03_i1_box .i1_sx03_box{
    width: 100%;
    height: 100%;
    background:#000;
}

#i1 #i1_pop .i1_pop05{
    width: 726px;
    height: 561px;
    margin: -280.5px 0 0 -363px;
    background: url("../images/village/i1_popbg05.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop05 .pop_i1_sx04{
    width: 226px;
    height: 146px;
    background: url("../images/village/pop_i1_sx04.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 64px;
    left: 24px;
}

.i1_pop05_close{
    top: 6px;
    right: 19px;
}

#i1 #i1_pop .pop04_i1_box{
    top: 231px;
    left: 300px;
}

#i1 #i1_pop .pop04_i1_box .i1_sx04_box{
    width: 100%;
    height: 100%;
    background:#000;
}

#i1 #i1_pop .i1_pop06{
    width: 674px;
    height: 545px;
    margin: -272.5px 0 0 -337px;
    background: url("../images/village/i1_popbg06.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop06 .pop_i1_sx05{
    width: 318px;
    height: 221px;
    background: url("../images/village/pop_i1_sx05.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 55px;
    left: -70px;
}

.i1_pop06_close{
    top: 17px;
    right: -64px;
}

#i1 #i1_pop .pop05_i1_box{
    top: 231px;
    left: 245px;
}

#i1 #i1_pop .pop05_i1_box .i1_sx05_box{
    width: 100%;
    height: 100%;
    background:#000;
}

#i1 #i1_pop .i1_pop07{
    width: 772px;
    height: 570px;
    margin: -285px 0 0 -386px;
    background: url("../images/village/i1_popbg07.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop07 .pop_i1_sx06{
    width: 214px;
    height: 221px;
    background: url("../images/village/pop_i1_sx06.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 69px;
    left: 42px;
}

.i1_pop07_close{
    top: 0;
    left: 6px;
}

#i1 #i1_pop .pop06_i1_box{
    top: 238px;
    left: 285px;
}

#i1 #i1_pop .pop06_i1_box .i1_sx06_box{
    width: 100%;
    height: 100%;
    background:#000;
}

#i1 #i1_pop .i1_pop08{
    width: 714px;
    height: 422px;
    margin: -211px 0 0 -357px;
    background: url("../images/village/i1_popbg08.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop08 .pop_i1_sx07{
    width: 416px;
    height: 226px;
    background: url("../images/village/pop_i1_sx07.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -11px;
    left: 83px;
}

.i1_pop08_close{
    top: -9px;
    right: 6px;
}

#i1 #i1_pop .pop07_i1_box{
    top: 220px;
    left: 285px;
}

#i1 #i1_pop .pop07_i1_box .i1_sx07_box{
    width: 100%;
    height: 100%;
    background:#000;
}

#i1 #i1_pop .i1_pop09{
    width: 821px;
    height: 534px;
    margin: -267px 0 0 -410.5px;
    background: url("../images/village/i1_popbg09.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop09 .pop_i1_sx08{
    width: 247px;
    height: 237px;
    background: url("../images/village/pop_i1_sx08.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 15px;
    left: 83px;
    z-index: -1;
}

.i1_pop09_close{
    top: 0;
    right: 60px;
}

#i1 #i1_pop .pop08_i1_box{
    top: 227px;
    left: 349px;
}

#i1 #i1_pop .pop08_i1_box .i1_sx08_box{
    width: 100%;
    height: 100%;
    background:#000;
}

#i1 #i1_pop .i1_pop010{
    width: 720px;
    height: 525px;
    margin: -262.5px 0 0 -360px;
    background: url("../images/village/i1_popbg010.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop010 .pop_i1_sx09{
    width: 243px;
    height: 157px;
    background: url("../images/village/pop_i1_sx09.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 15px;
    left: 83px;
}

.i1_pop010_close{
    top: -16px;
    right: 9px;
}

#i1 #i1_pop .pop09_i1_box{
    top: 193px;
    left: 309px;
}

#i1 #i1_pop .pop09_i1_box .i1_sx09_box{
    width: 100%;
    height: 100%;
    background:#000;
}

#i1 #i1_pop .i1_pop011{
    width: 701px;
    height: 518px;
    margin: -259px 0 0 -350.5px;
    background: url("../images/village/i1_popbg011.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop011 .pop_i1_sx010{
    width: 143px;
    height: 199px;
    background: url("../images/village/pop_i1_sx010.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 29px;
    left: 57px;
    z-index: -1;
}

.i1_pop011_close{
    top: -16px;
    right: 9px;
}

#i1 #i1_pop .pop010_i1_box{
    top: 204px;
    left: 278px;
}

#i1 #i1_pop .pop010_i1_box .i1_sx010_box{
    width: 100%;
    height: 100%;
    background:#000;
}

#i1 #i1_pop .i1_pop012{
    width: 729px;
    height: 534px;
    margin: -267px 0 0 -360.5px;
    background: url("../images/village/i1_popbg012.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop012 .pop_i1_sx011{
    width: 424px;
    height: 193px;
    background: url("../images/village/pop_i1_sx011.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -16px;
    left: 107px;
}

.i1_pop012_close{
    top: -16px;
    right: 9px;
}

#i1 #i1_pop .pop011_i1_box{
    top: 218px;
    left: 278px;
}

#i1 #i1_pop .pop011_i1_box .i1_sx011_box{
    width: 100%;
    height: 100%;
    background:#000;
}

#i1 #i1_pop .i1_pop013{
    width: 701px;
    height: 600px;
    margin: -300px 0 0 -350.5px;
    background: url("../images/village/i1_popbg013.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop013 .pop_i1_sx012{
    width: 269px;
    height: 185px;
    background: url("../images/village/pop_i1_sx012.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 56px;
    left: 59px;
}

.i1_pop013_close{
    top: 40px;
    right: 9px;
}

#i1 #i1_pop .pop012_i1_box{
    top: 251px;
    left: 278px;
}

#i1 #i1_pop .pop012_i1_box .i1_sx012_box{
    width: 100%;
    height: 100%;
    background:#000;
}

#i1 #i1_pop .i1_pop014{
    width: 758px;
    height: 493px;
    margin: -246.5px 0 0 -379px;
    background: url("../images/village/i1_popbg014.png") no-repeat;
    background-size: 100% 100%;
}

.i1_pop014_close{
    top: -16px;
    right: 9px;
}

#i1 #i1_pop .i1_pop015{
    width: 664px;
    height: 489px;
    margin: -244.5px 0 0 -332px;
}

#i1 #i1_pop .i1_pop015 .pop_i1_culture{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.i1_pop015_close{
    top: 0px;
    right: 9px;
}

#i1 #i1_pop .i1_pop015 .pop_i1_culture.active{
    display: block;
}

#i1 #i1_pop .i1_pop015 .i1_pop015_btn_g{
    width: 196px;
    height: 32px;
    position: absolute;
    top: 435px;
    right: 30px;
}

#i1 #i1_pop .i1_pop015 .i1_pop015_btn_g .i1_pop015_btn{
    display: block;
    width: 92px;
    height: 32px;
    position: absolute;
    top: 0;
    cursor: pointer;
}

#i1 #i1_pop .i1_pop015 .i1_pop015_btn_g .i1_pop015_btn_l{
    left: 0;
    background: url("../images/village/i1_pop015_btn_l00.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop015 .i1_pop015_btn_g .i1_pop015_btn_l.out{
    background: url("../images/village/i1_pop015_btn_l01.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop015 .i1_pop015_btn_g .i1_pop015_btn_r{
    right: 0;
    background: url("../images/village/i1_pop015_btn_r00.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop015 .i1_pop015_btn_g .i1_pop015_btn_r.out{
    background: url("../images/village/i1_pop015_btn_r01.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop015 .pop_i1_culture00{
    background: url("../images/village/pop_i1_culture00.png") no-repeat;
    background-size: 100% 100%;
}

#i1 #i1_pop .i1_pop015 .pop_i1_culture01{
    background: url("../images/village/pop_i1_culture01.png") no-repeat;
    background-size: 100% 100%;
}

#i1_pop .pop_tab01_box{
    color: #fff;
    font-size: 16px;
    line-height: 29px;
    display: none;
}

#i1_pop .pop_tab01_box.active{
    display: block;
}

#i1_pop .pop_tab02 .pop_tab02_top ul{
    width: 100%;
    height: 78px;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li{
    width: 7.1428%;
    height: 78px;
    float: left;
    cursor: pointer;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top01{
    background: url("../images/village/pop_tab02_icon01.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top01:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top01.active{
    background: url("../images/village/pop_tab02_icon015.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top02{
    background: url("../images/village/pop_tab02_icon02.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top02:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top02.active{
    background: url("../images/village/pop_tab02_icon016.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top03{
    background: url("../images/village/pop_tab02_icon03.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top03:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top03.active{
    background: url("../images/village/pop_tab02_icon017.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top04{
    background: url("../images/village/pop_tab02_icon04.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top04:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top04.active{
    background: url("../images/village/pop_tab02_icon018.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top05{
    background: url("../images/village/pop_tab02_icon05.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top05:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top05.active{
    background: url("../images/village/pop_tab02_icon019.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top06{
    background: url("../images/village/pop_tab02_icon06.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top06:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top06.active{
    background: url("../images/village/pop_tab02_icon020.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top07{
    background: url("../images/village/pop_tab02_icon07.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top07:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top07.active{
    background: url("../images/village/pop_tab02_icon021.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top08{
    background: url("../images/village/pop_tab02_icon08.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top08:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top08.active{
    background: url("../images/village/pop_tab02_icon022.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top09{
    background: url("../images/village/pop_tab02_icon09.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top09:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top09.active{
    background: url("../images/village/pop_tab02_icon023.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top010{
    background: url("../images/village/pop_tab02_icon010.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top010:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top010.active{
    background: url("../images/village/pop_tab02_icon024.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top011{
    background: url("../images/village/pop_tab02_icon011.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top011:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top011.active{
    background: url("../images/village/pop_tab02_icon025.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top012{
    background: url("../images/village/pop_tab02_icon012.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top012:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top012.active{
    background: url("../images/village/pop_tab02_icon026.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top013{
    background: url("../images/village/pop_tab02_icon013.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top013:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top013.active{
    background: url("../images/village/pop_tab02_icon027.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top014{
    background: url("../images/village/pop_tab02_icon014.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top014:hover,
#i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top014.active{
    background: url("../images/village/pop_tab02_icon028.png") center center;
}

#i1_pop .pop_tab02 .pop_tab02_bot{
    padding: 10px 0;
    box-sizing: border-box;
}

#i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot00{
    display: none;
}

#i1_pop .pop_tab02 .pop_tab02_bot .active{
    display: block;
}

#i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot00{
    position: relative;
    height: 237px;
}

#i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot00 img{
    position: absolute;
    bottom: 10px;
    left: 0;
}

#i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot00 p{
    color: #fff;
    font-size: 18px;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.pop_tab02_circle{
    background: url("../images/village/pop_tab02_circle.png") no-repeat;
    background-size: 100% 100%;
    width: 283px;
    height: 45px;
    position: absolute;
}

#i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot00 .pop_tab02_circle{
    bottom: -4px;
    left: -10px;
}

#i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot013>img{
    display: none;
}

#i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot013>img.active{
    display: block;
}

#i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot013 .sunmo{
    display: block;
    background: url("../images/village/pop_tab02_btn_icon00.png") no-repeat;
    background-size: 100% 100%;
    width: 88px;
    height: 25px;
    position: absolute;
    bottom: -25px;
    left: 90px;
    text-align: center;
    z-index: 10;
    cursor: pointer;
}

#i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot013 .sunmo>img{
    width: 77px;
    height: 20px;
    position: absolute;
    bottom: 2.5px;
    left: 5.5px;
    display: none;
}

#i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot013 .sunmo>img.active{
    display: block;
}

#i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot014>img.pop_tab02_bot016{
    bottom: -10px;
    left: 50%;
}

.pop_i1_school .i1_pop02_close{
    top: 0;
    right: 20px;
}



/*当真山*/
#i2{
    background: url("../images/background/bg_dangzhen.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}

#i2 .btngroup .btn .mountain{
    cursor: pointer;
    position: absolute;
}

#i2 .btngroup .btn .mountain01{
    width: 53.0729%;
    height: 22.7083%;
    top: 75.2777%;
    left: 46.8758%;
}

#i2 .btngroup .btn .mountain01:hover{
    background: url("../images/dangzhen/mountain01.png") no-repeat;
    background-size: 100% 100%;
}

#i2 .btngroup .btn .mountain02{
    width: 39.4791%;
    height: 17.5417%;
    top: 82.6388%;
    left: 8.59375%;
}

#i2 .btngroup .btn .mountain02:hover{
    background: url("../images/dangzhen/mountain02.png") no-repeat;
    background-size: 100% 100%;
}

#i2 .btngroup .btn .mountain03{
    width: 24.7917%;
    height: 17.5694%;
    top: 65.5556%;
    left: 20.2604%;
}

#i2 .btngroup .btn .mountain03:hover{
    background: url("../images/dangzhen/mountain03.png") no-repeat;
    background-size: 100% 100%;
}

#i2 .btngroup .btn .mountain04{
    width: 36.4583%;
    height: 26.5277%;
    top: 57.4306%;
    left: 41.09375%;
}

#i2 .btngroup .btn .mountain04:hover{
    background: url("../images/dangzhen/mountain04.png") no-repeat;
    background-size: 100% 100%;
}

#i2 .btngroup .btn .txtbox{
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 10;
    top: -10%;
    left: 50%;
    margin-left: -15px;
    line-height: 40px;
    text-align: center;
    background: #d3d3d3;
    display: none;
    border-radius: 5px;
    font-weight: bold;
    font-size: 20px;
}

#i2 .btngroup .btn:hover .txtbox{
    display: block;
}

#i2 #i2_pop{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

#i2 #i2_pop{
    z-index: 2;
}

#i2 #i2_pop >img{
    display: none;
    width: 72.96875%;
    height: 55.3472%;
    position: absolute;
    top: 22.5%;
    left: 13%;
    cursor: pointer;
}

#i2 #i2_pop >img.active{
    display: block;
}

.circular-menu {
    display: none;
    /* 默认隐藏 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 300px;
    z-index: 1000;
}

.menu-items {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: rotate 20s linear infinite;
}

.menu-item {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s;
}

.menu-item:hover {
    transform: scale(1.2);
}

/* 9个按钮的位置计算 */
.menu-item:nth-child(1) {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.menu-item:nth-child(2) {
    top: 15%;
    right: 15%;
}

.menu-item:nth-child(3) {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.menu-item:nth-child(4) {
    bottom: 15%;
    right: 15%;
}

.menu-item:nth-child(5) {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.menu-item:nth-child(6) {
    bottom: 15%;
    left: 15%;
}

.menu-item:nth-child(7) {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.menu-item:nth-child(8) {
    top: 15%;
    left: 15%;
}

.menu-item:nth-child(9) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#flash-container {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
}


/*交易所*/
#i3{
    background: url("../images/background/bg_buy.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}

#i3 .buy_build04{
    background: url("../images/buy/buy_house07.png") no-repeat;
    background-size: 100% 100%;
    width: 9.1666%;
    height: 12.1527%;
    position: absolute;
    top: 43.9583%;
    left:49.6875%;
    z-index: 5;
}

#i3 .buy_build05{
    background: url("../images/buy/buy_house08.png") no-repeat;
    background-size: 100% 100%;
    width: 11.3020%;
    height: 12.4305%;
    position: absolute;
    top: 50.0694%;
    left:34.4270%;
    z-index: 5;
}

#i3 .btngroup .btn .buy_build01{
    background: url("../images/buy/buy_house01.png") no-repeat;
    background-size: 100% 100%;
    width: 10.2083%;
    height: 11.7361%;
    position: absolute;
    top: 41.8055%;
    left:41.5625%;
}

#i3 .btngroup .btn:hover .buy_build01{
    background: url("../images/buy/buy_house04.png") no-repeat;
    background-size: 100% 100%;
}

#i3 .btngroup .btn .buy_build03{
    background: url("../images/buy/buy_house02.png") no-repeat;
    background-size: 100% 100%;
    width: 12.2916%;
    height: 14.9305%;
    position: absolute;
    top:51.1111%;
    left:21.9791%;
}

#i3 .btngroup .btn:hover .buy_build03{
    background: url("../images/buy/buy_house05.png") no-repeat;
    background-size: 100% 100%;
}

#i3 .btngroup .btn .buy_build02{
    background: url("../images/buy/buy_house03.png") no-repeat;
    background-size: 100% 100%;
    width: 11.8229%;
    height: 12.5694%;
    position: absolute;
    top: 50.2777%;
    left:13.90625%;
}

#i3 .btngroup .btn:hover .buy_build02{
    background: url("../images/buy/buy_house06.png") no-repeat;
    background-size: 100% 100%;
}

/*企业园*/
#i4{
    background: url("../images/background/bg_corporate.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}

#i4 .btngroup .btn .corporate_build01{
    background: transparent;
    width: 8.1771%;
    height: 22.5%;
    position: absolute;
    top: 47%;
    left: 54.95%;
    cursor: pointer;
}

#i4 .btngroup .btn .corporate_build02{
    background: transparent;
    width: 18.90625%;
    height: 14.5138%;
    position: absolute;
    top: 41%;
    left: 33.7%;
    cursor: pointer;
}

#i4 #i4_pop{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

#i4 #i4_pop .corporate_pop01{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    position: relative;
}

#i4 #i4_pop .corporate_pop01 .corporate_build02{
    position: fixed;
    top: 85%;
}


/*奇都学校*/
#i5{
    background: url("../images/background/bg_school.jpg") no-repeat;
    background-size: 100% 100%;
    position: relative;
    width: 110%;
}
#i5.night{
    background: url("../images/background/bg_school_night.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}
#i5 .animatebox .i5an01{
    width: 20.15625%;
    height: 30.5694%;
    position: absolute;
    top: 38.0138%;
    left: 0;
    background: url("../images/school/river02.gif") no-repeat;
    background-size: 100% 100%;
}

#i5 .i5an02{
    width: 2.34375%;
    height: 2.8472%;
    position: absolute;
    top: 71%;
    left: 65.5%;
    background: url("../images/school/flag.gif") no-repeat;
    background-size: 100% 100%;
}

#i5 .btngroup .btn .school_build01{
    background: url("../images/school/school_build01.png") no-repeat;
    background-size: 100% 100%;
    width: 15.9895%;
    height: 7.7777%;
    position: absolute;
    top: 28.6805%;
    left: 28.0208%;
}
/*#i5.night .btngroup .btn .school_build01{*/
    /*background: url("../images/school/school_build01_night.png") no-repeat;*/
    /*background-size: 100% 100%;*/
    /*width: 15.9895%;*/
    /*height: 7.7777%;*/
    /*position: absolute;*/
    /*top: 28.6805%;*/
    /*left: 28.0208%;*/
/*}*/
#i5 .btngroup .btn .school_build02{
    background: url("../images/school/school_build02.png") no-repeat;
    background-size: 100% 100%;
    width: 22.65625%;
    height:19.58337%;
    position: absolute;
    top: 29.25%;
    left: 55.6771%;
}
/*#i5.night .btngroup .btn .school_build02{*/
    /*background: url("../images/school/school_build02_night.png") no-repeat;*/
    /*background-size: 100% 100%;*/
    /*width: 22.65625%;*/
    /*height:19.58337%;*/
    /*position: absolute;*/
    /*top: 29.25%;*/
    /*left: 55.6771%;*/
/*}*/
#i5 .btngroup .btn .school_build03{
    background: url("../images/school/school_build03.png") no-repeat;
    background-size: 100% 100%;
    width: 14.84375%;
    height: 17.4305%;
    position: absolute;
    top: 34.7222%;
    left: 73.2292%;
}
/*#i5.night .btngroup .btn .school_build03{*/
    /*background: url("../images/school/school_build03_night.png") no-repeat;*/
    /*background-size: 100% 100%;*/
    /*width: 14.84375%;*/
    /*height: 17.4305%;*/
    /*position: absolute;*/
    /*top: 34.7222%;*/
    /*left: 73.2292%;*/
/*}*/
#i5 .btngroup .btn .school_build04{
    background: url("../images/school/school_build04.png") no-repeat;
    background-size: 100% 100%;
    width: 27.1354%;
    height: 21.875%;
    position: absolute;
    top: 44.7222%;
    left: 63.3854%;
}
/*#i5.night .btngroup .btn .school_build04{*/
    /*background: url("../images/school/school_build04_night.png") no-repeat;*/
    /*background-size: 100% 100%;*/
    /*width: 27.1354%;*/
    /*height: 21.875%;*/
    /*position: absolute;*/
    /*top: 44.7222%;*/
    /*left: 63.3854%;*/
/*}*/
#i5 .btngroup .btn .school_build05{
     background: url("../images/school/school_build05.png") no-repeat;
     background-size: 100% 100%;
     width: 36.1979%;
     height: 36.1805%;
     position: absolute;
     top: 43.0694%;
     left: 16.25%;
 }
/*#i5.night .btngroup .btn .school_build05{*/
    /*background: url("../images/school/school_build05_night.png") no-repeat;*/
    /*background-size: 100% 100%;*/
    /*width: 36.1979%;*/
    /*height: 36.1805%;*/
    /*position: absolute;*/
    /*top: 43.0694%;*/
    /*left: 16.25%;*/
/*}*/
#i5 .btngroup .btn .school_build06{
    width: 2.34375%;
    height: 4.6527%;
    position: absolute;
    top: 48%;
    left: 56.5%;
    background: url("../images/school/stone.gif") no-repeat;
    background-size: 100% 100%;
}
#i5 .btngroup .btn .txtbox{
    display: none;
}

#i5 .btngroup .btn:hover .txtbox{
    display: block;
}

#i5 .btngroup .btn .txt_school01{
    position: absolute;
    top: -58.1428%;
    left: 22.7394%;
    width: 68.4039%;
}

#i5 .btngroup .btn .txt_school02{
    position: absolute;
    top: -5%;
    left: 30.7394%;
    width: 48.2759%;
}

#i5 .btngroup .btn .txt_school03{
    position: absolute;
    top: -22%;
    left: 14.7394%;
    width: 73.6842%;
}

#i5 .btngroup .btn .txt_school04{
    position: absolute;
    top: -16%;
    left: 19.7394%;
    width: 40.3071%;
}

#i5 .btngroup .btn .txt_school05{
    position: absolute;
    top: 0;
    left: 61.7394%;
    width: 30.2158%;
}

#i5 .btngroup .btn .txt_school06{
    position: absolute;
    top: -126%;
    left: -185%;
    width: 453.3333%;
    max-width: 453.3333%;
}

#i5 #i5_pop{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 20;
    display: none;
}

#i5 #i5_pop .pop_i5{
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
}

#i5 #i5_pop .i5_pop01{
    width: 804px;
    height: 569px;
    margin-top: -284.5px;
    margin-left: -402px;
    background: url("../images/school/i5_win01.png") no-repeat;
    background-size: 100% 100%;
}

#i5 #i5_pop .i5_pop01 .flash-container {
    position: absolute;
    top: 60px;
    left: 50px;
    width: calc(100% - 100px);
    height: calc(100% - 160px);
}

#i5 #i5_pop .i5_pop01 .class-buttons {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}

#i5 #i5_pop .i5_pop01 .btn-group {
    display: inline-flex;
    gap: 10px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
}

#i5 #i5_pop .i5_pop01 .class-btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    color: #333;
    text-decoration: none;
    transition: all 0.3s;
}

#i5 #i5_pop .i5_pop01 .class-btn:hover {
    background: #f0f0f0;
}

#i5 #i5_pop .i5_pop01 .class-btn.active {
    background: #4CAF50;
    color: white;
    border-color: #4CAF50;
}

#i5 #i5_pop .i5_pop02{
    width: 738px;
    height: 683px;
    margin-top: -341.5px;
    margin-left: -369px;
    background: url("../images/school/i5_win02.png") no-repeat;
    background-size: 100% 100%;
}

#i5 #i5_pop .i5_pop03{
    width: 737px;
    height: 781px;
    margin-top: -390.5px;
    margin-left: -368.5px;
    background: url("../images/school/i5_win03.png") no-repeat;
    background-size: 100% 100%;
}

#i5 .i5_nav{
    background: url("../images/school/i5_nav_bg.png") no-repeat;
    background-size: 100% 100%;
    width: 68.3854%;
    height: 9.375%;
    position: absolute;
    left: 15.5%;
    top: 88%;
    display: none;
}

#i5 .i5_nav .i5_nav00:hover{
    opacity: 1;
}

#i5 .i5_nav .i5_nav01{
    width:13.4920%;
    height: 96.9696%;
    position: absolute;
    top: 1.5%;
    left: 4.4%;
    background: url("../images/school/school_build05.png") no-repeat;
    background-size: 100% 100%;
    opacity: 0;
}

#i5 .i5_nav .i5_nav02{
    width:13.6508%;
    height: 78.7878%;
    position: absolute;
    top: 15.5%;
    left: 22.8%;
    background: url("../images/school/school_build04.png") no-repeat;
    background-size: 100% 100%;
    opacity: 0;
}

#i5 .i5_nav .i5_nav03{
    width:13.3333%;
    height: 81.8182%;
    position: absolute;
    top: 12%;
    left: 41.1%;
    background: url("../images/school/school_build02.png") no-repeat;
    background-size: 100% 100%;
    opacity: 0;
}

#i5 .i5_nav .i5_nav04{
    width:13.1746%;
    height: 109.9393%;
    position: absolute;
    top: 1%;
    left: 59.3%;
    background: url("../images/school/school_build03.png") no-repeat;
    background-size: 100% 100%;
    opacity: 0;
}

#i5 .i5_nav .i5_nav05{
    width:18.7302%;
    height: 78.7878%;
    position: absolute;
    top: 15%;
    left: 77.5%;
    background: url("../images/school/school_build01.png") no-repeat;
    background-size: 100% 100%;
    opacity: 0;
}

#i5 .i5_menu{
    width: 6.4583%;
    height: 1.5277%;
    position: absolute;
    top: 85%;
    left: 46.5%;
    background: url("../images/school/school_menu.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

#i5 .i5_menu .cret{
    height: 100%;
    width: 11.2903%;
    position: absolute;
    right: 0;
    background: url("../images/school/school_cret.png") no-repeat;
    background-size: 100% 100%;
}

#i5 .i5_menu .cret.active{
    background: url("../images/school/school_cret.png") no-repeat;
    background-size: 100% 100%;
    transform:rotate(-180deg);
    -ms-transform:rotate(-180deg); 	/* IE 9 */
    -moz-transform:rotate(-180deg); 	/* Firefox */
    -webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
    -o-transform:rotate(-180deg);
}

/*百校区*/
#i6{
    background: url("../images/background/bg_college.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}
#i6.night{
    background: url("../images/background/college_night.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}
#i6 .btngroup .btn .school_build01{
    background: url("../images/school/school_build01.png") no-repeat;
    background-size: 100% 100%;
    width: 15.9895%;
    height: 7.7777%;
    position: absolute;
    top: 28.6805%;
    left: 28.0208%;
}

#i6 .btngroup .btn .college_build01{
    background: url("../images/college/college_build01.png") no-repeat;
    background-size: 100% 100%;
    width: 15.5208%;
    height: 10.1388%;
    position: absolute;
    top: 33.2639%;
    left: 36.9792%;
}
#i6.night .btngroup .btn .college_build01:hover{
    background: url("../images/college/college_build01_night.png") no-repeat;
    background-size: 100% 100%;
}
#i6 .btngroup .btn .college_build02{
    background: url("../images/college/college_build02.png") no-repeat;
    background-size: 100% 100%;
    width: 17.1354%;
    height: 17.5694%;
    position: absolute;
    top: 29.5138%;
    left: 68.1771%;
}
#i6.night .btngroup .btn .college_build02{
    background: url("../images/college/college_build02_night.png") no-repeat;
    background-size: 100% 100%;
}
#i6 .btngroup .btn .college_build03{
    background: url("../images/college/college_build03.png") no-repeat;
    background-size: 100% 100%;
    width: 16.1458%;
    height: 19.0972%;
    position: absolute;
    top: 38.0556%;
    left: 17.4479%;
}
#i6.night .btngroup  .college_build03 {
    background: url("../images/college/college_build03_night.png") no-repeat;
    background-size: 100% 100%;
}
#i6 .btngroup .btn .college_build04{
    background: url("../images/college/college_build04.png") no-repeat;
    background-size: 100% 100%;
    width: 35.5729%;
    height: 26.8055%;
    position: absolute;
    top: 47.2916%;
    left: 45.46875%;
}
#i6.night .btngroup  .college_build04 {
    background: url("../images/college/college_build04_night.png") no-repeat;
    background-size: 100% 100%;
}
#i6 .btngroup .btn .college_build05{
    background: url("../images/college/college_build05.png") no-repeat;
    background-size: 100% 100%;
    width: 23.125%;
    height: 33.0555%;
    position: absolute;
    top: 58.6806%;
    left: 27.1354%;
}
#i6.night .btngroup  .college_build05 {
    background: url("../images/college/college_build05_night.png") no-repeat;
    background-size: 100% 100%;
}
#i6 .btngroup .btn .college_build06{
    background: url("../images/college/college_build06.png") no-repeat;
    background-size: 100% 100%;
    width: 2.2917%;
    height: 2.0833%;
    position: absolute;
    top: 23.8889%;
    left: 17.03125%;
}
#i6.night .btngroup  .college_build06 {
    background: url("../images/college/college_build06_night.png") no-repeat;
    background-size: 100% 100%;
}
#i6 .btngroup .btn .college_build06 .txtbox{
    width: 279.5454%;
    height: 140%;
    position: absolute;
    top: -165%;
    left: -90%;
    background: url("../images/college/college_build_txt06.png") no-repeat;
    background-size: 100% 100%;
    display: none;
}

#i6 .btngroup .btn .college_build06:hover .txtbox{
    display: block;
}

#i6 .btngroup .btn .college_build06 .college_icon{
    width: 31.8182%;
    position: absolute;
    top: -9%;
    left: 34%;
}



/*居民区*/
#i7{
    background: url("../images/background/bg_area.jpg") no-repeat;
    /* background-size: 100vw 100%;
    overflow: hidden; */
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}

#i7 .btngroup .btn .zoom{
    background: url("../images/area/icon_zoom.png") no-repeat;
    background-size: 100% 100%;
    width: 23px;
    height: 26px;
    position: absolute;
    top: -10px;
    right: 10px;
    display: none;
}

#i7 .btngroup .btn .key{
    background: url("../images/area/icon_key.png") no-repeat;
    background-size: 100% 100%;
    width: 31px;
    height: 30px;
    position: absolute;
    top: -12px;
    right: -20px;
    display: none;
}

#i7 .btngroup .btn .area:hover .key,
#i7 .btngroup .btn .area:hover .zoom{
    display: block;
}

#i7 .btngroup .btn .area_build01{
    background: url("../images/area/area_house01.png") no-repeat;
    background-size: 100% 100%;
    width: 2.968%;
    height: 2.847%;
    position: absolute;
    top: 50%;
    left: 43.125%;
}

#i7 .btngroup .btn .area_build02{
    background: url("../images/area/area_house02.png") no-repeat;
    background-size: 100% 100%;
    width: 8.90625%;
    height: 10.7638%;
    position: absolute;
    top: 41.875%;
    left: 18.75%;
}

#i7 .btngroup .btn .area_build03{
    background: url("../images/area/area_house03.png") no-repeat;
    background-size: 100% 100%;
    width: 3.2292%;
    height: 2.639%;
    position: absolute;
    top: 51.11%;
    left: 56.5625%;
}

#i7 .btngroup .btn .area_build04{
    background: url("../images/area/area_house04.png") no-repeat;
    background-size: 100% 100%;
    width: 6.5625%;
    height: 6.3194%;
    position: absolute;
    top: 49%;
    left: 9%;
}

#i7 .btngroup .btn .area_build05{
    background: url("../images/area/area_house05.png") no-repeat;
    background-size: 100% 100%;
    width: 13.5417%;
    height: 7.847%;
    position: absolute;
    top: 57.5%;
    left: 0.625%;
}

#i7 .btngroup .btn .area_build06{
    background: url("../images/area/area_house06.png") no-repeat;
    background-size: 100% 100%;
    width: 8.75%;
    height: 6.528%;
    position: absolute;
    top: 55.76%;
    left: 13.33%;
}

#i7 .btngroup .btn .area_build07{
    background: url("../images/area/area_house07.png") no-repeat;
    background-size: 100% 100%;
    width: 5.2083%;
    height: 5.4861%;
    position: absolute;
    top: 56.5278%;
    left: 26.8333%;
}

#i7 .btngroup .btn .area_build08{
    background: url("../images/area/area_house08.png") no-repeat;
    background-size: 100% 100%;
    width: 12.604%;
    height: 6.875%;
    position: absolute;
    top: 53.75%;
    left: 35.68%;
}

#i7 .btngroup .btn .area_build09{
    background: url("../images/area/area_house09.png") no-repeat;
    background-size: 100% 100%;
    width: 4.58%;
    height: 3.75%;
    position: absolute;
    top: 55.83%;
    left: 54%;
}

#i7 .btngroup .btn .area_build010{
    background: url("../images/area/area_house010.png") no-repeat;
    background-size: 100% 100%;
    width: 8.542%;
    height: 10.76%;
    position: absolute;
    top: 54.58%;
    left: 65.21%;
}

#i7 .btngroup .btn .area_build011{
    background: url("../images/area/area_house011.png") no-repeat;
    background-size: 100% 100%;
    width: 7.08%;
    height: 8.47%;
    position: absolute;
    top: 56.32%;
    left: 78.02%;
}

#i7 .btngroup .btn .area_build012{
    background: url("../images/area/area_house012.png") no-repeat;
    background-size: 100% 100%;
    width: 7.708%;
    height: 6.388%;
    position: absolute;
    top: 60.625%;
    left: 88.802%;
}

#i7 .btngroup .btn .area_build013{
    background: url("../images/area/area_house013.png") no-repeat;
    background-size: 100% 100%;
    width: 9.0625%;
    height: 7.5%;
    position: absolute;
    top: 70.9583%;
    left: 7.53125%;
}

#i7 .btngroup .btn .area_build014{
    background: url("../images/area/area_house014.png") no-repeat;
    background-size: 100% 100%;
    width: 6.9792%;
    height: 6.5278%;
    position: absolute;
    top: 62.3194%;
    left: 24.34375%;
}

#i7 .btngroup .btn .area_build015{
    background: url("../images/area/area_house015.png") no-repeat;
    background-size: 100% 100%;
    width: 12.03125%;
    height: 9.652%;
    position: absolute;
    top: 71.125%;
    left: 34.8958%;
}

#i7 .btngroup .btn .area_build016{
    background: url("../images/area/area_house016.png") no-repeat;
    background-size: 100% 100%;
    width: 11.979%;
    height: 8.403%;
    position: absolute;
    top: 65.486%;
    left: 62.08%;
}

#i7 .btngroup .btn .area_build017{
    background: url("../images/area/area_house017.png") no-repeat;
    background-size: 100% 100%;
    width: 13.385%;
    height: 10.35%;
    position: absolute;
    top: 66.74%;
    left: 82.86%;
}

#i7 .btngroup .btn .area_build018{
    background: url("../images/area/area_house018.png") no-repeat;
    background-size: 100% 100%;
    width: 13.59375%;
    height: 15.55%;
    position: absolute;
    top: 75.83%;
    left: 25.3125%;
}

#i7 .btngroup .btn .area_build019{
    background: url("../images/area/area_house019.png") no-repeat;
    background-size: 100% 100%;
    width: 18.54%;
    height: 12.5%;
    position: absolute;
    top: 73.88%;
    left: 65.46875%;
}

#i7 .btngroup .area_tree01{
    background: url("../images/area/area_tree01.png") no-repeat;
    background-size: 100% 100%;
    width: 4.9479%;
    height: 7.8472%;
    position: absolute;
    top: 56.75%;
    left: 33.7083%;
}

#i7 .btngroup .area_tree02{
    background: url("../images/area/area_tree02.png") no-repeat;
    background-size: 100% 100%;
    width: 16.82%;
    height: 13.19%;
    position: absolute;
    top: 53.61%;
    left: 61.146%;
}

#i7 .btngroup .btn .area_build03 .zoom{
    top: -10px;
    right: 0;
}

#i7 .btngroup .btn .area_build03 .key{
    top: -12px;
    right: -25px;
}

#i7 .btngroup .btn .area_build04 .zoom{
    top: -10px;
    right: 10px;
}

#i7 .btngroup .btn .area_build04 .key{
    top: -12px;
    right: -25px;
}

#i7 .btngroup .btn .area_build05 .zoom{
    top: -10px;
    right: 30px;
}

#i7 .btngroup .btn .area_build05 .key{
    top: -12px;
    right: -5px;
}

#i7 .btngroup .btn .area_build06 .zoom{
    top: -10px;
    right: 15px;
}

#i7 .btngroup .btn .area_build06 .key{
    top: -12px;
    right: -20px;
}

#i7 .btngroup .btn .area_build07 .zoom{
    top: -10px;
    right: 5px;
}

#i7 .btngroup .btn .area_build07 .key{
    top: -12px;
    right: -30px;
}

#i7 .btngroup .btn .area_build08 .zoom{
    top: -10px;
    right: 5px;
}

#i7 .btngroup .btn .area_build08 .key{
    top: -12px;
    right: -30px;
}

#i7 .btngroup .btn .area_build09 .zoom{
    top: -10px;
    right: -5px;
}

#i7 .btngroup .btn .area_build09 .key{
    top: -12px;
    right: -35px;
}

#i7 .btngroup .btn .area_build010 .zoom{
    top: -10px;
    right: 10px;
}

#i7 .btngroup .btn .area_build010 .key{
    top: -12px;
    right: -20px;
}

#i7 .btngroup .btn .area_build011 .zoom{
    top: -10px;
    right: 10px;
}

#i7 .btngroup .btn .area_build011 .key{
    top: -12px;
    right: -20px;
}

#i7 .btngroup .btn .area_build012 .zoom{
    top: -10px;
    right: 10px;
}

#i7 .btngroup .btn .area_build012 .key{
    top: -12px;
    right: -20px;
}


#i7 .btngroup .btn .area .area_pop{
    z-index: 33;
    position: absolute;
}

#i7 #i7_pop{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

#i7 #i7_pop .i7_pop_box{
    position: absolute;
    width: 340px;
    height: 287px;
    top: 50%;
    left: 50%;
    margin-top: -143.5px;
    margin-left: -170px;
}

#i7 #i7_pop .pop_white{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.5;
    border-radius: 25px;
}

#i7 #i7_pop .pop_i7{
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
}

#i7 #i7_pop .i7_pop_close{
    width: 59px;
    height: 20px;
    position: absolute;
    top: 4%;
    right: 4%;
    background: url("../images/area/icon_close.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

#i7 #i7_pop .i7_pop01{
    width: 377px;
    height: 234px;
    margin-top: -117px;
    margin-left: -188.5px;
    background: url("../images/area/area_highouse03.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop02{
    width: 412px;
    height: 291px;
    margin-top: -145.5px;
    margin-left: -206px;
    background: url("../images/area/area_highouse04.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop03{
    width: 428px;
    height: 196px;
    margin-top: -98px;
    margin-left: -214px;
    background: url("../images/area/area_highouse05.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop04{
    width: 389px;
    height: 217px;
    margin-top: -108.5px;
    margin-left: -194.5px;
    background: url("../images/area/area_highouse06.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop05{
    width: 349px;
    height: 274px;
    margin-top: -137px;
    margin-left: -174.5px;
    background: url("../images/area/area_highouse07.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop06{
    width: 465px;
    height: 180px;
    margin-top: -90px;
    margin-left: -232.5px;
    background: url("../images/area/area_highouse08.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop07{
    width: 242px;
    height: 171px;
    margin-top: -85.5px;
    margin-left: -121px;
    background: url("../images/area/area_highouse09.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop08{
    width: 338px;
    height: 317px;
    margin-top: -158.5px;
    margin-left: -169px;
    background: url("../images/area/area_highouse010.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop09{
    width: 329px;
    height: 289px;
    margin-top: -144.5px;
    margin-left: -164.5px;
    background: url("../images/area/area_highouse011.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop010{
    width: 380px;
    height: 202px;
    margin-top: -101px;
    margin-left: -190px;
    background: url("../images/area/area_highouse012.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop011{
    width: 387px;
    height: 243px;
    margin-top: -121.5px;
    margin-left: -193.5px;
    background: url("../images/area/area_highouse013.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop012{
    width: 381px;
    height: 266px;
    margin-top: -133px;
    margin-left: -190.5px;
    background: url("../images/area/area_highouse014.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop013{
    width: 387px;
    height: 242px;
    margin-top: -121px;
    margin-left: -193.5px;
    background: url("../images/area/area_highouse015.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop014{
    width: 362px;
    height: 212px;
    margin-top: -106px;
    margin-left: -181px;
    background: url("../images/area/area_highouse016.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop015{
    width: 413px;
    height: 236px;
    margin-top: -118px;
    margin-left: -206.5px;
    background: url("../images/area/area_highouse017.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop016{
    width: 344px;
    height: 279px;
    margin-top: -139.5px;
    margin-left: -172px;
    background: url("../images/area/area_highouse018.png") no-repeat;
    background-size: 100% 100%;
}

#i7 #i7_pop .i7_pop017{
    width: 452px;
    height: 208px;
    margin-top: -104px;
    margin-left: -226px;
    background: url("../images/area/area_highouse019.png") no-repeat;
    background-size: 100% 100%;
}

#i7 .area_flower_l{
    /*width: 66.9791%;*/
    /*height: 41.5972%;*/
    width: 55%;
    height: 34%;;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../images/area/flower_Left.png") no-repeat;
    background-size: 100% 100%;
}

#i7 .area_flower_r{
    /*width: 36.0416%;*/
    /*height: 64.1666%;*/
    width: 30%;
    height: 53%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../images/area/flower_right.png") no-repeat;
    background-size: 100% 100%;
}

/*娱乐区*/
#i8{
    background: url("../images/background/bg_amuse.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}

#i8 .btngroup .btn .amuse{
    /*width: 23.4375%;*/
    /*height: 31.25%;*/
    width: 11.40625%;
    height: 15.4166%;
    position: absolute;
}

#i8 .btngroup .btn .amuse_build01{
    background: url("../images/amuse/icon_amuse01.png") no-repeat;
    background-size: 100% 100%;
    top: 35%;
    left: 25%;
}

#i8 .btngroup .btn .amuse_build02{
    background: url("../images/amuse/icon_amuse02.PNG") no-repeat;
    background-size: 100% 100%;
    top: 35%;
    right: 25%;
}

#i8 .btngroup .btn .amuse_build03{
    background: url("../images/amuse/icon_amuse03.png") no-repeat;
    background-size: 100% 100%;
    top: 55%;
    left: 44%;
}

#i8 #i8_pop{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

#i8 #i8_pop .mask{
    z-index: 0;
}

#i8 #i8_pop .i8_pop00{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
}

#i8 #i8_pop .i8_pop01{
    width: 633px;
    height: 528px;
    margin-top: -264px;
    margin-left: -316.5px;
    background: url("../images/amuse/i8_pop01.png");
}

#i8 #i8_pop .i8_pop01 .i8_game0{
    width: 240px;
    height: 180px;
    /* background: #000; */
    position: absolute;
    cursor: pointer;
}

#i8 #i8_pop .i8_pop01 .i8_game01{
    top: 53px;
    left: 58px;
}

#i8 #i8_pop .i8_pop01 .i8_game02{
    top: 53px;
    left: 332px;
}

#i8 #i8_pop .i8_pop01 .i8_game03{
    top: 300px;
    left: 58px;
}

#i8 #i8_pop .i8_pop01 .i8_game_close{
    top: 20px;
    right: 39px;
}

#i8 #i8_pop .i8_pop00 .i8_game_close {
    position: absolute;
    cursor: pointer;
    width: 66px;
    height: 26px;
}

#i8 #i8_pop .i8_pop02{
    width: 577px;
    height: 619px;
    margin-top: -309.5px;
    margin-left: -288.5px;
    background: url("../images/amuse/i8_pop02.png");
    background-size: 100% 100%;
}

#i8 #i8_pop .i8_pop02 .i8_game_close {
    top: 20px;
    right: 39px;
}

#i8 #i8_pop .i8game0{
    width: 750px;
    height: 750px;
    margin-top: -375px;
    margin-left: -375px;
}

#i8 #i8_pop .i8_pop00 .swf{
    width: 100%;
    height: 100%;
}

#i8 #i8_pop .i8game0 .game_close{
    position: absolute;
    top: 5%;
    right: -5%;
    width: 35px;
    height: 35px;
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    text-align: center;
}


/*疗养区*/
#i9{
    background: url("../images/background/bg_therapy.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}

#i9 .btngroup .btn .therapy_build01{
    width: 8%;
    height: 8.8507%;
    position: absolute;
    top: 24.1319%;
    left: 41.09375%;
    /*display: none;*/
}



#i9 .btngroup .btn .therapy_build01 .music01{
    width: 55%;
    height: 88%;
    position: absolute;
    top: 0;
    left: 0;
}

#i9 .btngroup .btn .therapy_build01 .music02{
    width: 42%;
    height: 75%;
    position: absolute;
    top: 13%;
    left: 19%;
}

#i9 .btngroup .btn .therapy_build01 .music03{
    width: 38%;
    height: 63%;
    position: absolute;
    top: 26%;
    left: 31%;
}

#i9 .btngroup .btn .therapy_build01 .music04{
    width: 33%;
    height: 54%;
    position: absolute;
    top: 38%;
    left: 42%;
}

#i9 .btngroup .btn .therapy_build01 .music05{
    width: 28%;
    height: 46%;
    position: absolute;
    top: 47%;
    left: 53%;
}

#i9 .btngroup .btn .therapy_build01 .music06{
    width: 24%;
    height: 39%;
    position: absolute;
    top: 57%;
    left: 64%;
}

#i9 .btngroup .btn .therapy_build01 .music07{
    width: 18%;
    height: 34%;
    position: absolute;
    top: 64%;
    left: 76%;
}


#i9 .btngroup .btn .therapy_build02{
    width: 21.5104%;
    height: 25.4340%;
    position: absolute;
    top: 48.7%;
    left: 28.1%;
}

#i9 .btngroup .btn .therapy_build03{
    width: 10.3125%;
    height: 19.6181%;
    position: absolute;
    top: 33.2465%;
    left: 50%;
}

#i9 .btngroup .btn .therapy_build04{
    width: 5.5729%;
    height: 11%;
    position: absolute;
    top: 50%;
    left: 67.03125%;
}

#i9 #i9_pop{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 20;
    display: none;
}

#i9 #i9_pop .pop_i9{
    position: absolute;
    top: 50%;
    left:50%;
    display: none;
}

#i9 #i9_pop .i9_pop01{
    width: 80vw;
    height: 80vh;
    max-width: 1000px;
    max-height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
}

#i9 #i9_pop .i9_pop02{
    width: 80vw;
    height: 80vh;
    max-width: 1000px;
    max-height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
}

#i9 .music{
    display: none;
}



/*疗养区*/
#i10{
    background: url("../images/background/bg_model.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}

#i10 .btngroup .btn .model_build01{
    width: 35.2604%;
    height: 48.4743%;
    position: absolute;
    top: 31.8221%;
    left: 7.6041%;
}

#i10 .btngroup .btn .model_build02{
    width: 11.09375%;
    height: 15.4316%;
    position: absolute;
    top: 55.2746%;
    left: 42.8125%;
}

#i10 .btngroup .btn .model_build03{
    width: 10.6771%;
    height: 16.0418%;
    position: absolute;
    top: 57.46875%;
    left: 65.4542%;
}

#i10_pop{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

#i10_pop .i10_pop_box{
    /*width: 25%;*/
    /*height: 19.1804%;*/
    width: 480px;
    height: 272px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -136px;
    margin-left: -240px;
    border-radius: 10px;
    border: 2px solid #000;
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
}

#i10_pop .i10_pop_box .group{
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}

#i10_pop .i10_pop_box .group label{
    width: 25%;
    height: 100%;
    text-align: right;
    font-size: 20px;
}

#i10_pop .i10_pop_box .group input{
    width: 50%;
    height: 100%;
    margin-left: 5%;
    text-align: left;
    box-sizing: border-box;
    padding: 0 10px;
}

#i10_pop .i10_pop_box .i10_pop_btn_zc{
    width: 90px;
    height: 38px;
    background: url("../images/area/btn_zc.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 70%;
    left: 24%;
}

#i10_pop .i10_pop_box .i10_pop_btn_dl{
    width: 90px;
    height: 38px;
    background: url("../images/area/btn_dl.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 70%;
    right: 24%;
}

#i10_pop .i10_pop_box .i10_pop_close{
    width: 24px;
    height: 24px;
    background: url("../images/area/btn_close.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 4%;
    right: 2%;
}

/*黄夫子*/
#i11{
    background: url("../images/background/bg_yellowman.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}

#i11 .ym_build01{
   width: 2.2395%;
    height: 2.9016%;
    position: absolute;
    top: 64.4583%;
    left: 51.5%;
    cursor: pointer;
    background: url("../images/yellowman/icon_book.png") no-repeat;
    background-size: 100% 100%;
}

#i11 .flower01{
    width: 17.8125%;
    height: 27.3575%;
    position: absolute;
    top: 71.4818%;
    left: 68.0416%;
    background: url("../images/yellowman/icon_flower01.png") no-repeat;
    background-size: 100% 100%;
}

#i11 .flower02{
    width: 1.5625%;
    height: 8.8082%;
    position: absolute;
    top: 71.4818%;
    left: 74.0416%;
    background: url("../images/yellowman/icon_flower.png") no-repeat;
    background-size: 100% 100%;
}

#i11 .flower03{
    width: 1.5625%;
    height: 8.8082%;
    position: absolute;
    top: 63.4818%;
    left: 76.0416%;
    background: url("../images/yellowman/icon_flower.png") no-repeat;
    background-size: 100% 100%;
}

#i11 .flower04{
    width: 1.5625%;
    height: 8.8082%;
    position: absolute;
    top: 63.4818%;
    left: 76.0416%;
    background: url("../images/yellowman/icon_flower.png") no-repeat;
    background-size: 100% 100%;
}

#i11 .flower05{
    width: 1.5625%;
    height: 8.8082%;
    position: absolute;
    top: 87.4818%;
    left: 72.0416%;
    background: url("../images/yellowman/icon_flower.png") no-repeat;
    background-size: 100% 100%;
}

#i11 .water{
    width: 3%;
    height: 8%;
    position: absolute;
    top: 35.3%;
    left: 67.5%;
    background: url("../images/yellowman/water.gif") no-repeat;
    background-size: 100% 100%;
}

#i11 .smoke{
    width: 0.3645%;
    height: 8.0829%;
    position: absolute;
    top: 59%;
    left: 46.6%;
    background: url("../images/yellowman/smoke.gif") no-repeat;
    background-size: 100% 100%;
}

#i11_pop{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

#i11 #i11_pop .i11_pop01{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1023px;
    height: 610px;
    margin-top: -305px;
    margin-left: -511.5px;
}

/*管委会*/
#i12{
    background: url("../images/background/bg_manage.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}

/*管委会(花果岛20241014)*/
#i13{
    background: url("../images/background/bg_huaguo.jpg") no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    width: 110%;
}

@media screen and (min-width:480px) and (max-width:1023px) {
    #i1 #i1_pop .pop_i1_school {
        width: 478px;
        height: 295px;
        margin: -147.5px 0 0 -239px;
    }

    #i1 #i1_pop .pop_i1_school .pop_i1_school_bg{
        width: 478px;
        height: 99px;
        bottom: -15px;
    }

    #i1 #i1_pop .pop_i1_school .pop01_school{
        width: 368px;
        height: 270px;
        left: 55px;
    }

    #i1 #i1_pop .pop_i1_school .pop01_school .pop01_btn{
        height: 53px;
        width: 368px;
    }

    #i1 #i1_pop .pop_i1_school .pop01_school .pop01_btn .pop01_btn00{
        width: 68px;
        height: 43px;
        margin: 6px 27px 4px 27px;
    }

    #i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab{
        width: 368px;
        height: 217px;
    }

    #i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab00 {
        width: 368px;
        height: 217px;
        padding: 5px 13px;
    }

    #i1_pop .pop_tab01_box {
        font-size: 10px;
        line-height: 1;
    }

    #i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab00 .i1_btn_group {
        top: 233px;
        right: 22px;
        width: 40px;
        height: 16px;
    }

    #i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab00 .i1_btn_group .i1_btn_l {
        width: 17px;
    }

    #i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab00 .i1_btn_group .i1_btn_r{
        width: 17px;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul {
        height: 43px;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li {
        height: 43px;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top01{
        background: url("../images/village/pop_tab02_icon01.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top01:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top01.active{
        background: url("../images/village/pop_tab02_icon015.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top02{
        background: url("../images/village/pop_tab02_icon02.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top02:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top02.active{
        background: url("../images/village/pop_tab02_icon016.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top03{
        background: url("../images/village/pop_tab02_icon03.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top03:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top03.active{
        background: url("../images/village/pop_tab02_icon017.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top04{
        background: url("../images/village/pop_tab02_icon04.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top04:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top04.active{
        background: url("../images/village/pop_tab02_icon018.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top05{
        background: url("../images/village/pop_tab02_icon05.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top05:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top05.active{
        background: url("../images/village/pop_tab02_icon019.png") no-repeat;
        background-size: 100% 100%;;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top06{
        background: url("../images/village/pop_tab02_icon06.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top06:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top06.active{
        background: url("../images/village/pop_tab02_icon020.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top07{
        background: url("../images/village/pop_tab02_icon07.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top07:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top07.active{
        background: url("../images/village/pop_tab02_icon021.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top08{
        background: url("../images/village/pop_tab02_icon08.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top08:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top08.active{
        background: url("../images/village/pop_tab02_icon022.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top09{
        background: url("../images/village/pop_tab02_icon09.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top09:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top09.active{
        background: url("../images/village/pop_tab02_icon023.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top010{
        background: url("../images/village/pop_tab02_icon010.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top010:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top010.active{
        background: url("../images/village/pop_tab02_icon024.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top011{
        background: url("../images/village/pop_tab02_icon011.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top011:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top011.active{
        background: url("../images/village/pop_tab02_icon025.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top012{
        background: url("../images/village/pop_tab02_icon012.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top012:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top012.active{
        background: url("../images/village/pop_tab02_icon026.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top013{
        background: url("../images/village/pop_tab02_icon013.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top013:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top013.active{
        background: url("../images/village/pop_tab02_icon027.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top014{
        background: url("../images/village/pop_tab02_icon014.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top014:hover,
    #i1_pop .pop_tab02 .pop_tab02_top ul li.pop_tab02_top014.active{
        background: url("../images/village/pop_tab02_icon028.png") no-repeat;
        background-size: 100% 100%;
    }

    #i1_pop .pop_tab02 .pop_tab02_bot {
        padding: 5px 0;
    }

    #i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot00 {
        height: 130px;
    }

    .pop_tab02_circle {
        width: 156px;
        height: 25px;
    }

    #i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot00 .pop_tab02_circle {
        bottom: -4px;
        left: -10px;
    }

    #i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot00 img{
        width: 125px;
        bottom: 4px;
    }

    #i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot00 p {
        font-size: 10px;
    }

    #i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot013 .sunmo {
        width: 44px;
        height: 12px;
        bottom: -12px;
        left: 63px;
    }

    #i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot013 .sunmo>img {
        width: 38px;
        height: 10px;
        bottom: 2px;
        left: 2.5px;
    }

    #i1_pop .pop_tab02 .pop_tab02_bot .pop_tab02_bot014>img.pop_tab02_bot016 {
        bottom: -5px;
        width: 139px;
    }

    .i1_pop_close {
        width: 47px;
        height: 24px;
    }

    #i1 #i1_pop .pop_i1_school .pop01_school .pop01_tab .pop_tab03 .pop_tab_img {
        width: 393px;
        height: 286px;
        margin-top: -143px;
        margin-left: -196px;
    }

    #i1 #i1_pop .i1_pop02 {
        width: 317px;
        height: 300px;
        margin: -165px 0 0 -158.5px;
    }

    #i1 #i1_pop .i1_pop02 .pop_i1_sx01 {
        width: 103px;
        height: 61px;
        top: 66px;
        left: 13px;
    }

    #i1 #i1_pop .i1_pop02 .i1_pop01_txt01 {
        top: 166px;
        left: 45px;
        width: 53px;
    }

    #i1 #i1_pop .i1_pop_txt {
        height: 11px;
    }

    #i1 #i1_pop .i1_pop02 .i1_pop01_txt02 {
        top: 199px;
        left: 37px;
        width: 64px;
    }

    #i1 #i1_pop .pop_i1_box {
        width: 213px;
        height: 156px;
        padding: 5px;
    }

    #i1 #i1_pop .pop01_i1_box {
        top: 139px;
        left: 120px;
    }

    .i1_pop02_close {
        top: 29px;
        right: -4px;
    }

    #i1 #i1_pop .i1_pop03 {
        width: 391px;
        height: 262px;
        margin: -131px 0 0 -195.5px;
    }

    #i1 #i1_pop .i1_pop03 .pop_i1_sx02{
        width: 83px;
        height: 92px;
        top: 7px;
        left: 57px;
    }

    .i1_pop03_close{
        top: 1px;
        right: 30px;
    }

    #i1 #i1_pop .pop02_i1_box{
        top: 108px;
        left: 156px;
    }

    #i1 #i1_pop .i1_pop04{
        width: 369px;
        height: 308px;
        margin: -154px 0 0 -184.5px;
    }

    #i1 #i1_pop .i1_pop04 .pop_i1_sx03{
        width: 124px;
        height: 76px;
        top: 31px;
        left: 12px;
    }

    .i1_pop04_close{
        top: 3px;
        right: 22px;
    }

    #i1 #i1_pop .pop03_i1_box{
        top: 111px;
        left: 144px;
    }

    #i1 #i1_pop .i1_pop05{
        width: 348px;
        height: 269px;
        margin: -135.5px 0 0 -174px;
    }

    #i1 #i1_pop .i1_pop05 .pop_i1_sx04{
        width: 108px;
        height: 70px;
        top: 30px;
        left: 12px;
    }

    .i1_pop05_close{
        top: 3px;
        right: 9px;
    }

    #i1 #i1_pop .pop04_i1_box{
        top: 111px;
        left: 144px;
    }

    #i1 #i1_pop .i1_pop06{
        width: 324px;
        height: 262px;
        margin: -143px 0 0 -162px;
    }

    #i1 #i1_pop .i1_pop06 .pop_i1_sx05{
        width: 153px;
        height: 106px;
        top: 26px;
        left: -34px;
    }

    .i1_pop06_close{
        top: 8px;
        right: -31px;
    }

    #i1 #i1_pop .pop05_i1_box{
        top: 111px;
        left: 118px;
    }

    #i1 #i1_pop .i1_pop07{
        width: 371px;
        height: 274px;
        margin: -137px 0 0 -185.5px;
    }

    #i1 #i1_pop .i1_pop07 .pop_i1_sx06{
        width: 103px;
        height: 106px;
        top: 33px;
        left: 20px;
    }

    .i1_pop07_close{
        left: 3px;
    }

    #i1 #i1_pop .pop06_i1_box{
        top: 114px;
        left: 137px;
    }

    #i1 #i1_pop .i1_pop08{
        width: 343px;
        height: 203px;
        margin: -130.5px 0 0 -171.5px;
    }

    #i1 #i1_pop .i1_pop08 .pop_i1_sx07{
        width: 200px;
        height: 108px;
        top: -5px;
        left: 40px;
    }

    .i1_pop08_close{
        top: -4px;
        right: 3px;
    }

    #i1 #i1_pop .pop07_i1_box{
        top: 106px;
        left: 137px;
    }

    #i1 #i1_pop .i1_pop09{
        width: 394px;
        height: 256px;
        margin: -140px 0 0 -197px;
    }

    #i1 #i1_pop .i1_pop09 .pop_i1_sx08{
        width: 119px;
        height: 114px;
        top: 7px;
        left: 40px;
    }

    .i1_pop09_close{
        right: 29px;
    }

    #i1 #i1_pop .pop08_i1_box{
        top: 109px;
        left: 168px;
    }

    #i1 #i1_pop .i1_pop010{
        width: 346px;
        height: 252px;
        margin: -126px 0 0 -173px;
    }

    #i1 #i1_pop .i1_pop010 .pop_i1_sx09{
        width: 117px;
        height: 75px;
        top: 7px;
        left: 40px;
    }

    .i1_pop010_close{
        top: -8px;
        right: 4px;
    }

    #i1 #i1_pop .pop09_i1_box{
        top: 93px;
        left: 148px;
    }

    #i1 #i1_pop .i1_pop011{
        width: 336px;
        height: 249px;
        margin: -124.5px 0 0 -168px;
    }

    #i1 #i1_pop .i1_pop011 .pop_i1_sx010{
        width: 69px;
        height: 96px;
        top: 14px;
        left: 27px;
    }

    .i1_pop011_close{
        top: -8px;
        right: 4px;
    }

    #i1 #i1_pop .pop010_i1_box{
        top: 98px;
        left: 133px;
    }

    #i1 #i1_pop .i1_pop012{
        width: 350px;
        height: 256px;
        margin: -128px 0 0 -175px;
    }

    #i1 #i1_pop .i1_pop012 .pop_i1_sx011{
        width: 204px;
        height: 93px;
        top: -8px;
        left: 51px;
    }

    .i1_pop012_close{
        top: -8px;
        right: 4px;
    }

    #i1 #i1_pop .pop011_i1_box{
        top: 105px;
        left: 133px;
    }

    #i1 #i1_pop .i1_pop013{
        width: 336px;
        height: 288px;
        margin: -159px 0 0 -168px
    }

    #i1 #i1_pop .i1_pop013 .pop_i1_sx012{
        width: 129px;
        height: 89px;
        top: 27px;
        left: 28px;
    }

    .i1_pop013_close{
        top: 19px;
        right: 4px;
    }

    #i1 #i1_pop .pop012_i1_box{
        top: 120px;
        left: 133px;
    }

    #i1 #i1_pop .i1_pop014{
        width: 364px;
        height: 237px;
        margin: -118.5px 0 0 -182px;
    }

    .i1_pop014_close{
        top: -8px;
        right: 4px;
    }

    #i1 #i1_pop .i1_pop015{
        width: 319px;
        height: 235px;
        margin: -130.5px 0 0 -158.5px;
    }

    .i1_pop015_close{
        right: 4px;
    }

    #i1 #i1_pop .i1_pop015 .i1_pop015_btn_g{
        width: 94px;
        height: 15px;
        top: 209px;
        right: 14px;
    }

    #i1 #i1_pop .i1_pop015 .i1_pop015_btn_g .i1_pop015_btn{
        width: 44px;
        height: 15px;
    }

    #i1 #i1_pop .pop_nav {
        bottom: -18px;
        margin-left: -192px;
    }

    #i1 #i1_pop .pop_nav .nav_icon01 {
        width: 42px;
        height: 83px;
    }

    #i1 #i1_pop .pop_nav .nav_icon02 {
        bottom: 58px;
        left: -9px;
        width: 46px;
        height: 46px;
    }

    #i1 #i1_pop .pop_nav .nav_icon03 {
        bottom: 23px;
        left: 1px;
        width: 42px;
        height: 38px;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 {
        bottom: 27px;
        left: 1px;
        width: 42px;
        height: 34px;
        line-height: 34px;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_l {
        width: 42px;
        height: 34px;
        font-size: 10px;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r {
        width: 336px;
        height: 34px;
        left: 48px;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .nav_sx {
        height: 34px;
        background: url("../images/village/nav_icon09.png") no-repeat;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_mouse {
        width: 27px;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_mouse.active{
        background: url("../images/village/nav_icon010.png") no-repeat;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_cow {
        width: 25px;
        left: 27px;
        background-position: -27px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_cow.active {
        background: url("../images/village/nav_icon010.png") no-repeat;
        background-position: -27px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_tiger{
        width: 36px;
        left: 52px;
        background-position: -52px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_tiger.active{
        background: url("../images/village/nav_icon010.png") no-repeat;
        background-position: -52px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_rabbit{
        width: 36px;
        left: 88px;
        background-position: -88px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_rabbit.active{
        background: url("../images/village/nav_icon010.png") no-repeat;
        background-position: -88px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_rabbit{
        width: 36px;
        left: 88px;
        background-position: -88px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_rabbit.active{
        background: url("../images/village/nav_icon010.png") no-repeat;
        background-position: -88px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_dragon{
        width: 30px;
        left: 123px;
        background-position: -123px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_dragon.active{
        background: url("../images/village/nav_icon010.png") no-repeat;
        background-position: -123px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_snake{
        width: 25px;
        left: 153px;
        background-position: -153px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_snake.active{
        background: url("../images/village/nav_icon010.png") no-repeat;
        background-position: -153px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_horse{
        width: 30px;
        left: 179px;
        background-position: -179px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_horse.active{
        background: url("../images/village/nav_icon010.png") no-repeat;
        background-position: -179px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_sheep{
        width: 24px;
        left: 207px;
        background-position: -207px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_sheep.active{
        background: url("../images/village/nav_icon010.png") no-repeat;
        background-position: -207px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_monkey{
        width: 24px;
        left: 231px;
        background-position: -231px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_monkey.active{
        background: url("../images/village/nav_icon010.png") no-repeat;
        background-position: -231px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_chicken{
        width: 21px;
        left: 256px;
        background-position: -256px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_chicken.active{
        background: url("../images/village/nav_icon010.png") no-repeat;
        background-position: -256px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_chicken{
        width: 21px;
        left: 256px;
        background-position: -256px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_chicken.active{
        background: url("../images/village/nav_icon010.png") no-repeat;
        background-position: -256px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_dog{
        width: 30px;
        left: 277px;
        background-position: -277px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_dog.active{
        background: url("../images/village/nav_icon010.png") no-repeat;
        background-position: -277px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_pig{
        width: 33px;
        left: 305px;
        background-position: -305px 0;
    }

    #i1 #i1_pop .pop_nav .nav_icon04 .nav_icon04_r .sx_pig.active{
        background: url("../images/village/nav_icon010.png") no-repeat;
        background-position: -305px 0;
    }

    #i8 #i8_pop .i8_pop01 {
        width: 316px;
        height: 264px;
        margin-top: -132px;
        margin-left: -158px;
    }

    #i8 #i8_pop .i8_pop02 {
        width: 288px;
        height: 309px;
        margin-top: -154px;
        margin-left: -144px;
    }

    #i11 #i11_pop .i11_pop01 {
        width: 500px;
        height: 298px;
        margin-top: -149px;
        margin-left: -255px;
    }

    .btn_back_indeximg {
        top: 113%;
    }

    #i2 .btngroup .btn:hover .txtbox{
        display: none;
    }

    #i10_pop .i10_pop_box {
        width: 50%;
        height: 40%;
        top: 30%;
        left: 25%;
        padding: 30px 10px;
    }

    #i10_pop .i10_pop_box .group {
        width: 100%;
        height: 16px;
        line-height: 16px;
        margin-bottom: 5px;
    }

    #i10_pop .i10_pop_box .group label {
        font-size: 10px;
    }

    #i10_pop .i10_pop_box .i10_pop_btn_zc {
        width: 45px;
        height: 19px;
    }

    #i10_pop .i10_pop_box .i10_pop_btn_dl {
        width: 45px;
        height: 19px;
    }

    #i10_pop .i10_pop_box .i10_pop_close {
        width: 12px;
        height: 12px;
    }

    #i9 #i9_pop .i9_pop01 {
        width: 502px;
        height: 307px;
        margin-top: -153px;
        margin-left: -251px;
    }

    #i9 #i9_pop .i9_pop02 {
        width: 512px;
        height: 384px;
        margin-top: -192px;
        margin-left: -256px;
    }

    #i5 #i5_pop .i5_pop01{
        width: 402px;
        height: 284.5px;
        margin-top: -142px;
        margin-left: -201px;
    }

    #i5 #i5_pop .i5_pop02{
        width: 369px;
        height: 341px;
        margin-top: -170.5px;
        margin-left: -184.5px;
    }

    #i5 #i5_pop .i5_pop03{
        width: 295px;
        height: 312px;
        margin-top: -156px;
        margin-left: -147.5px;
    }
}