.contain-top{background: url(top-1.jpg) no-repeat center top;height: 959px;}
.top{background: url(top-2.jpg) no-repeat center top;height: 959px;width: 1200px;margin: 0 auto;position: relative;z-index: 1;}
.logo{width:371px;height:46px;position: absolute;left:244px;top:413px;display: block;z-index: 1;}
.top-nav{height: 28px;width:352px ;position: absolute;z-index: 1;right: 0px;top: 0px;}
.top-nav a{background: url(top-nav.png);width: 88px;height: 28px;display: block;float: left;text-align: center;font: 16px "microsoft yahei";color: #fff;line-height: 28px;}
.top-nav a:hover{background: url(top-navh.png);}
.addqq{background: url(addqq.png);cursor: pointer;width: 195px;height: 36px;position: absolute;left:330px ;top: 580px;font: 34px "microsoft yahei";color: #fff;text-align: center;line-height: 84px;}
.addqq:hover{opacity: 0.9;filter: alpha(opacity=90);}
.btn{background: url(btn.png);cursor: pointer;width: 364px;height: 84px;position: absolute;left:245px ;top: 480px;color: #fff;text-align: center;line-height: 84px;}
.nav{width:1165px ;height:181px ;position: absolute;left:0 ;bottom: 72px;}
.nav li{background: url(nav.png);width: 223px;height: 181px;display: block;float: left;margin-right: 10px;cursor: pointer;}
.nav li:hover{background: url(navh.png);}
.nav li img{display: block;margin: 0 auto;}
.nav li span{width: 100%;height: 42px;display: block;text-align: center;font:16px "microsoft yahei" ;line-height: 42px;color: #fff;}
.nav .nav1 img{margin-top: 2px;}
.nav .nav2 img{margin-top: 2px;}
.nav .nav3 img{margin-top: 2px;}
.nav .nav4 img{margin-top: 2px;}
.nav .nav5 img{margin-top: 2px;}

.contain-active1{background: url(active1-1.jpg) no-repeat center top;height: 806px;}
.active1{background: url(active1-2.jpg) no-repeat center top;height: 806px;width: 1200px;margin: 0 auto;position: relative;z-index: 1;}
.time{background: url(time.png);width: 1200px;height: 74px;margin: 0 auto;}
.title1{background: url(title1.png);width: 499px;height: 86px;margin: 0 auto;margin-top: 50px;}
.photo{width: 1200px;height: 520px;margin-top: 40px;}
.photo-mask{width:379px ;height:462px;position: absolute;left: 0;top: 0;z-index: 1;background: #000;opacity: 0;filter: alpha(opacity=0);}
.photo1{width: 379px;height: 520px;float: left;cursor: pointer;position: relative;}
.photo2{width: 379px;height: 520px;float: left;margin-left: 31px;cursor: pointer;position: relative;}
.photo3{width: 379px;height: 520px;float: left;margin-left: 31px;cursor: pointer;position: relative;}
.photo span{width: 100%;height: 58px;display: block;text-align: center;font: 18px "microsoft yahei";color: #476088;line-height: 58px;}
.fanpai{-webkit-animation:rotateY 2s linear forwards;animation:rotateY 2s linear forwards;}
@-webkit-keyframes rotateY{
	from{-webkit-transform:rotateY(0);}
	to{-webkit-transform:rotateY(360deg);}
}
@keyframes rotateY{
	from{transform:rotateY(0deg);}
	to{transform:rotateY(360deg);}
}

.contain-active2{background: url(active2-1.jpg) no-repeat center top;height: 1235px;}
.active2{background: url(active2-2.jpg) no-repeat center top;height: 1235px;width: 1200px;margin: 0 auto;position: relative;z-index: 1;}
.title2{background: url(title2.png);width: 499px;height: 58px;margin: 0 auto;}
.zm-div{background: url(zm.png);width: 1005px;height: 250px;margin: 0 auto;margin-top: 30px;}
.active2-img{background: url(active2-img.png);width: 1034px;height: 651px;margin: 0 auto;margin-top: 80px;}
.to-look{background: url(to-look.png);width: 637px;height: 54px;margin: 0 auto;margin-top: 35px;}
.look-btn{width: 210px;height: 54px;margin: 0 auto;cursor: pointer;}
.pop-mask{width: 100%;height: 100%;background: #000;opacity: 0.5;filter: alpha(opacity=50);position: fixed;left: 0;top: 0;z-index: 2;}
.pop1{background: url(pop1.png);width: 553px;height: 241px;z-index: 3;position: fixed;left: 50%;top: 50%;margin-left: -276px;margin-top: -120px;}
.close{background: url(close.png);width: 35px;height: 35px;position: absolute;right: -35px;top: 0px;cursor: pointer;}
.close1{top:50px;right:-70px;}
.pop2{background: url(pop2.png);width: 683px;height: 547px;z-index: 3;position: fixed;left: 50%;top: 50%;margin-left: -341px;margin-top: -273px;}
.pop3{background: url(pop3.png);width: 1153px;height: 747px;z-index: 3;position: fixed;left: 50%;top: 50%;margin-left: -576px;margin-top: -373px;}
.pop1 h4{font: 30px "microsoft yahei"; color: #cd5969;margin: 0 auto;margin-top: 46px;width: 100%;text-align: center;}
.pop1 h5{font: 24px "microsoft yahei"; color: #7c2335;margin: 0 auto;margin-top: 20px;width: 100%;text-align: center;}
.copy{width: 225px;height: 33px;text-align: center;margin: 0 auto;margin-top: 20px;margin-left: 159px;}
.q-num{width:140px ;height:31px ;border: 1px solid #a34a5d;font: 20px "microsoft yahei";color: #7c2335;text-align: center;line-height: 31px;float: left;}
.copy a{width:65px ;height: 33px;display: block;float: right;background: #be4e5c;font: 18px "microsoft yahei";color: #fff;text-align: center;line-height: 33px;}
.person-mes{width: 400px;height: 480px;float: left;margin-left:150px ;margin-top: 30px;}
.person-mes h4{font: 20px "microsoft yahei"; color: #7c2335;margin: 0 auto;margin-bottom: 12px;}
.area-chioce,.server-chioce,.role-chioce,.level-chioce{width: 400px;height: 33px;margin-bottom: 9px;}	
.span2{display: block;width: 90px;height: 33px;font: 16px "microsoft yahei";color: #7c2335;line-height: 33px;text-align: right;float: left;}
.chioce-box{display: block;width: 260px;height: 31px;background: #fff;border: 1px solid #7c2335;float: left;position: relative;margin-left: 20px;}
.areaName,.serverName{width: 100%;height: 100%;cursor: pointer;display: block;font: 16px "microsoft yahei";line-height: 30px;color: #7c2335;text-indent: 25px;}
.area-content,.server-content,.role-content{position: absolute;left: -1px;top: 32px;width: 100%;z-index: 1;}
.area,.server,.role{width: 260px;height: 30px;display: block;font: 16px "microsoft yahei";line-height: 30px;color: #7c2335;text-indent: 25px;background: #fff;border: 1px solid #7c2335;cursor: pointer;}
.roleName,.nameName,.phoneName,.qqName{border: none;width: 100%;height: 31px;display: block;font: 16px "microsoft yahei";line-height: 30px;color: #7c2335;text-indent: 25px;}
.roleName,.nameName,.phoneName,.qqName{display: block;width: 260px;height: 31px;background: #fff;border: 1px solid #7c2335;float: left;position: relative;margin-left: 20px;}

.chioce-box1{display: block;width: 260px;height: 31px;color: #7c2335;font: 18px "microsoft yahei";background: #fff;float: left;position: relative;margin-left: 20px;}
.name-chioce,.sex-chioce,.phone-chioce,.qq-chioce{width: 400px;height: 33px;margin-bottom: 9px;}
.boy{margin-left: 38px;margin-top: 10px;width: 17px;height: 17px;margin-right: 12px;}
.girl{margin-left: 50px;margin-top: 10px;width: 17px;height: 17px;margin-right: 12px;}
.person-mes h5{font: 16px "microsoft yahei"; color: #b3334e;margin: 0 auto;margin-bottom: 20px;margin-top: 10px;}
.yellow{color: #ef4300;}
.mes-submit{background: url(submit.png);width: 237px;height: 55px;margin-left: 76px;cursor: pointer;    margin-top: 30px;}
.pop3 h4{color: #cd5969;font: 34px "microsoft yahei";width: 100%;text-align: center;font-weight: bold;margin-top: 38px;}
.pop-ul{width: 1060;height:214px ;margin-left:53px ;margin-top:30px ;}
.pop-ul ul li{background: url(back.jpg);width: 245px;height: 214px;float: left;margin-right: 20px;}
.pop-ul ul li h6{width: 100%;font: 30px "microsoft yahei";color: #cd5969;text-align: center;font-weight: 900;margin-top: 20px;}
.pop-ul ul li p{font: 14px "microsoft yahei";color: #a8384f;line-height: 25px;margin-left:24px ;margin-top: 14px;}
.pop3-p{font: 14px "microsoft yahei";margin-left: 95px;margin-top: 20px;color: #000;line-height: 26px;}
.baoming{background: url(baoming.png);width: 237px;height: 55px;margin-left: 478px;margin-top: 30px;cursor: pointer;}
.baoming:hover{opacity: 0.9;filter: alpha(opacity=90);}
.video-div,.video-div1{z-index:99;dipslay:block;width:820px;height:470px;position:fixed;top:50%;left:50%;margin:-235px 0 0 -410px;}
.video-box,.video-box1{float:left;width:100%;height:100%;}
.server_name,.area_name{width:100%;height:100%;display:block}
.yanz{display:block;width: 100px;height: 33px;text-align: center;line-height: 33px;  background: #7C2335;color: #fff;float: left;cursor: pointer;font-size: 16px;}
.code{width: 158px;height: 31px;border: 1px solid #7c2335;text-align: left;line-height: 31px;float: left;font: 16px "microsoft yahei";line-height: 30px;color: #7c2335;   text-indent: 30px;}