body{
}
.wrap_img{
    height:980px ;
    min-width: 1200px;
    background: url(../../images/zhuangbei/bg.png) center  no-repeat;
}
.wrap{
    height: 980px;
    width: 1300px;
    margin: 0 auto;
}

/*右侧内容的样式*/

.main .state{ width: 800px; position: relative}
.main .state .boss{ position: relative}
.main .state .state_dis{
    overflow: hidden;
    margin-bottom: 20px;
}
.state_dis .state_dis_left{
    float: left;
    width: 145px;
}
.state_dis .state_dis_left img{ float: right}
.state_dis .state_dis_right{
    float: left;
    width: 655px;
}
.state_dis_right p{ position: relative; padding: 0 0 2px 105px; line-height: 25px; color: #ebad9a; font-size: 14px; font-weight: bold}
.state_dis_right p span.icon{position: absolute;left: 15px; width: 15px;height: 25px; background: url(../../images/zhuangbei/fb_ymj/title_bg.png) center no-repeat}
.state_dis_right p span.wz{ position: absolute; left: 34px}

@media (min-width:1201px) and (max-width:1400px){

    .bhx .bhx_zi {
        top: 100px;
        left: 300px;
    }

}
@media (min-width:1401px) and (max-width:1600px){
    .bhx .bhx_zi {
        top: 100px;
        left: 400px;
    }

}
#toTop{
    transition: all 0.3s;
    background: url(../../images/zhuangbei/top.png) 0 -70px no-repeat;
    cursor: pointer;

}
#toTop:hover{
    background: url(../../images/zhuangbei/top.png) 0 0 no-repeat;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
}
/*切换boss*/
.ppt{
    width: 1000px;
    height: 850px;
    position: relative;

}
.ppt-cont {
    width: 1000px;
    height: 980px;
    position: relative;
    overflow: hidden;

}
.ppt .ppt-cont .pre,.ppt .ppt-cont .next{
    position: absolute;
    width: 63px;
    height: 113px;
    top:36%; margin-top: -52px; z-index: 2; cursor: pointer;
}

.ppt .smalltitle{ position: absolute; right: 0px; top: 0; z-index: 2}
ul li p.nav{
    width: 47px;
    height: 47px;
    margin-top: 52px;
}
ul li p.nav.boss1{
    background: url(../../images/zhuangbei/nav1.png);
}
ul li:hover p.boss1,ul li.thistitle p.boss1{
    background: url(../../images/zhuangbei/nav1_on.png);
}
ul li:hover span.title,ul li.thistitle span.title{
    color: #ff2a2a;
}
ul li p.nav.boss2{
    background: url(../../images/zhuangbei/nav2.png);
}
ul li:hover p.boss2,ul li.thistitle p.boss2{
    background: url(../../images/zhuangbei/nav2_on.png);
}
ul li p.nav.boss3{
    background: url(../../images/zhuangbei/nav3.png);
}
ul li:hover p.boss3,ul li.thistitle p.boss3{
    background: url(../../images/zhuangbei/nav3_on.png);
}
ul li p.nav.boss4{
    background: url(../../images/zhuangbei/nav4.png);
}
ul li:hover p.boss4,ul li.thistitle p.boss4{
    background: url(../../images/zhuangbei/nav4_on.png);
}
ul li p.nav.boss5{
    background: url(../../images/zhuangbei/nav5.png);
}
ul li:hover p.boss5,ul li.thistitle p.boss5{
    background: url(../../images/zhuangbei/nav5_on.png);
}
ul li p.nav.boss6{
    background: url(../../images/zhuangbei/nav6.png);
}
ul li:hover p.boss6,ul li.thistitle p.boss6{
    background: url(../../images/zhuangbei/nav6_on.png);
}
ul li p.nav.boss7{
    background: url(../../images/zhuangbei/nav7.png);
}
ul li:hover p.boss7,ul li.thistitle p.boss7{
    background: url(../../images/zhuangbei/nav7_on.png);
}
.ppt-cont .oUlplay {
    width: 7000px;
    position: absolute;
    height: 100%;
    left: 0;
}
.oUlplay li{ width: 1000px; height: 100%; float: left; overflow: hidden;
    /*background: url(../../images/zhuangbei/dz.png) 306px 664px  no-repeat;*/
    background: url(../../images/zhuangbei/dz.png) 306px 600px  no-repeat;
    position: relative }
.oUlplay li .left{ width: 450px; float: left; position: relative; height: 580px }

.oUlplay li .right{ width: 500px; float: left; margin-top: 48px}
.oUlplay li .right .title{
    height: 165px;
    line-height: 165px;
    width: 500px;
    border-bottom: 1px solid #663a21;
    margin-bottom: 10px;
}

.boss_dl{ margin-bottom: 20px}
.oUlplay li .right p{
    color: #e0866a; font-size: 14px; line-height: 25px; font-weight: bold;
}

@keyframes flash{
    0%{ opacity:1;}
    50%{ opacity:0;}
    100%{ opacity:1;}
}
@-webkit-keyframes flash{
    0%{ opacity:1;}
    50%{ opacity:0;}
    100%{ opacity:1;}
}
li .people{
    position: relative;
}
li .people img {
	margin-top : 200px;
	margin-left: 35px;  
}            
li .p1{
    width: 350px;
    height: 550px;
    position: relative;

}
li .p1.boy{
    top: -140px;
    left: 250px;
}
li .p1.girl{
    top: 200px;
    left: 300px;
}
li .p2{
    width: 450px;
    height: 660px;
    position: relative;
}
li .p2.boy{
    top: -140px;
    left: 250px;
}
li .p2.girl{
    top: 200px;
    left: 300px;
}
li .p3{
    width: 890px;
    height: 740px;
    position: relative;
}
li .p3.boy{
    top: -140px;
    left: 250px;
}
li .p3.girl{
    top: 200px;
    left: 300px;
}
li .p3{
    width: 890px;
    height: 740px;
    position: relative;
}
li .p4.boy{
    top: -140px;
    left: 250px;
}
li .p4.girl{
    top: 270px;
    left: 300px;
}
li .p5.boy{
    top: -140px;
    left: 250px;
}
li .p5.girl{
    top: 200px;
    left: 300px;
}
li .p6.boy{
    top: -140px;
    left: 250px;
}
li .p6.girl{
    top: 200px;
    left: 300px;
}
li .p7.boy{
    top: -140px;
    left: 250px;
}
li .p7.girl{
    top: 200px;
    left: 300px;
}
}
li .common .title{
    position: absolute;
    right: 175px;
    top: 69px;
}

li .common .btn1{
    position: absolute;
    right: 370px;
    top: 740px;
    width: 307px;
    height: 36px;
}
li .common .btn1 p{
    width: 102px;
    height: 36px;
    background: url("../../images/zhuangbei/pbtn.png");
    font-size: 20px;
    font-weight: bold;
    color: #793207;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}
li .common .btn1 .boy{
    float: left;
}
li .common .btn1 .girl{
    float: right;
}
li .common .btn1 p:hover,li .common .btn1 p.act{
    background: url("../../images/zhuangbei/pbnt_on.png");
}

li .common .btn{
    position: absolute;
    right: 430px;
    top: 740px;
    width: 205px;
    height: 36px;
}
li .common .btn p{
    width: 102px;
    height: 36px;
    background: url("../../images/zhuangbei/pbtn.png");
    font-size: 20px;
    font-weight: bold;
    color: #793207;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}
li .common .btn .boy{
    float: left;
}
li .common .btn .girl{
    float: right;
}
li .common .btn p:hover,li .common .btn p.act{
    background: url("../../images/zhuangbei/pbnt_on.png");
}
li .common .attr {
    position: absolute;
    top: 703px;
    left: 137px;
}
li .common .attr .title_attr{
    width: 124px;
    height: 40px;
    background: url("../../images/zhuangbei/attr.png");
    margin-bottom: 15px;
}
li .common .attr li{
    border: 1px solid #85745a;
    width: 60px;
    height: 60px;
    margin-right: 35px;
    position: relative;
    overflow:visible;
    cursor: pointer;
}
li .common .attr li p{
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(92,7,7,0.8);
    display: none;
}
li .common .attr li.tou{
    background: url("../../images/zhuangbei/tou.png");
}
li .common .attr li.yi{
    background: url("../../images/zhuangbei/yi.png");
}
li .common .attr li.jian{
    background: url("../../images/zhuangbei/jian.png");
}
li .common .attr li.wan{
     background: url("../../images/zhuangbei/wan.png");
 }
li .common .attr li.shou{
    background: url("../../images/zhuangbei/shou.png");
}
li .common .attr li.yao{
    background: url("../../images/zhuangbei/yao.png");
}
li .common .attr li.xie{
    background: url("../../images/zhuangbei/xie.png");
}

li .common .attr li .attr{
    position: absolute;
    top:0;
    left: 0;
    display: none;
}
li .common .attr li .attr img{
    position: absolute;
    left:0;
    bottom: 0;
}
.weapon_desc {
	position:absolute;
	top: 280px;
	left: 600px;
	z-index: 999;
	display:none;
}