@charset "utf-8";
html{overflow-x: hidden;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button {
    padding: 0; margin: 0;
}

body, button, input, select, textarea {
    font: 12px/1.5 tahoma, arial, "Hiragino Sans GB", "Microsoft Yahei", \5b8b\4f53;
}

ol, ul {
    list-style: none;
}

a:hover {
    color: #08c;
    text-decoration: underline;
}

ins, a {
    text-decoration: none;
}

body { background: #000; }
#platformHead{background:url(../images/nav_02.jpg) repeat-x;}
.index_top {
    height: 40px;
    margin: 0 auto;
    width: 1000px;
	
}
.oaslogo {
    display: inline;
    float: left;
    margin-left: 10px;
}
.index_top span {
    display: inline;
    float: left;
    margin-left: 30px;
    margin-top: 15px;
}

.guangbo {
    color: #CC0000;
    display: inline;
    float: left;
    line-height: 40px;
    margin-left: 10px;
    text-decoration: underline;
}
.index_top p {
    display: inline;
    float: right;
    line-height: 40px;
    margin-right: 20px;
}
a, p {
    color: #000000;
    text-decoration: none;
}


/*footer*/
.footer {
    color: #666666;
    height: 140px;
    margin: 0 auto;
    width: 1000px;
	 font-size: 14px;
    line-height: 16px;
}
.oaslogo_ft {
    background: url("../images/oas_logo_03.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline;
    float: left;
    height: 140px;
    margin-left: 200px;
    width: 96px;
}
.foot {
    display: inline;
    float: left;
    font-size: 14px;
    height: 55px;
    line-height: 16px;
    margin-left: 20px;
    margin-top: 40px;
    width: 525px;
}
.foot a {
    color: #666666;
}
.foot p{color: #666666;}
/*wrapper*/
.wrapper {
    width: 1600px;
    margin: 0 auto;
    height: 817px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    overflow: hidden;
    position: relative;
}
.mt20{margin-top: -20px;}
/*overlay*/
.left-overlay { position: absolute; left: 0; top: 0; width: 320px; height: 662px; background: url("http://sq.7road.com/activity/soulsWar/images/player-overlay.png") no-repeat; }

.right-overlay { position: absolute; right: 0; top: 0; width: 320px; height: 662px; background: url("http://sq.7road.com/activity/soulsWar/images/player-overlay.png") no-repeat -1280px 0; }

/*end overlay*/
/*end wrapper*/
/*imgList*/
.player { width: 1600px; height: 817px;background:#000;overflow: hidden; }
.player .focus{width: 1600px; height: 662px; position: relative; background:#000;overflow: hidden; position:relative;}
.logo{position:absolute; top:60px; left:336px; z-index:1000;}
.player-imgList { width: 6400px; height: 662px; position: absolute; top: 0; left: 0; }

/*1591 3182 5853*/
.player-imgList li { float: left; position: relative; }

.player-imgList .yl-details-btn, .player-imgList .zj-details-btn, .player-imgList .hp-details-btn { display:block; position: absolute; left:716px; top: 375px; width: 108px; height: 40px; text-align: center; line-height: 30px; text-indent: -999999px; background:url(../images/click1.png)no-repeat; z-index: 101; overflow: hidden;}
.player-imgList .yl-details-btn:hover, .player-imgList .zj-details-btn:hover, .player-imgList .hp-details-btn:hover{
    background: url(../images/click2.png) no-repeat;overflow: hidden;
   
}

.player-imgList .details-page { position: absolute; top: 0; left: 0; display: none; z-index:1900; }

.surprise-details-page { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 662px; display: none; overflow: hidden; z-index: 1900; }

.player-imgList .page-video { position: absolute; top: 94px; left: 708px; width: 263px; height: 150px;padding: 2px; }
.player-imgList .yl-video{top: 70px;}


.player-imgList .page-txt, .surprise-details-page .page-txt { position: absolute; width: 530px; height: 100px; top: 96px; left: 335px; color: #fff; line-height: 1.5; font-size: 12px; margin:20px 0;}
.zj-details-page .page-txt{top: 78px;}

.player-imgList .vip-details-page .page-txt, .surprise-details-page .page-txt { color: #e5ffc6; }

.player-imgList .get-list { width: 365px; height: 80px; position: absolute; left: 334px; top: 192px; }

.player-imgList .get-list li { font-size: 14px; color: white; float: none; }

.player-imgList .get-list .yellow, .player-imgList .page-txt .yellow { color: #ff0; font-weight: 700; }

.surprise-details-page .page-txt { width: 540px; }

.player-imgList .tab, .surprise-details-page .tab { position: absolute; width: 640px; height: 330px; left: 335px; top: 280px; }

.player-imgList .zj-details-page .tab { top: 268px; }



.player-imgList .vip-details-page .tab { top: 238px; }

.surprise-details-page .tab { top: 248px; }
.tab-content{ color:#9FFFEA; font-size:14px;}

.player-imgList .tab .tab-nav, .surprise-details-page .tab-nav { height: 34px; width: 100%; }

.player-imgList .tab .tab-nav li, .surprise-details-page .tab-nav li { float: left; width: 101px; height: 34px; overflow:hidden; margin-right: 10px; cursor: pointer; line-height: 34px; text-align: center; background: url(../images/tab-btn.png) no-repeat; font-size: 12px; }

.player-imgList .tab .tab-nav li.current, .surprise-details-page .tab-nav li.current { background: url(../images/tab-btn.png) no-repeat 0 -34px; font-weight:normal; font-size:12px; }

.player-imgList .tab .tab-content, .surprise-details-page .tab .tab-content { padding-top: 21px; width: 640px; }

.player-imgList .tab .tab-content div, .surprise-details-page .tab .tab-content div { display: none; }

.player-imgList .tab .tab-content .current, .surprise-details-page .tab .tab-content .current { display: block; }

.player-imgList .tab .tab-content-1 dt, .surprise-details-page .tab .tab-content-1 dt { float: left; width: 188px; height: 134px; background: url(../images/tab-content-1.jpg) no-repeat; text-indent: -9999px; margin-right: 27px; }
.zj-details-page .tab .tab-content-1 .difpic1{float: left; width: 206px; height:171px; background: url(../images/tab-content-1.jpg) no-repeat 0 -2504px; text-indent: -9999px; margin-right: 27px;}
.zj-details-page .tab .tab-content-4 .difpic2{float: left; width: 206px; height:129px; background: url(../images/tab-content-1.jpg) no-repeat 0 -2675px; text-indent: -9999px; margin-right: 27px;}


.surprise-details-page .tab .tab-content-1 dt {float: left; width: 206px; height: 171px; background: url(../images/tab-content-1.jpg) no-repeat; text-indent: -9999px; margin-right: 27px; }

.surprise-details-page .tab .tab-content-2 dt { float: left; width: 216px; height: 267px; background: url(../images/tab-content-1.jpg) no-repeat 0 -1042px; text-indent: -999999px; margin-right: 27px; }

.surprise-details-page .tab .tab-content-3 dt { float: left; width: 331px; height: 193px; background: url(../images/tab-content-1.jpg) no-repeat 0 -1308px; text-indent: -999999px; margin-right: 27px; }
.zj-details-page .tab .tab-content-3 dt{float: left;width: 236px; height: 297px; background: url(../images/tab-content-1.jpg) no-repeat 0 -455px;text-indent: -999999px; margin-right: 27px;}

.surprise-details-page .tab .tab-content-4 dt { float: left; width: 312px; height: 184px; background: url(../images/tab-content-1.jpg) no-repeat 0 -1945px; text-indent: -999999px; margin-right: 27px; }

.surprise-details-page .tab .tab-content-5 dt { float: left; width: 194px; height: 315px; background: url(../images/tab-content-1.jpg) no-repeat 0 -1630px; text-indent: -999999px; margin-right: 27px; }

.player-imgList .vip-details-page .tab-content-1 dt { width: 229px; height: 168px; background: url(../images/tab-content-1.jpg) no-repeat 0 -2129px; text-indent: -999999px; }
.player-imgList .vip-details-page .tab-content-1 .difpic3 { width: 206px; height: 130px; background: url(../images/tab-content-1.jpg) no-repeat 0 -2803px; text-indent: -999999px; }
.player-imgList .vip-details-page .tab-content-2 .difpic4 { width: 345px; height: 116px; background: url(../images/tab-content-1.jpg) no-repeat 0 -2933px; text-indent: -999999px; }



.player-imgList .tab .tab-content-2 dt { float: left; width: 206px; height: 207px; background: url(../images/tab-content-1.jpg) no-repeat 0 -2297px; text-indent: -999999px; margin-right: 27px; }

.player-imgList .tab .tab-content-3 dt { float: left; width: 203px; height: 267px; background: url(../images/tab-content-1.jpg) no-repeat 0 -390px; text-indent: -999999px; margin-right: 27px; }

.player-imgList .tab .tab-content-1 dd { color:#9FFFEA; font-size:14px;}

.player-imgList .tab .tab-content li, .surprise-details-page .tab .tab-content { line-height: 2.0; font-size: 14px; color: #9fffea; float: none; }

.player-imgList .vip-details-page .tab .tab-content li, .surprise-details-page .tab .tab-content li { color: #e5ffc6; }

.player-imgList .tab .tab-content .blank { margin-bottom: 18px; }

.player-imgList .tab .tab-content .yellow { color: #ff0; font-weight: 700; }

.player-imgList .tab .tab-content h4 { font-size: 16px; color: #9fffea; }

.player-imgList .tab .tab-content-3 dt { float: left; width: 334px; height: 222px; background: url(../images/tab-content-1.jpg) no-repeat 0 -228px; text-indent: -999999px; margin-right: 27px; }

.player-imgList .tab .tab-content-3 dd {  font-size: 14px; color: #9fffea; }

/*end imgList*/

/*player-nav*/
.nav { position: absolute; left: 292px; top: 662px; z-index: 1050; }

.player-nav { height: 108px; width: 987px; background: url(../images/nav.jpg) no-repeat; overflow: hidden; }

.player-nav li { float: left; width: 197px; display: inline; }

.player-nav li.go-index { margin-left: 24px; width: 200px; }

.player-nav li.go-index a { background: url(../images/nav.jpg) no-repeat -24px 0; }

.player-nav li.current a.n1, .player-nav li.go-index a:hover { background: url(../images/nav.jpg) no-repeat -24px -108px; }

.player-nav li.ying-ling { width: 175px; }

.player-nav li.ying-ling a { background: url(../images/nav.jpg) no-repeat -223px 0; }

.player-nav li.current a.n2, .player-nav li.ying-ling a:hover { background: url(../images/nav.jpg) no-repeat -223px -108px; }

.player-nav li.game-start { margin-left: 0; margin-top: 0; }

.player-nav li.zijin { width: 175px; margin-left: 183px; }

.player-nav li.zijin a { background: url(../images/nav.jpg) no-repeat -580px 0; }

.player-nav li.current a.n3, .player-nav li.zijin a:hover { background: url(../images/nav.jpg) no-repeat -580px -108px; }

.player-nav li.vip { width: 195px; }

.player-nav li.vip a { background: url(../images/nav.jpg) no-repeat -753px 0; }

.player-nav li.current a.n4, .player-nav li.vip a:hover { background: url(../images/nav.jpg) no-repeat -753px -108px; }

.player-nav a { float: left; height: 107px; width: 100%; text-align: center; line-height: 108px; text-indent: -999999px; }

/*end player-nav*/
.nav .go-start { position: absolute; width: 197px; height: 353px; top: -157px; left: 400px; background: url("http://sq.7road.com/activity/soulsWar/images/go-start.png") no-repeat; text-indent: -999999px;display: none; }

/*surprise*/
.nav .surprise { position: absolute; background: url(../images/btn.png) no-repeat; width: 251px; height: 36px; top: -43px; right: 0; text-align: center; line-height: 36px; text-indent: -999999px; z-index: 10000; }

/*.nav .surprise:hover { background: url("http://sq.7road.com/activity/soulsWar/images/btn.png") no-repeat 0 -36px; }
*/
/*btn-nav*/
.btn-nav{position: absolute;top: 275px;height: 84px;left: 256px;width: 1000px;z-index: 999;}
.prev-btn,.next-btn{width: 83px; height: 84px;text-indent: -999999px}
.prev-btn{float: left;;background: url("http://sq.7road.com/activity/soulsWar/images/btn.png") no-repeat -10px -288px;}
.next-btn{float: right;background: url("http://sq.7road.com/activity/soulsWar/images/btn.png") no-repeat -9px -203px}
/*end-btn-nav*/
.sq{position: absolute;width:135px;height: 30px;z-index: 1001;right: 40px;top:-47px;background: url(../images/btn.png) no-repeat 0 -372px;text-indent: -999999px;}
.sq:hover{background-position: 0 -402px;}
.close-btn{position: absolute;width: 30px;height: 30px;left: 960px;top: 20px;background: url(../images/btn.png) no-repeat 0 -435px;text-indent: -9999999px;text-align: center;line-height: 30px;
_background-position:0 -434px;
}

/*footer*/
/*.footer { height: 144px; background: url("http://sq.7road.com/activity/soulsWar/images/bottom-1600.jpg") no-repeat; width: 1600px; margin: 0 auto; }*/

/*end footer*/

/*css3 animate*/
.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); }
    40% { -webkit-transform: translateY(-30px); }
    60% { -webkit-transform: translateY(-15px); }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); }
    40% { -moz-transform: translateY(-30px); }
    60% { -moz-transform: translateY(-15px); }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); }
    40% { -o-transform: translateY(-30px); }
    60% { -o-transform: translateY(-15px); }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-30px); }
    60% { transform: translateY(-15px); }
}

.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; }

/*首页flash*/
.index-left { position: absolute; left: 139px; top: -127px; width: 498px; height: 671px; }

.index-start { position: absolute; left: 399px; top: -209px; width: 203px; height: 379px; z-index: 1000; }

.index-right { position: absolute; right: 141px; top: -2px; width: 695px; height: 709px; z-index: 500; }
.index-fire { position: absolute; right: 606px; top: 487px; width: 366px; height: 306px; z-index: 300; }
/*end 首页flash*/
/*第二场景 flahs*/
.yl-bird { position: absolute; right: 655px; top: 0; width: 541px; height: 258px; z-index: 10; }

.yl-sunlight { position: absolute; right: 356px; top: -30px; width: 1200px; height: 300px; z-index: 100; }

.yl-man { position: absolute; right: 454px; top: 57px; width: 278px; height: 594px; z-index: 10; }

.yl-logo { position: absolute; left: 199px; top: -114px; width: 498px; height: 514px; z-index: 10; }
.loadflash2{position: absolute; left: 712px; top: 74px; width: 263px; height: 150px; z-index: 10;}

/*end 第二场景flash*/

/*第三场景 flash*/
.zj-logo { position: absolute; left: 11px; top: -4px; width: 1600px; height: 300px; z-index: 10; }

.zj-jl { position: absolute; left: 229px; top: 30px; width: 850px; height: 460px; z-index: 10; }

.zj-water { position: absolute; left: 483px; top: 59px; width: 815px; height: 604px; z-index: 10; }

.zj-zb { position: absolute; left: 191px; top: 393px; width: 1289px; height: 208px; z-index: 10; }
.loadflash3{position: absolute; left: 712px; top: 84px; width: 263px; height: 150px; z-index: 10;}
/*end 第三场景flash*/

/*第四场景 flash*/
.hp-logo { position: absolute; left: 67px; top: -43px; width: 1200px; height: 700px; z-index: 10; }
.hp-stone{position: absolute; right: 295px; top: 0px; width: 137px; height: 529px; z-index: 10;}
.hp-leidian{position: absolute; right: 363px; top: 400px; width: 852px; height: 216px; z-index: 10;}
.hp-cd{position: absolute; right: 357px; top: 80px; width: 523px; height: 500px; z-index: 10;}
.loadflash1{position: absolute; left: 712px; top: 98px; width: 263px; height: 150px; z-index: 10;}
/*end 第四场景flash*/