@import url('http://static.g.ppstream.com/g/style/gameTF0425.css');
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,fieldset, lengend, button, input, textarea,th, td {margin: 0;padding: 0;}
button, input, select, textarea {font: 12px/1.5em Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var, i { font-style: normal; }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }
ul, ol { list-style: none;}
li{*vertical-align:top}
a {text-decoration: none; }
a:hover { text-decoration: underline;}
abbr[title], acronym[title] {border-bottom: 1px dotted; cursor: help;}
q:before, q:after { content: ''; }
legend { color: #000; }
fieldset, img { border: none; }
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
hr {border: none;height: 1px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}

body{font:12px/1.5em 'Microsoft Yahei', simsun, Arial, Tahoma; min-width:1000px}
.wrapper{background:#343434; padding-top:15px;margin-top: -2px}
.header{background:url(images/header.jpg) no-repeat center top; height:430px}
.main{width:1000px; margin:0 auto; position:relative}
.game-info{height:240px; background:url(images/bg-2.png) no-repeat; position:relative;}
.game-pic{float:left; padding:5px 0 0 5px}
.game-pic img{width:172px; height:172px}
.game-desc{float:left; margin-left:20px; padding-top:50px; width:406px; font-size:14px; color:#959595}
.game-desc h1{font-size:26px; margin-bottom:15px; font-weight:normal}
.game-desc p{line-height:24px;text-justify:inter-ideograph; text-align:justify; height:96px; overflow:hidden}
.qr-code{float:left; margin:0 18px 0 22px;_display:inline}
.qr-code img{width:175px}
.download{float:left;margin:33px 0 0 20px; position:relative}
.download-btn{position:absolute; left:261px; top:0; width:272px; height:169px; background:#000; opacity:0; filter:alpha(opacity=0)}
.switch{position:absolute; right:0; top:0; width:70px; height:70px; background:#000; opacity:0; filter:alpha(opacity=0); z-index:3; cursor:pointer}
.news{height:310px}
.news-left{float:left; position:relative; width:496px; height:271px; background:url(images/bg-4.png) no-repeat}
.tab-menu li{float:left;width:91px; height:34px; margin-right:5px; line-height:34px; text-align:center; color:#fff; cursor:pointer}
.tab-menu .on{background:url(images/bg-4.png) no-repeat 0 -271px}
.tab-menu{position:relative; padding:16px 0 0 25px;}
.more-news{position:absolute; right:19px; top:16px; background:url(images/bg-4.png) no-repeat right -291px; padding-right:15px; color:#fff; z-index:5}
.news-pic{float:left; margin-top:7px}
.news-pic img{width:181px}
.news-list{float:left; width:256px; margin-left:18px; color:#ffae01; line-height:26px;_display:inline}
.news-list a{color:#fff;float:left; width:186px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.time{float:right}
.tab-content{padding:20px 0 0 15px;border-top:1px solid #847979; margin-top:-1px}
.tab-box{display:none; overflow:hidden;_zoom:1}
.tab-content .on{display:block}
.tab-content ol{float:left}
.jietu{position:absolute; right:-106px; bottom:-108px; width:88px; height:79px; background:url(images/game-pic.png) no-repeat}
.slide{width:496px; position:relative; height:271px; float:right; overflow:hidden}
.pic{position:relative}
.pic li{float:left; width:496px; height:271px; overflow:hidden}
.prev,
.next{position:absolute; left:0; top:90px; width:13px; height:86px; background:url(images/slide-btn.png) no-repeat}
.next{left:auto; right:0; background-position: -13px 0}
.tab-content2 .tab-box{position:relative}
.tab-content2 .on{display:block}
.flash-btn{float:left}

/*===ppsFooter===*/
#ppsBottom{padding:20px 0 10px;zoom:1;font:12px/22px Verdana,simsun; color:#fff; background:url(images/footer-bg.png) repeat; max-width:1600px; margin:0 auto}
    #ppsBottom p{margin:0}
	#ppsBottom a{color:#fff}
    #ppsFooter{text-align:center;padding:8px 0px 10px 0px;}
	#ppsFooter a{margin:0px 5px;}
	#ppsFooter span{display:block}
	.dlArea{text-align:center}
	#gameTj{margin-bottom:8px;line-height:23px;}
	#gameTj a{margin:0px 6px;white-space:nowrap;display:inline-block;text-decoration:none}
	#gameTj em{zoom:1;display:inline-block;padding:0px 10px 0 95px;position:relative;text-align:left;font-style:normal}
	#gameTj em span{padding-left:18px;display:block;position:absolute;top:0;left:0; background-position:7px 7px!important;font-style:normal}
    #gameLinks{padding-bottom:5px;}
	#gameLinks a{margin:0px 3px;white-space:nowrap;display:inline-block;text-decoration:none}
/*===end ppsFooter===*/

.ft-list a{color:#2e6fb3; margin-right:30px}
.zheng{position:fixed; width:100%; text-align:center; left:0; top:50%; display:none;_position:absolute;_bottom:auto;  
_top:expression(eval(document.documentElement.scrollTop+330)); z-index:999}
.mask{position:fixed; left:0; top:0;width:100%; height:100%; background:#000; opacity:0.5;display:none; filter:alpha(opacity=50);_position:absolute;_bottom:auto;  
_top:expression(eval(document.documentElement.scrollTop));_right:auto;  
_left:expression(eval(document.documentElement.scrollLeft)); z-index:998}
.z-1{margin-top:-282px}
.z-2{margin-top:-300px}
*html,*body{background-image:url(about:blank);background-attachment:fixed; height:100%}

.news-list2{margin-top:10px; margin-bottom:100px;}
.news-list2 h3{color:#035b89; font-weight:normal; font-size:14px; line-height:40px; padding-left:25px; background:#a1f1ff; border-radius:6px 6px 0 0}
.news-list2 h3 a{color:#035b89;}
.news-list2 .article,
.news-list2 ul{background:#fff; padding:50px 80px; min-height:400px;_height:400px; border-radius:0 0 6px 6px}
.news-list2 li{overflow:hidden; line-height:24px; border-bottom:1px dashed #dfdfdf; color:#7d7d7d}
.news-list2 a{color:#7d7d7d}
.article h1{text-align:center; font-size:18px; color:#ff4e00; margin-bottom:15px}
.pubtime{text-align:center; margin-bottom:25px}
.text{line-height:24px; border-top:1px dotted #7d7d7d; padding-top:20px}
.text p{text-indent:2em}

.down-btnT{position:absolute; right:0; top:334px}
.d-android,
.d-ios,
.d-ios-yy{ float: right; _display: inline; width:186px; height:74px; margin-left: 4px; background:url(images/btn2.png) no-repeat;transition:0.2s linear;-webkit-transition:0.2s linear;-moz-transition:0.2s linear}
.d-ios-yy{ background-position:0 -148px}
.d-ios{ background-position:0 -74px}
.d-android:hover,
.d-ios:hover,
.d-ios-yy:hover{ margin-top:-5px}

.tab-menu2{position:absolute; right:20px; top:-8px; width: 339px}
.tab-menu2 li{float:left; width:110px; height:30px; margin-right:3px;_display:inline; background:url(images/btn2.png) no-repeat 0 -252px; text-align:center; line-height:28px; color:#a9a8a8; font-size:16px; font-family:'Microsoft Yahei',Arial; font-weight:bold; cursor:pointer}
.tab-menu2 .on{background-position:0 -222px; color:#fff}
.ios-disabled{background-position:0 -282px}
.ios-yy-disabled{background-position:0 -356px}
.android-disabled{background-position:0 -430px}
.ios-disabled:hover,.ios-yy-disabled:hover,.android-disabled:hover{ margin-top:0}

.android-tip{position:absolute; width:14px; left:202px; bottom:3px; line-height:14px; color: #959595}

/*20160317*/
.story-read{ position:absolute; left:0; top: 200px; width: 270px}
.story-read h3{ height: 58px; background:url(images/story.png) no-repeat; text-indent: -9999px}
.story-read ul{ padding: 0 15px 0 44px; margin-top: 10px}
.story-read ul li{ float: left; width: 63px; height: 23px; background: url(images/story-btn.png) no-repeat; margin:0 7px 8px 0}
.story-read ul li a{ display: inline-block; width: 63px; height: 23px; line-height: 23px; text-align: center; color: #dacf9b; font-size: 16px}

/*20160405*/
.all-drama{ width: 587px; height:266px;position:absolute; left: 0; top:147px;background:url(images/v-bg.jpg) no-repeat}
.video-drama{position:absolute;width:430px;height:255px;top:5px;left:5px;z-index:2;cursor: pointer}
.list-drama{height:255px}
 /*drama*/
.drama{position:absolute;left:435px;top:0;width: 150px}
.drama h5{ color:#fff; font-size: 14px; line-height: 32px; height: 32px;  text-align: left; padding-left: 5px}
.drama ul li{ float: left; margin: 5px 0 0 5px; display: inline}
.drama ul li a{ display: inline-block; font-size: 18px;font-family:"Microsoft Yahei"; color: #fff; text-align: center; width:44px; line-height: 40px; height: 40px; background: #3c3349}
.drama ul li a:hover{ background: #513e59;text-decoration:none}
.drama ul li .more{ color: #fff; font-size: 14px; text-align: center; width: 90px; background: none}
.all-drama h2{ text-indent: 0; color: #1a4559; font-size: 30px; line-height: 35px; text-align: left; margin-top: 12px}
.all-drama h2 span{ font-size: 16px; margin-left: 10px}
.all-drama p{ font-size: 14px; line-height: 22px; text-align: left; color: #1a4559; margin-top: 4px}
/**/
.popTar{position:fixed;display:none;left:50%;top:50%;width:800px;height:480px;margin:-240px 0 0 -400px;z-index:9999;_position:absolute;_margin:0;_left:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollLeft + (document.documentElement.clientWidth-this.offsetWidth)/2 :document.body.scrollLeft + (document.body.clientWidth - this.clientWidth)/2);;_top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2)}
.close-pop{position:absolute;right:14px;top:16px;width:30px;height:30px}